@charset "utf-8";
/* CSS Document */

/* 基本
------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #0c66c1;
}
/*yahoo-linkbtn*/
a img {
  display: inline-block;
  cursor: pointer;
  transition: all 0.6s ease 0s;
}
a img:hover {
  transform: scale(1.05, 1.05);
}
img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
strong {
	font-weight: bold;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
#wrapper {
	max-width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}
main {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#wrapper main section {
	position: relative;
	margin: 0 auto 2em;
}
#wrapper main section.last {
	margin: 0 auto;
}
.sp_btn {
    position: absolute;
    width: 100%;
    bottom: 1.5%;
    left: 0;
}
.footer {
	margin: 0 auto;
	text-align: center;
	background-color: #FF9500;
	padding: 3rem 1rem;
	font-size: 1.6rem;
	padding-bottom: 120px;
}
/*お問い合わせボタン */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.fa-angle-right {
    position: absolute;
    top: calc(50% - .5em);
    right: 1rem;
}
.footer .btn,
.footer a.btn,
.footer button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  margin: 0.8em auto 1.5em
}
a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}
ul {
	margin: 0.8em auto 0;
}
ul li {
	font-size: 1.3rem;
	display: inline;
	padding: 0 5px;
}
/*payment-privecy*/
.pp main {
	width: 100%;
	margin: 2em auto;
	text-align: left;
	font-size: 1.6rem;
}
.pp h1 {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
    text-align: center;
    margin: 0 auto 1em;
}
.pp h2 {
	font-size: 2rem;
	font-weight: bold;
	color: #333;
	line-height: 1.4;
    text-align: left;
    margin: 0 auto 1em;
}
.pp p.tR {
	text-align: right;
}
.pp .inner {
	margin: 0 4%;
	background-color: #fff;
}
.pp p {
	line-height: 1.8;
	margin-bottom: 1em;
	font-size: 1.6rem;
}
.pp ol {
	list-style-type: decimal;
	margin: 0 0 2em 2em;
}
.pp ol li ol {
	list-style-type: decimal;
	margin: 1em 0 2em 1em;
}
.pp li {
	line-height: 1.4;
	margin: 0 0 1em;
	font-size: 1.6rem;
}
.pp table {
	margin: 0 4%;
	border: 1px solid #ccc;
	line-height: 1.4;
}
.pp table th,
.pp table td {
	border: 1px solid #ccc;
}
.pp tbody tr:first-child td {
    border-top: 0;
}
.pp table th {
	background-color: #eeeeee;
	padding: 6px 10px;
	width: 30%;
}
.pp table td {
	background-color: #ffffff;
	padding: 6px 10px;
	width: 70%;
}
.pp ul li {
	display: block;
	margin-left: 1em;
}
/*fixのリンクボタン*/
#page_top{
	z-index: 100;
  width: 100%;
  position: fixed;
  right: 0;
  bottom: 0;
  background-color: rgb(255 255 255 / 60%);
  padding: 10px 0;
}
#page_top a{
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none;
}
@media screen and (min-width: 480px) {
	/*fixのリンクボタン*/
	#page_top{
	  padding: 0;
	}
	#page_top a{
	  margin: 0 auto;
	  display: block;
	  width: 480px;
	}
	.footer {
		padding-bottom: 150px;
	}
}
@media screen and (min-width: 750px) {
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}
	#wrapper {
		width: 100%;
		margin: 0 auto;
		overflow-x: hidden;
		background-color: #fff3d9;
	}
	header {
		padding-top: 73%;
		margin: 0 auto 2em;
		background: url(image/pc/rhizopus_pc_01b.png)no-repeat center 0;
		background-size: cover;
	}
	main {
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.pc_btn {
	    position: absolute;
	    width: 100%;
	    bottom: 1%;
	    left: 0;
	}
	/*payment-privecy*/
	.pp .inner {
		margin: 0 4%;
		background-color: #fff;
	    padding: 3em 5em;
	}
	.pp main {
		margin: 4em auto;
	}
	.pp table {
		margin: 0 auto;
	}
	.pp table th {
		padding: 1em 2em;
		width: 30%;
	}
	.pp table td {
		background-color: #ffffff;
		padding: 1em 2em;
		width: 70%;
	}
}
@media screen and (min-width: 1200px) {
	main {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

}


/*フォーム用*/

.form-area {
	margin: 0 auto;
	text-align: left;
}
.form-area img {
	width: auto;
}
.form-area td {
	padding-right: 2px;;
}
.form-area #ukokkei-landing-page-form .container-fluid {
	max-width: 880px;
	padding: 0 20px;
	margin-right: auto;
	margin-left: auto;
}
.form-area #ukokkei-landing-page-form {
	background-color: #ffe0b9;
}
.form-area #ukokkei-landing-page-form .item-name {
	color: #1c84c6;
	font-size: 20px;
	font-weight: 600;
}
.form-area #ukokkei-landing-page-form .submit-button {
    min-width: auto;
    max-width: 100%;
    width: 100%;
    height: 80px;
    padding: 0;
    font-size: 26px;
    margin: 1em auto 0;
}
.form-area #ukokkei-landing-page-form .order-item-quantity {
    font-size: 16px;
}
.form-area #ukokkei-landing-page-form .ibox.shipment-frequency-ibox.ibox-title-no-border,
.form-area #ukokkei-landing-page-form .ibox.uk-lp-shipment-datetime-form {
    display: none;
}
@media screen and (min-width: 768px) {
	#wrapper main section.last {
		margin: 0 auto 2em;
	}
	.form-area #ukokkei-landing-page-form {
		margin: 0 2em;
		border-radius: 15px;
		background-color: #ffe0b9;
	}
	.form-area #ukokkei-landing-page-form .order-item-info {
		vertical-align: middle;
	}
	.form-area #ukokkei-landing-page-form .item-name {
		color: #1c84c6;
		font-size: 24px;
		font-weight: 600;
	}
	.form-area #ukokkei-landing-page-form .submit-button {
		width: 80%;
	}
}