@charset "utf-8";
body {
	width: 100%;
	color: #4C3114;
	line-height: 1.3;
	box-sizing: border-box;
	font-size: 14px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}
#containerTop{
	overflow: hidden;
}
.pc{
	display: none !important;
}

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
header{
	background: url("../images/sp/header_bg.jpg")no-repeat center center;
	padding: 10px 0;
}
header h2{
	text-align:center;
}
header h2 span{
	display: block;
	font-size: 11px;
	color: #f7919d;
}
table.drawer-menu {
	width: 100%;
}
.drawer-nav table td{
	background: RGBA(247,145,157,.95);
	border: solid 1px #ffffff;
}
.drawer-nav table td a{
	display: block;
	color: #ffffff;
	font-size: 15px;
	padding: 10px 10px 10px 25px;
	text-decoration: none;
	position: relative;
}
.drawer-nav table td a:hover{
	width: 100%;
	background: RGBA(255,255,255,.95);
	color: RGBA(247,145,157,1);
}
.drawer-nav table td a::before{position: absolute;content: "";width: 15px;height: 2px;top:49%;left: 0;background: #fff;}
.drawer-nav table td a:hover::before{background: RGBA(247,145,157,1);}

/*----------------------------------------------------
	トップページ　メインイメージ
----------------------------------------------------*/
/*mainVisual*/
#mainVisual{}

.CatchCopy{display: none;}
/*
.CampaignBanner{
	text-align: center;
	background: #ffffff;
	padding: 15px 0;
}
.CampaignBanner img{width: 92%;box-shadow: 0 3px 7px rgba(0,0,0,0.35);}*/
/*----------------------------------------------------
	下層ページ メインイメージ 
----------------------------------------------------*/
#mainsub{
	width: 100%;
}
#mainsub_h3{
	background: url(../images/common/h3.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 20px 0;
}
#mainsub h3{
	width: 230px;

	font-size: 22px;
	color: #333333;
	background: rgba(255,255,255,.7);
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
	line-height: 1.5;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	display: inline-block;
}
#mainsub h3 span{
	font-size: 12px;
	color: #f76987;
	display: block;
}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
/*----------------------
top contents01
----------------------*/
#contents01{
	padding: 20px 0 10px;
	background: url("../images/index/contents01_bg_l.png")top left no-repeat,
	url("../images/index/contents01_bg_r.png")bottom right no-repeat;
}
#contents01 .innerContents{
	padding: 40px 0;
}
#topix{
	margin: 22px;
	background: url("../images/index/topics_bg.png")center center no-repeat,#f2efe9;
	padding: 50px 20px;
	position: relative;
	z-index: 1;
}
#topix::before{
	content: "";
	position: absolute;
	top: -15px;
	right: -15px;
	bottom: -15px;
	left: -15px;
	background: url("../images/index/topics_bg_lt.png")no-repeat top left,
				url("../images/index/topics_bg_rt.png")no-repeat top right,
				url("../images/index/topics_bg_lb.png")no-repeat bottom left,
				url("../images/index/topics_bg_rb.png")no-repeat bottom right;
	background-size: 120px;
	z-index: -1;
}
#topix h3{
	color: #333333;
	font-size: 25px;
	font-weight: bold;
	position: absolute;
	top: -11px;
	left: 0;
	right: 0;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#topix h3::after{
	content: "TOPIX";
	font-size: 50px;
	color: #f2efe9;
	letter-spacing: 1px;
	z-index: -1;
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
}
#topix ul{
	position: relative;
	align-items: center;
	margin-bottom: 20px;
}
#topix ul li{
	background: #ffffff;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
#topix ul li::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 2px solid #d4c291;
	z-index: -1;
}
#topix ul li a{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 17px;
	font-weight: bold;
	color: #535353;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	line-height: 70px;
	text-decoration: none;
}
#topix ul li:nth-child(2) a,#topix ul li:nth-child(4) a{line-height: 1.2 !important;padding-top: 12px;height: 58px;}
#topix ul li a span{color: #cb9b19}
#topix ul li:first-child a span,#topix ul li:nth-child(3) a span,#topix ul li:nth-child(5) a span,#topix ul li:nth-child(6) a span{font-size: 25px;}
#topix ul li:nth-child(2) a span{font-size: 22px;letter-spacing: -3px;}
#topix ul li:nth-child(4) a span{font-size: 22px;}
#topix ul li:nth-child(5) a span{color: #f67686;}
#topix ul li:nth-child(6) a span{color: #6a71a9;}
#topix ul li a:hover,#topix ul li a:hover span{color: #cb9b19;transition: .2s;}

a.item_link{
	display: block;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background: #d4c291;
	border: 1px solid #cb9b19;
	color: #ffffff;
	margin: 0 auto;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 15px;
}
a.item_link:hover{background: #cb9b19;}


/*----------------------
top contents02
----------------------*/
#contents02{
	width: 100%;
	background: url("../images/index/contents02_bg.jpg")no-repeat center center;
	background-size: cover;
}
#contents02 .innerContents{
	padding: 90px 15px;
	overflow-x: hidden;
}
.About_handling{
	background: rgba(255,255,255,.5);
	padding: 50px 40px;
	position: relative;
	z-index: 1;
}
.About_handling::before{
	content: "";
	position: absolute;
	top: -55px;
	right: -55px;
	bottom: -55px;
	left: -55px;
	background: url("../images/index/contents02_kazari_l.png")no-repeat top left,
		url("../images/index/contents02_kazari_r.png")no-repeat bottom right;
	z-index: -1;
}
#contents02 h3{
	color: #f67686;
	font-size: 25px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1.3;
}
#contents02 p{
	color: #333333;
	font-size: 15px;
	line-height: 1.9;
	margin-bottom: 35px;
}
#contents02 a{
	width: 100%;
	height: 43px;
	line-height: 43px;
	color: #ffffff;
	background: #f7919d;
	display: block;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 auto;

}
#contents02 a:hover{background: #f67686;}
/*----------------------------------------------------
	中身コンテンツ
----------------------------------------------------*/
#contents{
	margin: 0 auto 80px;
	padding: 20px 3% 30px;
	background: url("../images/index/contents01_bg_l.png")top left no-repeat,
	url("../images/index/contents01_bg_r.png")bottom right no-repeat;
	position: relative;
}
#contents::after{
	content: "";
	position: absolute;
	bottom: -80px;
	left: 0;
	right: 0;
	background: url("../images/index/contents02_bg.jpg")no-repeat center bottom;
	background-size: cover;
	height: 80px;
}

/*  article */
article{
	background: rgba(255,255,255,.7);
}
article h4{
	margin-bottom: 45px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 1px;
	padding-bottom: 15px;
	position: relative;
}
article h4::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 200px;
	height: 2px;
	background: #cb9b19;
}

article h5 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
	letter-spacing: 2px;
	color: #ffffff;
	background: #cb9b19;
	padding: 10px 15px;
	display: inline-block;
}

article h6{
	color: #cb9b19;
	font-weight:bold;
	font-size: 15px;
	margin-bottom: 20px;
	padding-left: 15px;
	position: relative;
	border-left: 4px solid #cb9b19;
}
article h6::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	
}

/*  section  */
article section{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	margin-bottom: 70px;
	padding: 30px 0 10px;
}
article section:last-child{
	margin-bottom: 35px;
}
article section p{
	font-size: 15px;
	font-weight: normal;
	color: #222222;
	margin-bottom: 15px;
	line-height: 1.6em;
	letter-spacing: 0.9px;
	text-align: justify;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
section a{
	color: #f76987;
	text-decoration: underline;
	font-weight: bold;
	font-size: 15px;
}
section a:hover{
	color: #cb9b19 !important;
	text-decoration: none;
}

/*----------------------------------------------------
	ページ内最上部へのアンカーリンク
----------------------------------------------------*/
.pagetop{
	position: fixed;
	bottom: 15%;
	right:1%;
	z-index:1000;
}
.pagetop img{
	width:80%;
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
footer{
	width: 100%;
	background-color: #FFFFFF;

}
/*  innerFooter  */
#innerFooter{
	padding: 20px 3% 0;
}
#innerFooterL{
}
footer h2{
	text-align: center;
	margin-bottom: 20px;
}
#infoFooterL address,#infoFooterL p {
	font-size: 13px;
	line-height: 1.0;
	margin-bottom: 8px;
	text-align: center;
}

#infoFooterR{
}
/*  footerMenu  */
#footerMenu{display: none;}

/*  copyright  */
#copyright{
	border-top: 1px solid #333333;
	width: 100%;
	height: 40px;
	padding-bottom: 60px;
	color: #333333;
	font-size: 11px;
	text-align: center;
	line-height: 40px;
	background: #FFFFFF;
}


/*----------------------------------------------------
	電話ボタン
----------------------------------------------------*/
#mobile-foot{
	width: 100%;
	position: fixed;
	left: 0;
	bottom:0;
	background:rgba(0, 0, 0, 0.6);
	z-index:1;
	padding: 10px 0;
	text-align: center;
}
/*----------------------------------------------------
	便利クラス
----------------------------------------------------*/

.bold {font-weight:bold !important;}
.font-size10{font-size:10px !important;}
.font-size12{font-size:12px !important;}
.font-size13{font-size:13px !important;}
.font-size14{font-size:14px !important;}
.font-size15{font-size:15px !important;}
.font-size16{font-size:16px !important;}
.font-size17{font-size:17px !important;}
.font-size18{font-size:18px !important;}
.font-size19{font-size:19px !important;}
.font-size20{font-size:20px !important;}
.font-size21{font-size:21px !important;}
.font-size22{font-size:22px !important;}
.font-size23{font-size:23px !important;}
.font-size24{font-size:24px !important;}
.font-size25{font-size:25px !important;}
.font-size100{font-size:100% !important;}
.font-size120{font-size:120% !important;}
.font-size140{font-size:140% !important;}

/* テキスト配色設定 */

.color-blue1{color:#abc5ea  !important;}
.color-blue2{color:#366bb7 !important;}
.color-blue3{color:#0018ff !important;}

.color-white{color:#FFFFFF !important;}
.color-red1{color:#FF0001 !important;}
.color-red2{color:#cd0000 !important;}
.color-pink1{color:#ef9191 !important;}
.color-pink2{color:#fb2bb9 !important;}
.color-pink3{color:#eb86df !important;}
.color-pink4{color:#bd516b !important;}
.color-brown1{color:#b9ab93 !important;}
.color-brown2{color:#4e422e !important;}
.color-green1{color:#dbedc6 !important;}
.color-green2{color:#5b8c21 !important;}
.color-green3{color:#446e18 !important;}
.color-orange1{color:#ff6600 !important;}

/* テキスト配置 */

.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}
.vlignT{vertical-align:top;}
.vlignM{vertical-align:middle}
/*
.floatL{float:left !important;}
.floatR{float:right !important;}
*/
/*
.floatL20{float:left !important; margin-right:10px !important; margin-bottom:10px !important;}
.floatR20{float:right !important; margin-left:10px !important; margin-bottom:10px !important;}
*/
.floatL10{float:left !important; margin-right:10px !important; margin-bottom:10px !important;}
.floatR10{float:right !important; margin-left:10px !important; margin-bottom:10px !important;}

.img50{text-align: center !important; margin-bottom: 8px !important;}
.img50 img{width: 50%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img60{text-align: center !important; margin-bottom: 8px !important;}
.img60 img{width: 60%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img70{text-align: center !important; margin-bottom: 8px !important;}
.img70 img{width: 70%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img80{text-align: center !important; margin-bottom: 8px !important;}
.img80 img{width: 80%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img90{text-align: center !important; margin-bottom: 8px !important;}
.img90 img{width: 90%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img100{text-align: center !important; margin-bottom: 8px !important;}
.img100 img{width: 100%;}


/* padding */

.p0{padding:0 !important;}
.p10{padding:10px !important;}
.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pr0{padding-right:0 !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

/* margin */

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mb0{margin-bottom:0px !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.mr0{margin-right:0 !important;}
.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

.img50{text-align: center !important; margin-bottom: 8px !important;}
.img50 img{width: 50%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img60{text-align: center !important; margin-bottom: 8px !important;}
.img60 img{width: 60%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img70{text-align: center !important; margin-bottom: 8px !important;}
.img70 img{width: 70%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img80{text-align: center !important; margin-bottom: 8px !important;}
.img80 img{width: 80%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img90{text-align: center !important; margin-bottom: 8px !important;}
.img90 img{width: 90%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img100{text-align: center !important; margin-bottom: 8px !important;}
.img100 img{width: 100%;}




/*========================================
下層ページ
========================================*/
.box01{background: rgba(255,255,255,.65);box-shadow: 0 3px 10px rgba(0,0,0,0.15);padding: 15px;}

.hard_T{font-weight: bold;color: #f67686;font-size: 20px;}

dl.Description_list{margin-bottom: 15px;}
dl.Description_list dt,dl.Description_list dd{font-weight: bold;}
dl.Description_list dt{display: inline-block;padding: 5px 15px;margin-bottom: 5px;background: #dab95e;color: #ffffff;text-align: center;}
dl.Description_list dd{margin-bottom: 20px;}

a.link_Btn{display: block;;line-height: 50px;background: #f7919d;text-decoration: none;color: #ffffff;text-align: center;}
a.link_Btn:hover{background: RGBA(203,155,25,.7);color: #ffffff !important;}

.item_box{background: RGB(247,247,247);box-shadow: 0 3px 10px rgba(0,0,0,0.2);padding: 15px;margin-bottom: 40px;}
.item_img{box-shadow: 0 0px 8px rgba(0,0,0,0.1);margin-bottom: 15px;}
.item_img img{width: 100%;}
.item_info{}
.item_name{font-size: 20px;margin-bottom: 8px;font-weight: bold;}
.item_info dl.item_Symptoms{padding-bottom: 15px;border-bottom: 1px solid #333333;margin-bottom: 10px;display: block;}
dl.item_Symptoms dt{background: #535353;color: #ffffff;padding: 4px 10px;margin-right: 15px;display: inline-block;}
dl.item_Symptoms dd{display: inline-block;}
.item_info p{margin-bottom: 10px;}
.item_info p:last-child{margin-bottom: 0;}

.campaign_price{font-size: 20px;font-weight: bold;color: #D02424;text-align: left;}
.campaign_price span{font-size: 13px;}
ul.item_list dl.item_Symptoms dd{color: #535353;}

ul.item_list{}
ul.item_list li{margin-bottom: 25px;box-shadow: 0 1px 5px rgba(0,0,0,0.2);}
ul.item_list li a{display: block;text-decoration: none;background: RGB(247,247,247);padding: 20px 20px;position: relative;font-weight: normal;}
ul.item_list li a:hover{opacity: .7;}

.arrow01{display: block;position: absolute;right: 20px;top: 60%;}
.arrow01::after{position: absolute;content: '';width: 20px;height: 20px;border-top: solid 2px #cb9b19;border-right: solid 2px #cb9b19;-webkit-transform: rotate(45deg);transform: rotate(45deg);bottom: 0;right: 0;}

.item_title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.item_title .item_img02 {
	width: 25%;
}

.item_title .item_img02 img {
	width: 100%;
}

.item_title .item_right {
	width: 65%;
}

.acd-check{
    display: none;
}
.acd-label{
	position: relative;
	background: url(../images/index/topics_bg.png)center center no-repeat,#fff;
    color: #fff;
    display: block;
    margin-bottom: 20px;
    padding: 10px 10px 10px 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #535353;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}
.acd-label:before {
	position: absolute;
	content: "▶";
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	color: #cb9b19;
}

.acd-label span {
	font-size: 20px;
	font-weight: bold;
}

.acd-label span.gold {
	color: #cb9b19;
}

.acd-label span.pink {
	color: #f67686;
}

.acd-label span.blue {
	color: #6a71a9;
}

.acd-content{
	display: none;
}

/* .acd-content{
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    visibility: visible;
} */

#eye,
#antiaging,
#skin,
#health_romotion,
#women,
#men {
	margin-bottom: 0;
	padding: 0;
}


.item_box02{
	background: RGB(247,247,247);
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	padding: 30px 30px;margin-bottom: 80px;
	/* display: flex; */
}

.item_img02{
	box-shadow: 0 0px 8px rgba(0,0,0,0.1);
	margin-right: 30px;
}

.item_img02 img{
	width: 300px;
}