@charset "UTF-8";



/* CSS Document */



.clearfix:after {

	content: "";

	clear: both;

	display: block;

}



.bold {

	font-weight: bold;

}



.f-small {

	font-size: 0.8em;

}



.t-center {

	text-align: center;

}



.t-underline {

	text-decoration: underline;

}



.red {

	color: #ec6941;

}



.red02 {

	color: #e60012;

}



.mb30 {

	margin-bottom: 30px;

}



.mb10 {

	margin-bottom: 10px !important;

}



.sp { display: block ; }



@media (min-width: 768px) {



	.pc { display: block; }



	.sp { display: none !important; }

}



@media (max-width: 768px) {

	.pc{display: none !important;}

	br.none { display: none; }

}



h2, h3, h4, h5{

	font-family: var(--ff-yu-mincho);

}



/* --------------------------------------- 共通パーツ --------------------------------------- */

/* SP */



@media (max-width: 768px) {

.sidenav .guide {

	width: 86%;

	margin: 20% auto 50px;

}



.sidenav .guide h2 {

	text-align: center;

	margin-bottom: 8%;

}



.sidenav .guide h2 img { width: 40%; }



.sidenav .guide li {

	float: left;

	width: 28%;

	margin-bottom: 5%;

}



.sidenav .guide li img { width: 100%; }



.sidenav .guide li.centerlist { margin: 0 8%; }



.sidenav .guide p {

	line-height: 1.5em;

	font-size: 14px;

}



.corse span{

		margin: -20px 0 20px;

	}





}



/* SP */



@media (max-width: 768px) {



	.breadcrumb {

		width: 92%;

		margin: 5% auto 10%;

	}



	.breadcrumb li {

		float: left;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-size: 13px;

		color: #959595;

	}



	.breadcrumb li a {

		color: #959595;

		text-decoration: none;

	}



	.breadcrumb li:after {

		content: ">";

		padding: 0 10px;

	}



	.breadcrumb li.last:after {

		content: none;

	}





	.main {

		width: 92%;

		margin: 0 auto;

	}



}





.wrapper, .wrapper *, .wrapper *::before, .wrapper *::after{

	box-sizing: content-box;

}





.wrapper {

	font-family: var(--ff-yu-gothic);

}

.wrapper *{

	letter-spacing: 0;

}



.wrapper img{

	display: initial;

	vertical-align: baseline;

}



.wrapper span{

	vertical-align: baseline;

}



/* PC */



@media (min-width: 768px) {



	.wrapper {

		width: 960px;

		max-width: 960px;

		margin: 0 auto 150px;

	}



	.breadcrumb {

		margin: 40px 0 40px;

	}



	.breadcrumb li {

		float: left;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-size: 13px;

		color: #959595;

	}



	.breadcrumb li a {

		color: #959595;

		text-decoration: none;

	}



	.breadcrumb li:after {

		content: ">";

		padding: 0 10px;

	}



	.breadcrumb li.last:after {

		content: none;

	}



	.main {

		width: 70%;

		float: right;

	}



	.sidenav {

		width: 30%;

		float: left;

	}



	.sidenav ul {

		width: 60%;

		border: 1px solid #e0e0e0;

		padding: 10% 10% 0;

	}



	.sidenav ul li {

		text-align: center;

		padding-bottom: 20px;

		background: url(../../img/common/line_side.gif) no-repeat center bottom;

		margin-bottom: 20px;

		line-height: 1.5em;

	}



	.sidenav ul li.last {

		background: none;

	}



	.sidenav ul li a {

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-size: 16px;

		color: #959595;

		text-decoration: none;

	}



	.sidenav ul li.active a {

		color: #c2a53d;

		font-weight: bold;

	}



	.sidenav ul li a:hover {

		color: #c2a53d;

	}

}



/* --------------------------------------- ABOUTページ --------------------------------------- */



	#about section img{

		display: inline;

	}



	#about section {

		font-family: var(--ff-yu-gothic);

		letter-spacing: normal;

	}



/* SP */

@media (max-width: 768px) {



	#about p {

		font-size: 14px;

	}



	#about section {

		width: 100%;

	}



	#about section .inner {

		width: 90%;

		margin: 0 auto;

		padding: 15% 0;

	}



	#about section h2 {

		font-size: 34px;

		color: #353535;

		letter-spacing: 0.05em;

		text-align: center;

		margin-bottom: 10%;

	}



	#about section.sec01 {

		background-color: #fcf8e8;

	}



	#about section.sec01 p {

		text-align: center;

		line-height: 1.8em;

	}



	#about section.sec01 p.img01 {

		margin-bottom: 5%;

	}



	#about section.sec01 p.img01 img {

		width: 50%;

	}



	#about section.sec01 p.img02 {

		margin-bottom: 10%;

	}



	#about section.sec01 p.img02 img {

		width: 100%;

	}



	#about section.sec02 {

		background-color: #e7eed4;

	}



	#about section.sec02 p {

		text-align: center;

		line-height: 1.8em

	}



	#about section.sec02 ul {

		width: 100%;

		margin: 0 auto;

	}



	#about section.sec02 ul li {

		display: block;

		text-align: center;

	}



	#about section.sec02 ul li.img img {

		width: 70%;

		padding-bottom: 10%;

	}



	#about section.sec02 ul li.txt {

		padding-left: 0;

	}

}



/* PC */

@media (min-width: 768px) {



	#about section {

		font-size: 1.8rem;

		width: 100%;

	}



	#about section .inner {

		width: 960px;

		margin: 0 auto;

		padding: 60px 0;

	}



	#about section h2 {

		font-size: 36px;

		color: #353535;

		letter-spacing: 0.05em;

		text-align: center;

		margin-bottom: 30px;

	}



	#about section.sec01 {

		background-color: #fcf8e8;

	}



	#about section.sec01 p {

		text-align: center;

		line-height: 1.8em

	}



	#about section.sec01 p.img01 {

		margin-bottom: 20px;

	}



	#about section.sec01 p.img02 {

		margin-bottom: 20px;

	}



	#about section.sec02 {

		background-color: #e7eed4;

	}



	#about section.sec02 p {

		text-align: left;

		line-height: 1.8em

	}



	#about section.sec02 ul {

		display: table;

		width: 960px;

		margin: 0 auto;

	}



	#about section.sec02 ul li {

		display: table-cell;

		vertical-align: top;

	}



	#about section.sec02 ul li.txt {

		padding-left: 40px;

	}

}









/* --------------------------------------- specialページ --------------------------------------- */



/* SP */

@media (max-width: 768px) {



	p {

		font-size: 14px;

	}



	#special section {

		width: 100%;

	}



	#special section .inner {

		width: 90%;

		margin: 0 auto;

		padding: 15% 0;

	}



	#special section h2 {

		font-size: 34px;

		color: #c2a53d;

		letter-spacing: 0.05em;

		text-align: center;

		margin-bottom: 10%;

	}





	#special section p {

		text-align: center;

		line-height: 1.8em;

	}

}





/* PC */

@media (min-width: 768px) {



	#special section {

		width: 100%;

	}



	#special section .inner {

		width: 960px;

		margin: 0 auto;

		padding: 60px 0;

	}



	#special section h2 {

		font-size: 36px;

		color: #c2a53d;

		letter-spacing: 0.05em;

		text-align: center;

		margin-bottom: 30px;

	}







	#special section p {

		text-align: center;

		line-height: 1.8em

	}

}









/* --------------------------------------- GUIDEページ --------------------------------------- */





/* SP */



@media (max-width: 768px) {





	#guide h2 {

		font-size: 22px;

		color: #c2a53d;

		letter-spacing: 0.05em;

	}





	#guide .guide_nav {}





	#guide h2 span {

		font-size: 15px;

	}







	#guide h3 {

		font-size: 16px;

		background-color: #f4f0e0;

		border-left: 10px solid #e8e3d0;

		padding: 3%;

		margin-top: 10%;

		margin-bottom: 10%;

		letter-spacing: 0.05em;

	}



	#guide h4 {

		font-size: 20px;

		color: #c49521;

		letter-spacing: 0.05em;

		vertical-align: top;

		line-height: 1.5em;

	}



	#guide h4 span {

		color: #e9d9bc;

		font-size: 22px;

		vertical-align: top;

	}



	#guide h4.top {

		margin-top: 40px;

		margin-bottom: 30px;

	}













	#guide h4.normal {

		font-size: 15px !important;

		font-weight: bold;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		color: #313131;

		margin-bottom: 10px;

	}



	#guide h5.normal {

		font-size: 15px !important;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		color: #313131;

		margin-bottom: 10px;

	}



	#guide .merit h5 {

		font-size: 20px;

		color: #ec6941;

		letter-spacing: 0.05em;

		vertical-align: top;

		margin-bottom: 10px;

		text-align: center;

	}



	#guide .img01 {

		float: none;

		display: block;

		margin: 0 auto 5% !important;

		width: 40%;

	}



	#guide .img02 {

		float: none;

		width: 40%;

		display: block;

		margin: 0 auto 5%;

	}





	#guide .img03 {

		display: block;

		float: none;

		margin-top: 30px;

		margin-left: 30px;

	}





	p.imgcenter {

		text-align: center;

	}



	#guide p.imgcenter img {

		width: 40%;

	}





	#guide .merit li {

		padding-top: 90px;

		margin-bottom: 20px;

	}



	#guide .merit .point01 {

		background: url(../../img/guide/point01.png) no-repeat center top;

		background-size: 75px 76px;

	}



	#guide .merit .point02 {

		background: url(../../img/guide/point02.png) no-repeat center top;

		background-size: 75px 76px;

	}



	#guide .merit .point03 {

		background: url(../../img/guide/point03.png) no-repeat center top;

		background-size: 75px 76px;

	}



	#guide .merit .point04 {

		background: url(../../img/guide/point04.png) no-repeat center top;

		background-size: 75px 76px;

	}



	#guide .merit .point05 {

		background: url(../../img/guide/point05.png) no-repeat center top;

		background-size: 75px 76px;

	}





	#guide p {

		color: #313131;

		font-size: 15px;

		line-height: 1.8em;

		margin-bottom: 30px;

	}



	#guide .num_list li {

		list-style-type: decimal;

		list-style-position: inside;

		padding-left: 1.5em;

		text-indent: -1.5em;

		font-size: 15px;

		margin-bottom: 10px;

		line-height: 1.8em;

	}



	#guide .num_list li .indent {

		padding-left: 0.5em;

	}



	#guide .delivery {

		font-size: 15px;

		line-height: 1.8em;

		margin-bottom: 30px;

	}



	#guide .delivery dt {

		float: left;

		width: 12em;

	}



	#guide .delivery dd {

		padding-left: 12em;

	}



	#guide .delivery2 {

		font-size: 15px;

		line-height: 1.8em;

	}



	#guide .delivery2 dt {

		float: left;

		width: 8em;

	}



	#guide .delivery2 dd {

		padding-left: 8em;

	}



	#guide .normal li {

		padding-left: 1em;

		text-indent: -1em;

		font-size: 15px;

		line-height: 1.8em;

	}



	#guide .contact {

		padding: 5%;

		border: 1px solid #dfdfdf;

	}



	#guide .contact p {

		margin-bottom: 0;

	}



	#guide .contact p {

		font-size: 12px;

	}



	#guide .contact p .bold {

		font-size: 14px;

	}







	#guide .fullimg {

		width: 100% !important;

	}



	#guide .center {

		text-align: center !important;

	}







	#guide .guide {

		width: 86%;

		margin: 15% auto 10%;

	}



	#guide .guide h2 {

		text-align: center;

		margin-bottom: 8%;

	}



	#guide .guide h2 img {

		width: 40%;

	}



	#guide .guide li {

		float: left;

		width: 28%;

		margin-bottom: 5%;

	}



	#guide .guide li img {

		width: 100%;

	}



	#guide .guide li.centerlist {

		margin: 0 8%;

	}



	#guide .guide p {

		line-height: 1.5em;

		font-size: 14px;

	}





	#guide .step .left {

		float: none;

		width: 70%;

		margin: 0 auto;

	}



	#guide .step .left img {

		width: 100%;

	}







	#guide .step .right {

		float: none;

		padding: 5% 5% 1%;

		margin: 5% auto 5%;

		background-color: #f3f2ed;



	}





	#guide .step h4 {

		color: #ec6941;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		font-size: 16px;

		font-weight: bold;

		margin-bottom: 10px;

	}



	#guide .guide_nav {

		margin-top: 10%;

		width: 100%;

	}





	#guide .guide_nav li {

		margin-bottom: 10px;

	}



	#guide .guide_nav li img {

		width: 100%;

	}







	#guide .guide_nav li a {

		background: url(../../img/guide/nav_bg.jpg) no-repeat right center;

		display: block;

		height: 70px;

		vertical-align: middle;

		line-height: 70px;

		text-align: center;

		text-decoration: none;

		color: #313131;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-size: 16px;

		background-size: cover;

	}



	#guide .explain_box {

		display: block;

		padding: 10px;

		background-color: #fffae4;

		margin: 1%;

	}



	#guide .explain_box p {

		margin: 20px auto;

	}



	#guide .explain_box h4 {

		font-weight: bold;

		font-size: 1.2em;

	}



	#guide .explain_box img {

		margin: auto;

		display: block;

		padding: 10px;

		width: 90%

	}



	#guide .explain_box .f-small {

		font-size: 0.8em;

	}



	#guide .explain_box .sp {

		display: block;

	}



	#guide .explain_box .pc {

		display: none;

	}





	/*--------- 返金ページ--------------*/

	#guide ul.jyoken {

		line-height: 1.8;

		font-size: 15px;

		display: block;

	}



	.payback .f-small {

		font-size: 0.8em !important;

	}



	#payback-box {

		border: 1px solid #c2a53d;

		padding: 10px;

		border-radius: 5px;

	}



	#payback-box h4 {

		text-align: center;

		color: #ec6941;

		font-weight: bold;

		/* text-decoration: underline; */

		padding-bottom: 1em;

	}



	#panel {

		margin-bottom: 40px;

		width: 100%;

		text-align: center;

	}



	#panel input {

		margin: 0;

	}



	#panel p.title {

		font-weight: bold;

		margin-bottom: 10px;

	}



	#panel>dt {

		padding: 10px;

		line-height: 1.8;

		font-weight: bold;

	}



	#panel #dl-button {

		border: 1px solid #959595;

		width: 300px;

		line-height: 4;

		margin: 10px auto 40px auto;

		font-weight: bold;

	}



	#panel #dl-button a {

		color: #959595;

	}



	#panel #dl-button a:hover {

		color: #353535;

	}



	#panel>dd {

		margin: 0px;

		padding: 10px;

	}



	#guide ul.jyoken {

		text-align: left;

		display: block;

	}



	#guide .contact {

		margin: 25px auto;

		line-height: 1.6;

		padding: 15px;

		border: 1px dashed #dfdfdf;

	}

}







/* PC */



@media (min-width: 768px) {



	#guide h2 {

		font-size: 36px;

		color: #c2a53d;

		letter-spacing: 0.05em;

	}



	#guide h2 span {

		font-size: 24px;

	}



	#guide h3 {

		font-size: 21px;

		background-color: #f4f0e0;

		border-left: 10px solid #e8e3d0;

		padding: 15px;

		margin-top: 90px;

		margin-bottom: 40px;

		letter-spacing: 0.05em;

	}





	#guide h3 span {

		font-size: 12px;

		vertical-align: 0.5em;

		padding-right: 5px;

	}





	#guide h4 {

		font-size: 21px;

		color: #c49521;

		letter-spacing: 0.05em;

		vertical-align: top;

	}





	#guide .step .left {

		float: left;

		width: 430px;

	}





	#guide .step .right {

		float: right;

		width: 180px;

		padding: 30px 20px 0;

		background-color: #f3f2ed;

		margin-bottom: 20px;

	}





	#guide .step h4 {

		color: #ec6941;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		font-size: 16px;

		font-weight: bold;

		margin-bottom: 10px;

	}









	#guide h4.top {

		margin-top: 40px;

		margin-bottom: 30px;

	}













	#guide h4.normal {

		font-size: 15px !important;

		font-weight: bold;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		color: #313131;

		margin-bottom: 10px;

	}



	#guide h5.normal {

		font-size: 15px !important;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		color: #313131;

		margin-bottom: 10px;

	}



	#guide .merit h5 {

		font-size: 24px;

		color: #ec6941;

		letter-spacing: 0.05em;

		vertical-align: top;

		margin-bottom: 10px;

	}



	#guide .img01 {

		float: right;

		margin-left: 15px;

	}



	#guide .img02 {

		float: right;

		margin-top: 30px;

		margin-left: 30px;

	}



	p.imgcenter {

		text-align: center;

	}



	#guide .merit li {

		padding-left: 90px;

		margin-bottom: 50px;

		min-height: 76px;

	}



	#guide .merit .point01 {

		background: url(../../img/guide/point01.png) no-repeat left top;

		background-size: 75px 76px;

	}



	#guide .merit .point02 {

		background: url(../../img/guide/point02.png) no-repeat left top;

		background-size: 75px 76px;

	}



	#guide .merit .point03 {

		background: url(../../img/guide/point03.png) no-repeat left top;

		background-size: 75px 76px;

	}



	#guide .merit .point04 {

		background: url(../../img/guide/point04.png) no-repeat left top;

		background-size: 75px 76px;

	}



	#guide .merit .point05 {

		background: url(../../img/guide/point05.png) no-repeat left top;

		background-size: 75px 76px;

	}



	#guide h4 span {

		color: #e9d9bc;

		font-size: 48px;

		vertical-align: top;

	}



	#guide .sup {

		color: #c49521;

		font-size: 15px;

		vertical-align: top;

		position: relative;

		top: -0.2em;

	}



	#guide h5 {

		font-size: 15px;

		line-height: 3em;

	}





	#guide p {

		color: #313131;

		font-size: 15px;

		line-height: 1.8em;

		margin-bottom: 30px;

	}



	#guide .num_list li {

		list-style-type: decimal;

		list-style-position: inside;

		padding-left: 1.5em;

		text-indent: -1.5em;

		font-size: 18px;

		margin-bottom: 10px;

		line-height: 1.8em;

	}



	#guide .num_list li .indent {

		padding-left: 0.5em;

	}



	#guide .delivery {

		font-size: 15px;

		line-height: 1.8em;

		margin-bottom: 30px;

	}



	#guide .delivery dt {

		float: left;

		width: 12em;

	}



	#guide .delivery dd {

		padding-left: 12em;

	}



	#guide .delivery2 {

		font-size: 15px;

		line-height: 1.8em;

	}



	#guide .delivery2 dt {

		float: left;

		width: 8em;

	}



	#guide .delivery2 dd {

		padding-left: 8em;

	}



	#guide .normal li {

		padding-left: 1em;

		text-indent: -1em;

		font-size: 15px;

		line-height: 1.8em;

	}



	#guide .contact {

		padding: 25px;

		border: 1px solid #dfdfdf;

	}



	#guide .contact p {

		margin-bottom: 0;

	}



	#guide .contact p .bold {

		font-size: 18px;

	}



	#guide .guide_nav {

		margin-top: 75px;

	}





	#guide .guide_nav li {

		margin-bottom: 20px;



	}







	#guide .guide_nav li a {

		background: url(../../img/guide/nav_bg.jpg) no-repeat right center;

		display: block;

		height: 120px;

		vertical-align: middle;

		line-height: 120px;

		text-align: center;

		text-decoration: none;

		color: #313131;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-size: 24px;

	}



	#guide ul.jyoken {

		line-height: 1.8;

		font-size: 15px;

		display: block;

	}



	#guide .explain_box {

		display: block;

		padding: 30px;

		background-color: #f9f9f1;

		/*#fffae4; */

		margin: 0 20px 20px 20px;

	}



	#guide .explain_box p {

		margin: 20px auto;

	}



	#guide .explain_box h4 {

		font-weight: bold;

	}



	#guide .explain_box img {

		margin: auto;

		display: block;

		/*	padding: 10px; */

		max-width: 100%;

	}



	#guide .explain_box .f-small {

		font-size: 0.8em;

	}



	.payback .f-small {

		font-size: 0.8em !important;

	}



	#guide .explain_box .sp {

		display: none;

	}



	#guide .explain_box .pc {

		display: block;

	}



	#payback-box {

		border: 1px solid #c2a53d;

		padding: 15px;

		border-radius: 5px;

	}



	#payback-box h4 {

		text-align: center;

		color: #ec6941;

		font-weight: bold;

		/* text-decoration: underline; */

		padding-bottom: 1em;

	}



	#panel {

		margin-bottom: 40px;

		width: 100%;

		text-align: center;

	}



	#panel p.title {

		font-weight: bold;

		margin-bottom: 10px;

	}



	#panel>dt {

		cursor: pointer;

		padding: 10px;

		font-weight: bold;

	}



	#panel #dl-button {

		border: 1px solid #959595;

		width: 300px;

		margin: 10px auto 40px auto;

		font-weight: bold;

	}



	#panel #dl-button a {

		color: #959595;

	}



	#panel #dl-button a:hover {

		color: #353535;

	}



	#panel>dd {

		margin: 0px;

		padding: 10px;

	}



	#guide .contact {

		width: 60%;

		margin: 25px auto;

		line-height: 1.6;

		padding: 15px;

		border: 1px dashed #dfdfdf;

	}



}













/* --------------------------------------- PRODUCTSページ --------------------------------------- */



/* SP */



@media (max-width: 768px) {

	.oshirase {

		font-size: 14px;

		margin: 8% auto -4% auto;

		padding: 2%;

		line-height: 1.6;

		border: 2px dotted #e60012;

	}



	.oshirase p {

		font-weight: bold;

		font-size: 1.2em;

		padding-bottom: 2%;

	}



	#products .top h2 {

		font-size: 22px;

		color: #c2a53d;

		letter-spacing: 0.05em;

	}



	#products .top h2 span {

		font-size: 15px;

	}







	#products .top h3 {

		font-size: 20px;



		margin-top: 10%;

		margin-bottom: 2%;

		letter-spacing: 0.05em;

	}



	#products .top p {

		width: 100%;

		margin-bottom: 20px;

		line-height: 1.7em;

	}



	#products .top article {

		margin-bottom: 15%;

	}





	#products .top ul li img {

		width: 100%;

	}





	#products .top ul li.visual {

		width: 100%;

		float: none;

	}



	#products .top ul li.btnarea {

		width: 100%;

		float: none;

	}



	#products .top ul li ul {

		display: table;

	}



	#products .top ul li li {

		display: table-cell;

		vertical-align: top;

		line-height: 0;

		margin-bottom: 3px;

	}



	#products .top ul li li img {

		vertical-align: top;

	}



	#products .top ul li li {

		position: relative;

	}



	#products .top ul li li p {

		position: absolute;

		width: 90%;

		text-align: center;

		color: #fff;

		line-height: 1.3em;

		margin: 0 !important;

		bottom: 52%;

		margin-top: 15% !important;

		left: 5%;

		right: 5%;

		font-size: 11px;

	}







	#products .detail h2 {

		font-size: 24px;

		color: #c2a53d;

		letter-spacing: 0;

		text-align: center;

		color: #313131;

	}



	#products .detail h2 span {

		font-size: 16px;

	}



	#products .detail h3 {

		font-size: 18px;

		margin-top: 6%;

		margin-bottom: 10%;

		letter-spacing: -0.02em;

		color: #c2a53d;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		text-align: center;

	}





	#products .detail h4 {

		font-size: 18px;

		margin-top: 10%;

		margin-bottom: 5%;

		letter-spacing: 0.05em;

		color: #c2a53d;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		text-align: left;

	}



	#products .detail p.img01 {

		margin-bottom: 20px;

	}



	#products .detail p.img01 img {

		width: 100%;

	}



	#products .detail p.txt {

		line-height: 1.7em;

	}



	#products .detail table {

		border-left: 1px solid #e7e7e7;

		border-top: 1px solid #e7e7e7;

		font-size: 12px;

	}



	#products .detail table td {

		border-right: 1px solid #e7e7e7;

		border-bottom: 1px solid #e7e7e7;

		padding: 15px;

		line-height: 1.5em;

	}



	#products .detail table th {

		border-right: 1px solid #e7e7e7;

		border-bottom: 1px solid #e7e7e7;

		padding: 15px;

		background-color: #f3eedb;

		width: 5em;

		font-weight: normal;

		line-height: 1.5em;

	}



	#products .detail .link {

		display: table;

		width: 100%;

	}



	#products .detail .link li {

		display: table-cell;

		position: relative;

	}



	#products .detail .link li a {

		color: #313131;

	}





	#products .detail .link li img {

		width: 100%;

	}







	#products .detail .link li p {

		position: absolute;

		top: 0;

		left: 0;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-size: 11px;

		text-align: center;

		width: 100%;

		margin-top: 1%;

		line-height: 1.3em;

	}



	#products .detail .link li p.faq {



		margin-top: 6%;



	}







	#products .detail .corse {

		margin-top: 10%;

	}



	#products .detail .corse img {

		width: 100%;

		margin-bottom: 5%;

	}



	#products .detail .corse img.btn {

		margin-bottom: 5%;

	}





	#products .detail .corse span {

		text-align: center;

		display: block;

		line-height: 1.5em;

		font-size: 11px;

	}



	input {

		margin: 80px 0 0 80px;

	}



	#box {

		display: none;

		margin: 25px;

		padding: 25px;

		background: #eee;

		width: 200px;

		height: 150px;

	}



	#products .detail .corse .txt {

		text-align: left;

		line-height: 1.5em;

		margin-bottom: 10px;

	}



}









/* PC */



@media (min-width: 768px) {

	.oshirase {

		margin: 9% auto -10% auto;

		padding: 2%;

		line-height: 1.6;

		border: 2px dotted #e60012;

	}



	.oshirase p {

		font-weight: bold;

		font-size: 1.2em;

		padding-bottom: 2%;

	}



	#products .top h2 {

		font-size: 36px;

		color: #c2a53d;

		letter-spacing: 0.05em;

	}



	#products .top h2 span {

		font-size: 24px;

	}



	#products .top h3 {

		font-size: 30px;

		margin-top: 45px;

		margin-bottom: 20px;

		letter-spacing: 0.05em;

	}









	#products .top p {

		width: 100%;

		margin-bottom: 20px;

		line-height: 1.7em;

	}



	#products .top article {

		margin-bottom: 80px;

	}





	#products .top ul li img {

		width: 100%;

	}





	#products .top ul li.visual {

		width: 71%;

		float: left;

	}



	#products .top ul li.btnarea {

		width: 28.5%;

		float: right;

	}



	#products .top ul li li {

		float: none;

		vertical-align: top;

		line-height: 0;

		margin-bottom: 3px;

	}



	#products .top ul li li img {

		vertical-align: top;

	}



	#products .top ul li li {

		position: relative;

	}



	#products .top ul li li p {

		position: absolute;

		width: 80%;

		text-align: center;

		color: #fff;

		line-height: 1.3em;

		margin: 0 !important;

		bottom: 72px;

		margin-top: 15% !important;

		left: 10%;

		right: 10%;

	}







	#products .detail h2 {

		font-size: 30px;

		color: #c2a53d;

		letter-spacing: 0.05em;

		text-align: center;

		color: #313131;

	}



	#products .detail h2 span {

		font-size: 18px;

	}



	#products .detail h3 {

		font-size: 21px;

		margin-top: 30px;

		margin-bottom: 30px;

		letter-spacing: 0.05em;

		color: #c2a53d;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		text-align: center;

		line-height: 1.5;

	}





	#products .detail h4 {

		font-size: 18px;

		margin-top: 50px;

		margin-bottom: 10px;

		letter-spacing: 0.05em;

		color: #c2a53d;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		text-align: left;

	}



	#products .detail p.img01 {

		margin-bottom: 20px;

	}



	#products .detail p.txt {

		line-height: 1.7em;

	}





	#products .detail table {

		border-left: 1px solid #e7e7e7;

		border-top: 1px solid #e7e7e7;

	}



	#products .detail table td {

		border-right: 1px solid #e7e7e7;

		border-bottom: 1px solid #e7e7e7;

		padding: 15px;

		line-height: 1.5em;

	}



	#products .detail table th {

		border-right: 1px solid #e7e7e7;

		border-bottom: 1px solid #e7e7e7;

		padding: 15px;

		background-color: #f3eedb;

		width: 5em;

		font-weight: normal;

		line-height: 1.5em;

	}



	#products .detail .link {

		display: table;

	}



	#products .detail .link li {

		display: table-cell;

		position: relative;

	}





	#products .detail .link li p {

		position: absolute;

		top: 0;

		left: 0;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-size: 18px;

		text-align: center;

		width: 100%;

		margin-top: 5%;

		line-height: 1.5em;

	}



	#products .detail .link li p.faq {



		margin-top: 10%;



	}



	#products .detail .link li a {

		color: #313131;

	}





	#products .detail .corse {

		margin-top: 100px;

	}



	#products .detail .corse img {

		margin-bottom: 20px;

	}



	#products .detail .corse img.btn {

		margin-bottom: 20px;

	}





	#products .detail .corse span {

		text-align: center;

		display: block;

		line-height: 1.5em;

		margin-bottom: 50px;

	}



	#products .detail .corse .txt {

		text-align: left;

		line-height: 1.5em;

		margin-bottom: 30px;

	}





}







/* --------------------------------------- VOICEページ --------------------------------------- */









@media (max-width: 768px) {



	#voice .fullimg img {

		width: 100%;

	}



	#voice h2 {

		font-size: 22px;

		color: #c2a53d;

		letter-spacing: 0.05em;

		margin-bottom: 30px;

	}



	#voice h3 {

		margin-bottom: 5%;

	}



	#voice h3 .title {

		font-size: 18px;

		color: #313131;

		display: block;

		margin-bottom: 2%;

		line-height: 1.5em;

	}



	#voice h3 .catch {

		font-size: 12px;

		color: #faba52;

		display: block;

		margin-bottom: 2%;



	}



	#voice h3 .catch02 {

		font-size: 18px;

		color: #ff8ba2;

		display: block;

	}



	#voice h4 {

		font-size: 23px;

		color: #c2a53d;

		letter-spacing: 0.02em;

		margin-bottom: 30px;

		padding-left: 50px;

		background: url(../../img/voice/icon_comment.gif) no-repeat left top;

		background-size: 36px 29px;

		line-height: 1.3em;

		vertical-align: top;

		margin-top: 15%;

	}



	.note {

		position: relative;

		background-image: linear-gradient(rgba(143, 133, 96, 0.5) .1em, transparent .1em);

		background-size: 100% 2.5em;

		line-height: 2.5em;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-weight: normal;

		color: #8f8560;

		font-size: 12px;

		display: block;

		width: 66%;

	}



	.note2 {

		position: relative;

		background-image: linear-gradient(rgba(143, 133, 96, 0.5) .1em, transparent .1em);

		background-size: 100% 2.5em;

		line-height: 2.5em;

		/*font-family: "Yu Mincho", "YuMincho", serif;*/

		font-weight: normal;

		color: #8f8560;

		font-size: 12px;

		display: block;

		width: 100%;

	}



	.noteimg {

		width: 31%;

		float: right;

	}



	#voice .c_nav {

		margin-top: 5%;

	}



	#voice .c_nav li {

		margin-top: 4% !important;

	}



	#voice .c_nav li img {

		width: 100%;

	}



	#voice p {

		color: #313131;

		font-size: 14px;

		line-height: 1.7em;

		margin-bottom: 30px;

	}



	#voice .commentbox {

		background-color: #f9f9f1;

		padding: 4%;

		margin-bottom: 3%;

	}



	#voice .commentbox p {

		margin-bottom: 0;

	}



	#voice .commentbox .title {

		color: #ec6941;

		font-size: 16px;

		line-height: 1.8em;

		margin-bottom: 1%;

		display: block;

		font-weight: bold;

	}



	#voice .commentbox .name {

		font-size: 14px;

		line-height: 1.8em;

		margin-bottom: 3%;

		display: block;

		font-weight: bold;

	}



	#voice .staffbox {

		background-color: #fff;

		padding: 4% 4.5%;

		margin-top: 3%;

		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)

	}



	#voice .staffbox p {

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-weight: normal;

		color: #8f8560;

		font-size: 13px;

	}



	#voice .commentbox .staff {

		border-bottom: solid 1px #8f8560;

		line-height: 1.5em;

		margin-bottom: 3%;

		display: block;

		font-weight: bold;

	}



	#voice .letter {

		padding: 5% 5% 2%;

		background-color: #f9f9f1;

		margin-bottom: 20px;

	}



	#voice .letter ul {}



	#voice .letter ul li {

		width: 100%;

		float: none;

		margin-bottom: 4%;

	}



	#voice .letter ul li img {

		width: 100%;

	}



	#voice .letter .title {

		color: #ec6941;

		font-size: 16px;

		line-height: 1.8em;

		margin-bottom: 5px;

		display: block;

		font-weight: bold;

	}



	#voice .letter .tegaki-name {

		font-size: 14px;

		display: block;

		font-weight: bold;

		margin: 10px 0 0 0px;

	}



	#voice .letter .tegaki-box {

		background-color: #fff;

		padding: 15px 20px;

		margin: 13px 0;

		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)

	}



	#voice .letter .tegaki-staff {

		display: block;

		border-bottom: solid 1px #8f8560;

		padding-bottom: 1px;

		margin-bottom: 10px;

	}



	#voice .letter p {

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-weight: normal;

		color: #000;

		margin: 0;

		font-size: 15px;

		color: #8f8560;

	}



	#voice ul.product {

		width: 100%;

		display: table;

		margin-bottom: 40px;

	}



	#voice ul.product li {



		display: table-cell;

		vertical-align: top;

	}



	#voice ul.product li.img {

		width: 28%;

		padding-right: 2%;

	}



	#voice ul.product li.img img {

		width: 100%;

	}



	#voice ul.product li.txt {

		width: 70%;

	}





	#voice .lactoferrin h3 .catch {

		color: #ffaeaf;

	}



	#voice .lactoferrin h3 .catch02 {

		color: #71d2d3;

	}



	#voice .ka h3 .catch {

		color: #d01813;

	}



	#voice .ka h3 .catch02 {

		color: #41572e;

	}



	#voice .kakinochikara h3 .catch {

		color: #5b2e11;

	}



	#voice .kakinochikara h3 .catch02 {

		color: #e60012;

	}



	#voice .bloominplacenta h3 .catch {

		color: #313131;

	}



	#voice .bloominplacenta h3 .catch02 {

		color: #ff5e59;

	}





	#voice .komuranight h3 .catch {

		color: #eb6100;

	}



	#voice .komuranight h3 .catch02 {

		color: #643a1e;

	}







	#voice ul.lactoferrin li.img {

		width: 20%;

		padding-right: 5%;

	}



	#voice ul.lactoferrin li.txt {

		width: 60%;

	}



	#voice ul.silkyhatomugicya li.img {

		width: 16%;

		padding-right: 4%;

	}



	#voice ul.silkyhatomugicya li.txt {

		width: 60%;

	}



}





@media (min-width: 768px) {





	#voice .fullimg img {

		width: 100%;

	}





	#voice h2 {

		font-size: 36px;

		color: #c2a53d;

		letter-spacing: 0.05em;

		margin-bottom: 30px;

	}



	#voice h3 {

		margin-bottom: 30px;

	}



	#voice h3 .title {

		font-size: 30px;

		color: #313131;



		display: block;

		margin-bottom: 15px;

	}



	#voice h3 .title2 {

		font-size: 28px;

		color: #313131;



		display: block;

		margin-bottom: 15px;

	}



	#voice h3 .title3 {

		font-size: 28px;

		color: #313131;

		line-height: 1em;



		display: block;

		margin-bottom: 15px;

	}





	#voice h3 .catch {

		font-size: 16px;

		color: #faba52;

		display: block;

		margin-bottom: 10px;

	}





	#voice h3 .catch02 {

		font-size: 30px;

		color: #ff8ba2;

		display: block;

	}



	#voice h4 {

		font-size: 23px;

		color: #c2a53d;

		letter-spacing: 0.02em;

		margin-bottom: 30px;

		padding-left: 50px;

		background: url(../../img/voice/icon_comment.gif) no-repeat left top;

		background-size: 36px 29px;

		line-height: 1.3em;

		vertical-align: top;

		margin-top: 80px;

	}



	.note {

		position: relative;

		background-image: linear-gradient(rgba(143, 133, 96, 0.5) .1em, transparent .1em);

		background-size: 100% 3em;

		line-height: 3em;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-weight: normal;

		color: #8f8560;

		font-size: 15px;

		display: block;

		width: 66%;

	}



	.note2 {

		position: relative;

		background-image: linear-gradient(rgba(143, 133, 96, 0.5) .1em, transparent .1em);

		background-size: 100% 3em;

		line-height: 3em;

		/*font-family: "Yu Mincho", "YuMincho", serif;*/

		font-weight: normal;

		color: #8f8560;

		font-size: 15px;

		display: block;

		width: 100%;

	}



	.noteimg {

		width: 31%;

		float: right;

	}



	#voice .c_nav {

		margin-top: 50px;

	}



	#voice .c_nav li {

		margin-top: 30px;

	}



	#voice p {

		color: #313131;

		font-size: 15px;

		line-height: 1.8em;

		margin-bottom: 30px;

	}



	#voice .commentbox {

		background-color: #f9f9f1;

		padding: 25px;

		margin-bottom: 25px;

	}



	#voice .commentbox p {

		margin-bottom: 0;

	}



	#voice .commentbox .title {

		color: #ec6941;

		font-size: 21px;

		line-height: 1.8em;

		margin-bottom: 5px;

		display: block;

		font-weight: bold;

	}



	#voice .commentbox .name {

		font-size: 16px;

		line-height: 1.8em;

		margin-bottom: 10px;

		display: block;

		font-weight: bold;

	}





	#voice .staffbox {

		background-color: #fff;

		padding: 15px 20px;

		margin-top: 13px;

		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)

	}



	#voice .staffbox p {

		font-size: 15px;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-weight: normal;

		color: #8f8560;

	}



	#voice .commentbox .staff {

		border-bottom: solid 1px #8f8560;

		line-height: 1.8em;

		margin-bottom: 10px;

		display: block;

		font-weight: bold;

	}



	#voice .letter {

		padding: 30px 30px 30px 30px;

		background-color: #f9f9f1;

		margin-bottom: 30px;

	}



	#voice .letter .title {

		color: #ec6941;

		font-size: 21px;

		line-height: 1.8em;

		margin-bottom: 5px;

		display: block;

		font-weight: bold;

	}



	#voice .letter .tegaki-name {

		font-size: 16px;

		font-weight: bold;

		margin: 0 0 0 10px;

		line-height: 1.8em;

	}



	#voice .letter .tegaki-box {

		background-color: #fff;

		padding: 15px 20px;

		margin-top: 13px;

		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)

	}



	#voice .letter .tegaki-staff {

		display: block;

		border-bottom: solid 1px #8f8560;

		padding-bottom: 1px;

		margin-bottom: 10px;

	}



	#voice .letter p {

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-weight: normal;

		color: #000;

		margin: 0;

		font-size: 15px;

		color: #8f8560;

	}



	#voice .letter ul {}



	#voice .letter ul li {

		width: 48%;

		float: left;

		margin-bottom: 4%;

	}



	#voice .letter ul li:nth-child(even) {

		margin-left: 4%;

	}



	#voice .letter ul li img {

		width: 100%;

	}







	#voice ul.product {

		width: 100%;

		display: table;

		margin-top: 50px;

		margin-bottom: 40px;

	}



	#voice ul.product li {



		display: table-cell;

		vertical-align: top;

	}



	#voice ul.product li.img {

		width: 28%;

		padding-right: 2%;

	}



	#voice ul.product li.img img {

		width: 100%;

	}



	#voice ul.product li.txt {

		width: 70%;

	}

















	#voice .lactoferrin h3 .catch {

		color: #ffaeaf;

	}



	#voice .lactoferrin h3 .catch02 {

		color: #71d2d3;

	}



	#voice .ka h3 .catch {

		color: #d01813;

	}



	#voice .ka h3 .catch02 {

		color: #41572e;

	}



	#voice .kakinochikara h3 .catch {

		color: #5b2e11;

	}



	#voice .kakinochikara h3 .catch02 {

		color: #e60012;

	}





	#voice .bloominplacenta h3 .catch {

		color: #313131;

	}



	#voice .bloominplacenta h3 .catch02 {

		color: #ff5e59;

	}





	#voice .komuranight h3 .catch {

		color: #eb6100;

	}



	#voice .komuranight h3 .catch02 {

		color: #643a1e;

	}









	#voice ul.lactoferrin li.img {

		width: 16%;

		padding-right: 4%;

	}



	#voice ul.lactoferrin li.txt {

		width: 60%;

	}



	#voice ul.kakinochikara li.img {

		width: 16%;

		padding-right: 4%;

	}



	#voice ul.kakinochikara li.txt {

		width: 60%;

	}



	#voice ul.komuranight li.img {

		width: 16%;

		padding-right: 4%;

	}



	#voice ul.komuranight li.txt {

		width: 60%;

	}





	#voice ul.silkyhatomugicya li.img {

		width: 16%;

		padding-right: 4%;

	}



	#voice ul.silkyhatomugicya li.txt {

		width: 60%;

	}



}



































/* --------------------------------------- FAQページ --------------------------------------- */





/* SP */





@media (max-width: 768px) {



	#faq .fullimg img {

		width: 100%;

		margin-top: 75px;

	}



	#faq h2 {

		font-size: 22px;

		color: #c2a53d;

		letter-spacing: 0.05em;

	}



	#faq h2 span {

		font-size: 15px;

	}



	#faq h3 {

		font-size: 16px;

		padding: 2%;

		margin-top: 10%;

		margin-bottom: 5%;

		letter-spacing: 0.05em;

		background: url(../../img/faq/icon.png) no-repeat left center;

		background-color: #f4f0e0;

		background-size: 30px;

		padding-left: 40px !important;

		border-radius: 30px;

		-webkit-border-radius: 30px;

		-moz-border-radius: 30px;

	}





	#faq h3 span {

		font-size: 12px;

		vertical-align: 0.5em;

		padding-right: 5px;

	}





	#faq h4 {

		font-size: 21px;

		color: #c49521;

		letter-spacing: 0.05em;

		vertical-align: top;

	}



	#faq p {

		line-height: 1.7em;

	}



	#faq .nav01 {

		border-bottom: 1px dashed #e0e0e0;

	}



	#faq .nav02 {

		border-top: none;

	}





	#faq .faq_nav {

		margin-top: 10%;

		width: 100%;

	}





	#faq .faq_nav li {

		margin-bottom: 10px;

	}



	#faq .faq_nav li img {

		width: 100%;

	}





	#faq .faq_nav2 li a {

		background: url(../../img/guide/nav_bg.jpg) no-repeat right center;

		display: block;

		height: 70px;

		vertical-align: middle;

		line-height: 70px;

		text-align: center;

		text-decoration: none;

		color: #313131;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-size: 16px;

		background-size: cover;

	}



	#faq .contact {

		padding: 25px;

		border: 1px solid #dfdfdf;

	}



	#faq .normal li {

		padding-left: 1em;

		text-indent: -1em;

		font-size: 15px;

		line-height: 1.8em;

	}



	#faq .mor {

		color: #FF661D;

	}



	#faq .nig {

		color: #0009CD;

	}



	#faq .small {

		font-size: 0.8em;

	}



	#toiawase_box {

		max-width: 90%;

		margin: 0 auto;

		padding: 2%;

		border: dashed 1px #2E2E2E;

	}



	#toiawase_box .title {

		font-weight: bold;

		text-decoration: underline;

		display: block;

		text-align: center;

	}



	#faq #toiawase_box a:link {

		text-decoration: underline;

	}

}







/* PC */



@media (min-width: 768px) {



	#faq .fullimg img {

		width: 100%;

		margin-top: 75px;

	}



	#faq .faq_nav {

		margin-top: 75px;

	}





	#faq .faq_nav li {

		margin-bottom: 20px;

	}



	#faq .faq_nav li img {

		width: 100%;

	}





	#faq .faq_nav2 li a {

		background: url(../../img/guide/nav_bg.jpg) no-repeat right center;

		display: block;

		height: 120px;

		vertical-align: middle;

		line-height: 120px;

		text-align: center;

		text-decoration: none;

		color: #313131;

		font-family: "Yu Mincho", "YuMincho", 'Hiragino Mincho ProN', serif;

		font-size: 24px;

	}





	#faq h2 {

		font-size: 36px;

		color: #c2a53d;

		letter-spacing: 0.05em;

	}



	#faq h2 span {

		font-size: 24px;

	}



	#faq h3 {

		font-size: 18px;

		padding: 12px;

		margin-top: 70px;

		margin-bottom: 30px;

		letter-spacing: 0.05em;

		background: url(../../img/faq/icon.png) no-repeat left top;

		background-color: #f4f0e0;

		background-size: 50px;

		padding-left: 60px !important;

		border-radius: 30px;

		-webkit-border-radius: 30px;

		-moz-border-radius: 30px;

	}





	#faq h3 span {

		font-size: 12px;

		vertical-align: 0.5em;

		padding-right: 5px;

	}





	#faq h4 {

		font-size: 21px;

		color: #c49521;

		letter-spacing: 0.05em;

		vertical-align: top;

	}



	#faq p {

		line-height: 1.7em;

	}



	#faq .nav01 {

		border-bottom: 1px dashed #e0e0e0;

	}



	#faq .nav02 {

		border-top: none;

	}



	#faq .contact {

		padding: 25px;

		border: 1px solid #dfdfdf;

	}



	#faq .normal li {

		padding-left: 1em;

		text-indent: -1em;

		font-size: 15px;

		line-height: 1.8em;

	}



	#faq .mor {

		color: #FF661D;

	}



	#faq .nig {

		color: #0009CD;

	}



	#faq .small {

		font-size: 0.8em;

	}



	#toiawase_box {

		max-width: 90%;

		margin: 0 auto;

		padding: 2%;

		border: dashed 1px #2E2E2E;

	}



	#toiawase_box .title {

		font-weight: bold;

		text-decoration: underline;

		display: block;

		text-align: center;

	}



	#faq #toiawase_box a:link {

		text-decoration: underline;

	}

}







/* ---------------------------------------個人情報保護方針 / 特定商取引法に基づく表示 ページ --------------------------------------- */





/* SP */



@media (max-width: 768px) {









	#company h2 {

		font-size: 22px;

		color: #c2a53d;

		letter-spacing: 0.05em;

		margin-bottom: 10%;

	}



	#company h2 span {

		font-size: 15px;

	}







	#company h3 {

		font-size: 16px;

		background-color: #f4f0e0;

		border-left: 10px solid #e8e3d0;

		padding: 3%;

		margin-top: 10%;

		margin-bottom: 10%;

		letter-spacing: 0.05em;

	}



	#company h4 {

		font-size: 20px;

		color: #c49521;

		letter-spacing: 0.05em;

		vertical-align: top;

		line-height: 1.5em;

	}



	#company h4 span {

		color: #e9d9bc;

		font-size: 22px;

		vertical-align: top;

	}





	#company h4.top {

		margin-top: 40px;

		margin-bottom: 30px;

	}













	#company h4.normal {

		font-size: 15px !important;

		font-weight: bold;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		color: #313131;

		margin-bottom: 10px;

	}



	#company h5.normal {

		font-size: 15px !important;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		color: #313131;

		margin-bottom: 10px;

	}











	#company p {

		color: #313131;

		font-size: 15px;

		line-height: 1.8em;

		margin-bottom: 30px;

	}



	#company .num_list li {

		list-style-type: decimal;

		list-style-position: inside;

		padding-left: 1.5em;

		text-indent: -1.5em;

		font-size: 15px;

		margin-bottom: 10px;

		line-height: 1.8em;

	}



	#company .num_list li .indent {

		padding-left: 0.5em;

	}





	#company .normal li {

		padding-left: 1em;

		text-indent: -1em;

		font-size: 15px;

		line-height: 1.8em;

	}







	#company .company_nav {

		margin-top: 10%;

		width: 100%;

	}





	#company .company_nav li {

		margin-bottom: 10px;

	}



	#company .company_nav li img {

		width: 100%;

	}



	#company .main th {

		width: 35%;

		text-align: right;

		padding: 2% 2% 2% 2%;

		font-weight: bold;

		font-size: 16px;

		background-color: #fcfbf6;

		border: solid #FFFFFF;

	}



	#company .main td {

		width: 65%;

		text-align: left;

		padding: 2% 2% 2% 2%;

		font-size: 16px;

		line-height: 1.5em;

	}



	.iframe-wrap {

		position: relative;

		width: 100%;

		padding-top: 56.25%;

		overflow: auto;

		-webkit-overflow-scrolling: touch;

		border: 2px solid #ccc;

	}



	.iframe-wrap iframe {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		border: none;

		display: block;

	}



}







/* PC */



@media (min-width: 768px) {



	#company h2 {

		font-size: 36px;

		color: #c2a53d;

		letter-spacing: 0.05em;

		margin-bottom: 90px;

	}



	#company h2 span {

		font-size: 24px;

	}



	#company h3 {

		font-size: 21px;

		background-color: #f4f0e0;

		border-left: 10px solid #e8e3d0;

		padding: 15px;

		margin-top: 90px;

		margin-bottom: 40px;

		letter-spacing: 0.05em;

	}





	#company h3 span {

		font-size: 12px;

		vertical-align: 0.5em;

		padding-right: 5px;

	}





	#company h4 {

		font-size: 21px;

		color: #c49521;

		letter-spacing: 0.05em;

		vertical-align: top;

	}















	#company h4.top {

		margin-top: 40px;

		margin-bottom: 30px;

	}













	#company h4.normal {

		font-size: 15px !important;

		font-weight: bold;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		color: #313131;

		margin-bottom: 10px;

	}



	#company h5.normal {

		font-size: 15px !important;

		font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

		color: #313131;

		margin-bottom: 10px;

	}









	#company h4 span {

		color: #e9d9bc;

		font-size: 48px;

		vertical-align: top;

	}



	#company p {

		color: #313131;

		font-size: 15px;

		line-height: 1.8em;

		margin-bottom: 30px;

	}



	#company .num_list li {

		list-style-type: decimal;

		list-style-position: inside;

		padding-left: 1.5em;

		text-indent: -1.5em;

		font-size: 18px;

		margin-bottom: 10px;

		line-height: 1.8em;

	}



	#company .num_list li .indent {

		padding-left: 0.5em;

	}



	#company .normal li {

		padding-left: 1em;

		text-indent: -1em;

		font-size: 15px;

		line-height: 1.8em;

	}





	#company .company_nav {

		margin-top: 75px;

	}





	#company .company_nav li {

		margin-bottom: 20px;

	}



	#company .main th {

		width: 20%;

		text-align: left;

		padding: 2% 2% 2% 2%;

		font-weight: normal;

		font-size: 16px;

		line-height: 1.5em;

		background-color: #fcfbf6;

		border: solid #FFFFFF;



	}



	#company .main td {

		width: 80%;

		text-align: left;

		padding: 2% 2% 2% 2%;

		font-size: 16px;

		line-height: 1.5em;

	}







}









@media (max-width: 768px) {



	#news h2 {

		font-size: 22px;

		color: #c2a53d;

		letter-spacing: 0.05em;

		margin-bottom: 5%;

		text-align: center;

	}



	#news dl {

		border-top: 1px solid #959595;

		border-bottom: 1px solid #959595;

		padding: 10px 0;

		margin-bottom: 20%;

		color: #313131;

		font-size: 13px;

		line-height: 1.8em;

	}



	#news dt {

		float: left;

		width: 6em;

		padding: 10px 0;

	}





	#news dd {

		padding-left: 6em;

		border-bottom: 1px dashed #959595;

		padding: 10px 0;

	}



	#news dd a {

		color: #313131;

	}





	#news dd:last-child {

		border-bottom: none !important;

	}









	#news .detail {

		padding-bottom: 10%;

		margin-bottom: 20%;

		border-bottom: 1px solid #313131;

	}



	#news .detail h2 {

		font-size: 22px;

		color: #313131;

		border-bottom: 1px solid #313131;

		padding-bottom: 5%;

		margin-bottom: 10%;

	}



	#news .detail p,

	#news .detail div {

		color: #313131;

		width: 90%;

		margin: 0 auto;

		font-size: 14px;

		line-height: 1.8em;

		margin-bottom: 30px;

	}



	#news .detail table {

		width: 100%;

	}



	#news .detail table tr th,

	#news .detail table tr td {

		padding: 0 10px;

		border: 1px solid #DDD;

		vertical-align: middle;

	}



	#news .detail table tr th {

		text-align: center;

		font-weight: bold;

	}



	#news .detail table .greycell {

		background-color: lightgrey;

	}



	#news .detail table .yellowcell {

		background-color: #ffffcb;

	}





}









@media (min-width: 768px) {



	#news .main {

		width: 100%;

	}





	#news h2 {

		font-size: 36px;

		color: #c2a53d;

		letter-spacing: 0.05em;

		margin-bottom: 25px;

		text-align: center;

	}





	#news dl {

		border-top: 1px solid #959595;

		border-bottom: 1px solid #959595;

		padding: 10px 0;

		margin-bottom: 100px;

		color: #313131;

		font-size: 15px;

		line-height: 1.8em;

	}



	#news dt {

		float: left;

		width: 7em;

		padding: 10px 0;

	}





	#news dd {

		padding-left: 7em;

		border-bottom: 1px dashed #959595;

		padding: 10px 0;

	}



	#news dd a {

		color: #313131;

	}





	#news dd:last-child {

		border-bottom: none !important;

	}







	#news .detail {

		padding-bottom: 20px;

		margin-bottom: 100px;

		border-bottom: 1px solid #313131;

	}



	#news .detail h2 {

		font-size: 30px;

		color: #313131;

		border-bottom: 1px solid #313131;

		padding-bottom: 15px;

		margin-bottom: 40px;

	}



	#news .detail p,

	#news .detail div {

		color: #313131;

		width: 80%;

		margin: 0 auto;

		font-size: 15px;

		line-height: 1.8em;

		margin-bottom: 30px;

	}



	#news .detail table {

		width: 100%;

	}



	#news .detail table tr th,

	#news .detail table tr td {

		padding: 0 10px;

		border: 1px solid #DDD;

		vertical-align: middle;

	}



	#news .detail table tr th {

		text-align: center;

		font-weight: bold;

	}



	#news .detail table .greycell {

		background-color: lightgrey;

	}



	#news .detail table .yellowcell {

		background-color: #ffffcb;

	}

}



.recommend-kaki {

	background: #E5A545;

	margin: 5% auto;

	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;

	font-weight: bold;

}



.recommend-kaki p {

	font-size: 1rem;

	line-height: normal;

	padding: 10px 15px;

	color: #FFF;

}



.recommend-kaki ul {

	font-size: .95rem;

	background: #FFF0CE;

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	padding: 10px 25px;

	line-height: 2.5;

	font-weight: bold;

}



.recommend-kaki ul li:before {

	content: "";

	background: url(../../img/products/kakinochikara/checkbox_orange.png) no-repeat;

	display: inline-block;

	width: 25px;

	height: 19px;

	vertical-align: middle;

	padding-left: 7px;

}



.recommend-kaki ul li {

	width: 275px;

}



/* --------------------------------------- iframe --------------------------------------- */

@media (max-width: 768px) {

	iframe#sub {

		display: none;

	}

}



@media (min-width: 768px) {

	iframe#sub {

		display: block;

		scrolling: no;

		height: 1200px;

	}

}