@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&subset=japanese');*/

.base_style div, .base_style span, .base_style object, .base_style iframe, .base_style h1, .base_style h2, .base_style h3, .base_style h4, .base_style h5, .base_style h6, .base_style p, .base_style blockquote, .base_style pre, .base_style abbr, .base_style address, .base_style cite, .base_style code, .base_style del, .base_style dfn, .base_style em, .base_style img, .base_style ins, .base_style kbd, .base_style q, .base_style samp, .base_style small, .base_style strong, .base_style sub, .base_style sup, .base_style var, .base_style b, .base_style i, .base_style dl, .base_style dt, .base_style dd, .base_style ol, .base_style ul, .base_style li, .base_style fieldset, .base_style form, .base_style label, .base_style legend, .base_style table, .base_style caption, .base_style tbody, .base_style tfoot, .base_style thead, .base_style tr, .base_style th, .base_style td, .base_style article, .base_style aside, .base_style canvas, .base_style details, .base_style figcaption, .base_style figure, .base_style footer, .base_style header, .base_style hgroup, .base_style menu, .base_style nav, .base_style section, .base_style summary, .base_style time, .base_style mark, .base_style audio, .base_style video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
.base_style ol, .base_style ul { list-style: none; }
.base_style img { border: none; vertical-align: bottom; }
.base_style b, .base_style strong { font-weight: bold; }
.base_style small { font-size: 80%; line-height: 1.3; }
.base_style sub, .base_style sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.base_style sup { top: -0.5em; }
.base_style sub { bottom: -0.25em; }
.base_style table { border-collapse: collapse; border-spacing: 0; }
.base_style blockquote, .base_style q { quotes: none; }
.base_style blockquote:before, .base_style blockquote:after, .base_style q:before, .base_style q:after { content: ''; content: none; }
.base_style * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; }
.base_style a, .base_style a img { -webkit-tap-highlight-color: transparent !important; }
.base_style a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
.base_style a:active, .base_style a:hover { outline: 0; }
.base_style a img { border: none; }

.base_style .min { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }

.font_style { font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, 'メイリオ',"ＭＳ Ｐゴシック", sans-serif; color: #444; }

.base_style .c_id { color: #ff0000; }
.base_style .c_noevir_green { color: #1a9641; }
.base_style a:hover .over { opacity: 0.9; filter: alpha(opacity=90); }
.base_style a.none:link, .base_style a.none:visited, .base_style a.none:hover, .base_style a.none:visited:hover, .base_style a.none:active { text-decoration: none; }
.base_style .product_name { font-size: 16px; font-size: 1.0rem; line-height: 1.7; font-weight: bold; }
.base_style .product_spec { font-size: 14px; font-size: 0.875rem; line-height: 1.6; line-height: 1.8; }

.base_style .btn_l span { padding: 15px 45px; }
.base_style .btn_m span { padding: 10px 20px; }
.base_style .ic-jyun { color: #00a059; font-size: 110%; }
.base_style .notes { font-size: 10px; font-size: 0.625rem; line-height: 1.4; }
.base_style .notes_r { font-size: 10px; font-size: 0.625rem; line-height: 1.4; text-align: right; }
.base_style .notes_l {
	font-size: 10px;
	font-size: 0.625rem;
	line-height: 1.4;
	text-align: left;
	margin-top: 15px;
}
/*.base_style .enclosed { font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"ＭＳ Ｐゴシック", sans-serif  !important; display: inline-block; font-size: 10px; line-height: 14px; padding: 0px 4px; font-weight: normal; border: 1px solid #333; color: #333; margin: 0 4px; vertical-align: middle; }*/
.base_style .columns { zoom: 1; }
.base_style .columns:before, .base_style .columns:after { content: " "; display: table; }
.base_style .columns:after { clear: both; }
.base_style .col_left { float: left; display: inline; }
.base_style .col_middle { float: left; display: inline; }
.base_style .col_right { float: right; display: inline; }
.base_style .space_fix { letter-spacing: -1em; word-spacing: -1em; }
:root .base_style .space_fix { font-size: 1px; letter-spacing: -1px; word-spacing: -1px; }
.base_style .space_fix li { font-size: 1.3rem; letter-spacing: normal; word-spacing: normal; }
.base_style .first { margin-left: 0 !important; }
.base_style .last { margin-right: 0 !important; }
.base_style .mg_btm0 { margin-bottom: 0 !important; }
.base_style .mgn_r5 { margin-right: 5px !important; }
.base_style .mgn_l5 { margin-left: 5px !important; }
.base_style .bg_none { background-image: none !important; }
.base_style .bd_btm_none { border-bottom: none !important; }
.base_style .al_l { text-align: left !important; }
.base_style .al_r { text-align: right !important; }
.base_style .al_c { text-align: center !important; }
.base_style .clf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0; }
.base_style .clf { display: inline-block; zoom: 1; }
.base_style * html .clf { height: 1%; }
.base_style .clf { display: block; }
.base_style .fl_l { float: left; display: inline; }
.base_style .fl_r { float: right; display: inline; }
.base_style .styletop_back { text-align: center; margin: 30px 0; }
/*.base_style .styletop_back a { display: inline-block; background-image: url("../images/ic_bullet.png"); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px; font-size: 14px; font-size: 0.875rem; line-height: 1.6; color: #1a9641; text-decoration: none; }*/
.base_style .styletop_back a:link { color: #1a9641; }
.base_style .styletop_back a:visited { color: #1a9641; }
.base_style .styletop_back a:hover { color: #1a9641; text-decoration: underline; }
.base_style .styletop_back a:visited:hover { color: #1a9641; text-decoration: underline; }
.base_style .styletop_back a:active { color: #1a9641; text-decoration: underline; }




.DetailPage { /*プレゼント対象商品*/ }
.DetailPage a { color: #3e8a5b; }
.DetailPage a:link { color: #3e8a5b; }
.DetailPage a:visited { color: #3e8a5b; }
.DetailPage a:hover { color: #24c671; }
.DetailPage a:visited:hover { color: #24c671; }
.DetailPage a:active { color: #24c671; }
.DetailPage p { margin: 0 ; }
.DetailPage h3 { margin: 0 0 15px 0;
tetext-underline-offset:2px;}
.DetailPage em { font-weight: bold; font-style: normal; }
.DetailPage .frame { width: 100%; margin: 0 auto; padding-bottom: 20px; }

.DetailPage .frame > *{width:940px;margin-left:auto;margin-right:auto;}
.DetailPage .no { color: #f06; }
.DetailPage .out { display: inline-block; vertical-align: middle; background: #fff; padding: 2px 3px; border: 1px solid #000; font-size: 9px; line-height: 9px; color: #000; }
.DetailPage dl a,
.DetailPage dl a:link,
.DetailPage dl a:visited,
.DetailPage a.catch-link,
.DetailPage a:link.catch-link,
.DetailPage a:visited.catch-link { color: #000; text-decoration: none; }
.DetailPage dl a:hover,
.DetailPage dl a:active,
.DetailPage a:hover.catch-link,
.DetailPage a:active.catch-link { color: #00a6ba; text-decoration: underline; }

/*TOP*/
.DetailPage .topimg { position: relative; width: 940px; height: 390px; margin: 0 auto 50px; z-index: 1; }
.DetailPage .topimg h2 { position: relative; margin: 0; z-index: 2; }
.DetailPage .topimg .btn { position: absolute; bottom: 60px; left: 115px; margin: 0; z-index: 3; }

/*新商品*/
.DetailPage .newgoods { position: relative; width: 100%; margin: 60px 0 60px 0; z-index: 1; height:944px;background:url(../images/mv2.png) center top no-repeat;}
.DetailPage .newgoods h3 { position: relative;margin:0px auto; z-index: 2;width:1256px; }
.DetailPage .newgoods .btn1 { position: absolute; top: 432px;left: 50%; margin: 0; z-index: 3; }
.DetailPage .newgoods .btn2 { position: absolute;bottom: 170px;left: 50%; margin: 0; z-index: 3;margin-left: -440px;}
.DetailPage .newgoods .btn3 { position: absolute;bottom: 45px;left: 50%; margin: 0; z-index: 3;}

/*トカラ*/
.DetailPage .tokarta { margin: 0; margin:0px auto;}
.DetailPage .tokarta_caution { margin: 0 auto 60px; padding: 20px 35px 0 35px; font-size: 11px; }

/*商品*/
.DetailPage .goods_area { margin: 0 0 0 0; padding: 30px 0 1px 35px;width:940px;box-sizing:border-box;margin-left:auto;margin-right:auto; }
.DetailPage .goods_area h5 { height: 40px; padding: 0 0 0 0; font-size: 0; line-height: 1; overflow: visible; }
.DetailPage .goods_area .blank { height: 40px; }
.DetailPage .goods_area .goods_list { width: 880px ; margin: 0 0 40px 0; display: table ; }
.DetailPage .goods_area .goods_list .goods { position: relative; display: table-cell; width: 400px; vertical-align: top; overflow: visible; padding: 0 20px; }

.DetailPage .goods_area .goods_list .goods:after { content:" "; position: absolute; width: 400px; left: 20px; bottom: 0; border-bottom: 1px dotted #999; }
.DetailPage .goods_area .goods_list .goods h5 { width: 250px ; height: 40px; margin: 0; padding: 0; overflow: visible; }
.DetailPage .goods_area .goods_list .goods img { display: block; margin: 0 auto;}
.DetailPage .goods_area .goods_list.c3 .goods { position: relative; width: 290px; padding: 0 20px; }
.DetailPage .goods_area .goods_list.c3 .goods:after { content:" "; position: absolute; width: 250px; left: 20px; bottom: 0; border-bottom: 1px dotted #999; }
.DetailPage .goods_area .goods_list.c3 .goods.nline div.afc{display:flex;align-items:center;padding-bottom:10px;}
/*.DetailPage .goods_area .goods_list.c3 .goods.nline div.afc span{box-sizing:border-box;padding-bottom:5px;display:flex;align-items:center;width:68px;height:68px;border:1px solid #999;border-radius:50%;justify-content:center;text-align:center;font-size:12px;line-height:1.4;margin-right:7px;flex-shrink:0;}*/
.DetailPage .goods_area .goods_list.c3 .goods.nline div.afc small{font-size:11px;}
.DetailPage .goods_area .goods_list.c4 { width: 880px ; }
.DetailPage .goods_area .goods_list.c4 .goods { position: relative; width: 182px; padding: 0 18px; }
.DetailPage .goods_area .goods_list.c4 .goods:after { content:" "; position: absolute; width: 182px; left: 18px; bottom: 0; border-bottom: 1px dotted #999; }
.DetailPage .goods_area .goods_list.c4 .gblank { display: table-cell; position: relative; width: 200px; padding: 0 10px; }
.DetailPage .goods_area .goods_list dl { margin: 5px 0 0 0; padding: 10px 0; border-top: 1px dotted #999; }
.DetailPage .goods_area .goods_list dt { margin: 0 0 4px 0; line-height: 1.4; font-size: 14px; font-weight: bold; }
.DetailPage .goods_area .goods_list dd { font-size: 12px; line-height: 1.5; }
.DetailPage .goods_area .goods_list dd em{font-size: 14px; font-weight: bold;font-style:normal;color:#000;}
.DetailPage .goods_area .goods_list dd small{font-size:0.86em;line-height:2;}
.DetailPage .goods_area .goods_list dd+dd{margin-top:4px;}
.DetailPage .goods_w { width: 100%; }
.DetailPage .goods_w:after { content: "." ; font-size: 0.1em ; line-height: 0 ; display: block ; height: 0 ; visibility: hidden ; clear: both ; }
.DetailPage .goods_w .goods_l { float: left; width: 280px; }
.DetailPage .goods_w .goods_l .goods_list.c4 { position: relative; width: 220px; }
.DetailPage .goods_w .goods_l .goods_list .goods { position: relative; width: 200px; padding: 0 10px; }
.DetailPage .goods_w .goods_r { float: right; width: 610px; }
.DetailPage .goods_w .goods_r .goods_list.c4 { position: relative; width: 440px; }
.DetailPage .goods_w .goods_r .goods_list .goods { position: relative; width: 200px; padding: 0 10px; }

/*スキンケア*/
.DetailPage .goods_caution { padding: 0 35px; font-size: 12px; }
.DetailPage .goods_caution p { margin: 15px 0 0 0; }

/*バナー*/
.DetailPage .present_banner { margin: 40px auto 0; }

/* ===========================================================
2020年追加
============================================================= */
/*▼書体 明朝▼*/
#tokarta h2,
#present-name,
#present-period,
h3#rayselagoods,
.catch,
.DetailPage .category_title,
.DetailPage .category_catch {
	font-family: 'Noto Serif', 'Noto Serif JP', serif;
}
/*▲書体 明朝▲*/
.DetailPage .topimg h2 img {
	width: 100%;
}
.DetailPage .newgoods { 
	background-size: cover;
}
.frame .content_wrapper .at1 {
	width: 94%;
	height: 40px;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	font-size: 23px;
	color: #FFFFFF;
	background-color: #008ab5;
	padding-top: 5px;
	margin-bottom: 30px;
}
.content_wrapper .at1 p {
}
.content_wrapper .f-box .leftside {
	width: 95%;
	padding-left: 5%;
}
.leftside .presenthin img {
	width: 270px;
	padding-left: 14px;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 14px;
	border: 1px solid #11A2AB;
	border-radius: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.f-box .rightside p {
	font-size: 16px;
	margin-left: 0px;
}
.frame .content_wrapper .f-box {
	display: flex;
	justify-content: center;
}
.content_wrapper .f-box .rightside {
	width: 100%;
}
.f-box .rightside p.section1-p   {
	margin-top: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 90px;
	font-size: 17px;
}
.f-box .rightside .date {
	color: #E0585A;
	font-size: 17px;
	border-top: 6px double #F47E80;
	border-bottom: 6px double #F47E80;
	padding-top: 15px;
	padding-bottom: 15px;
}
.f-box .tokaraimg  {
	width: 155px;
}

.f-box .tokara-detail  {
	width: 290px;
}
.rightside p span.tokaraname {
	color: #08909B;
	font-weight: 600;
	font-size: 25px;
	letter-spacing: 0.08em;
}
.f-box .tokaraimg img {
	width: 100%;
	height: auto;
}
.f-box .tokara-detail h3,.f-box3 .tokara-detail h3 {
	font-weight: 600;
	color: #000000;
	font-size: 18px;
	text-decoration: underline;
	text-underline-offset: 3px;
	
}
.f-box .tokara-detail .subtt,.f-box3 .tokara-detail .subtt {
	font-size: 17px;
	line-height: normal;
	font-weight: 500;
	margin-bottom: 15px;
	
}
.f-box .tokara-detail .syousai,.f-box3 .tokara-detail .syousai {
	margin-bottom: 10px;
	font-size: 14px;
}

div .tokara-detail .cartimag {
	width: 180px;
	margin-right: 20%;
}
div .tokara-detail .cartimag img {
	width: 90%;
	height: auto;
	margin-right: 10%;
}
div .tokara-detail .number,.f-box2 .hairpack-area p.number {
	font-size: 14px;
}
.f-box .tokara-detail .spec,.f-box2 .hairpack-area p.spec {
	font-size: 14px;
	margin-bottom: 10px;
}
.content_wrapper .f-box .leftside2 {
	margin-right: 30px;
	margin-left: -10px;
}
.content_wrapper .hairpack-area h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.content_wrapper .hairpack-area p.exp {
	font-size: 14px;
}
.content_wrapper .hairpack-area .f-box2,.content_wrapper .bodysoap-area .f-box3 {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.hairpack-area .f-box2 .tubeside,.hairpack-area .f-box2 .cupside {
	width: 100%;
	max-width: 450px;
	text-align: center;
}
.f-box2  .cartimag  {
	width: 165px;
	margin-left: auto;
	margin-right: auto;
}
.f-box2 .tubeside #tubeimag{
	width: 60%;
	max-width: 200px;
}
.f-box2 .cupside #cupimag {
	width: 215px;
	margin-top: 23px;
}
.bodysoap-area .f-box3 .soapimg {
	width: 245px;
}
.f-box3 .soapimg img {
	width: 100%;
	height: auto;
}
.f-box2  .spec,.f-box3 .tokara-detail .spec  {
	margin-bottom: 10px;
}
.f-box3 .tokara-detail .cartimag {
	width: 180px;
}
.cartimag a img {
	width: 100%;
	height: auto;
}
.frame .content_wrapper .bodysoap-area {
	padding-top: 30px;
}
.content_wrapper .content_inner .f-box4 {
	display: flex;
	justify-content: center;
	align-items: center;
    margin: 20px 0 0 0;
}
.content_inner .f-box4 div img {
	width: 100%;
	height: auto;
}
.content_inner .f-box4 .tokararettou {
	width: 280px;
}
.coution ul li {
	padding-left: 1em;
	text-indent: -1em;
}
.frame .content_wrapper .hairpack-area {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 883px;
	margin-top: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}



@media print,screen and (min-width: 1257px) {
	.DetailPage .newgoods { 
	background-size: contain;
	}

}
/*▼トカラフェア 詳細▼*/
#tokarta h2 {
	padding: 10px 0;
	font-size: 2rem;
	color: #ffffff;
	text-align: center;
	background-color: #008ab5;
}
.content_inner .f-box4 .series {
	width: 500px;
}
#tokarta-innner {
	padding: 30px 50px;
	background: url("../imgaes/present-item.png") right top no-repeat #FAFBFB;
	background-size: 420px 360px;
}
#tokarta-innner p {
	font-size: 1rem;
	line-height: 1.6em;
}
.f-box3 .tokara-detail .syousai {
	width: 490px;
}
#tokarta-present-detail-innner {
	margin-top: 30px;
	padding: 1.5em;
	background-color: #f5f8fb;
	border: 1px solid #e9f3f7;
}
#tokarta-present-detail-innner p {
	font-size: 1rem;
	line-height: 1.6em;
}
#present-name {
	margin: 20px 0 10px;
	font-size: 1.3rem;
	color: #008ab5;
}
#present-name span#present-namesub {
	padding-left: 15px;
	font-size: 1rem;
}
#present-period {
	margin: 20px 0 30px;
	padding: 3px 0 7px;
	width: 55%;
	border-top: 1px solid #eb7eae;
	border-bottom: 1px solid #eb7eae;
	font-size: 1.25rem;
	color: #eb7eae;
	text-align: center;
}
#present-period span {
	font-size: 1.75rem;
}
dl#present-detail {
	/*width: 50%;*/
	font-size: 1rem;
	line-height: 1.6em;
}
dl#present-detail dt {
	padding-bottom: 5px;
	font-size: 1rem;
	font-weight: bold;
}
dl#present-detail dd {
	font-size: 0.875rem;
}
dl#present-component {
	margin: 10px 0 0;
}
dl#present-component dt {
	margin-top: 15px;
	width: 100%;
	font-size: 0.9375rem;
	line-height: 1.4em;
	font-weight: bold;
}
dl#present-component dd {
	margin-top: 10px;
	padding-left: 1.2em;
	width: 100%;
	font-size: 0.8125rem;
	line-height: 1.6em;
}
p.classification {
	margin-top: 13px;
}
h5.intakeamount {
	margin-top: 20px;
	font-size: 1rem;
	line-height: 1.4em;
	font-weight: bold;
}
h6.intakenotes {
	margin-top: 20px;
	font-size: 0.9375rem;
	line-height: 1.4em;
	font-weight: normal;
}
#tokarta-innner p.base_text {
	margin-top: 0.5em;
	font-size: 0.875rem;
	line-height: 1.4em;
	font-weight: normal;
}
#tokarta-present-detail-innner p.base_text {
	margin-top: 0.5em;
	font-size: 0.875rem;
	line-height: 1.4em;
	font-weight: normal;
}



.f-box div.note{
    width: 70%;
    border-radius: 5px;
	margin: 30px 7% 30px 0; /* ボックスの余白 */
	background-color:#fff; /* ボックス背景色 */
	padding:2.5em; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に) */
	border: 2px solid #86c6d2;/* ボックスの線 (太さ　種類　色)*/
}
div.note .box-title {
	background-color:#fff; /* タイトル背景色 */
	padding: 0 10px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;	/* 配置(ここを動かす) */
	top: -22px; /*上から（-5px）移動*/
	left: 20px; /*左から(20px)移動*/
}
div.note .bold {
    display: block;
    font-size: 1.3em;
    margin: 15px 0 15px 0;
}

div.note .box-title img  {
    width: 100px;
}

.present-in img{
    width: 60%;
    margin: auto;
    display: block;
}

/*▲トカラフェア 詳細▲*/
h3#rayselagoods {
	padding: 10px 0;
	border-top: 1px solid #008ab5;
	border-bottom: 1px solid #008ab5;
	font-size: 2rem;
	color: #008ab5;
	text-align: center;
}
/*▼プレゼント対象商品▼*/
.DetailPage h4.tokara-copy{
    font-size: 1.5em;
    font-weight: 400;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin:0 0 50px 0;
    padding: 0 30px;
}

.catch {
	font-size: 0.9375rem;
	line-height: 1.4em;
	text-decoration: none;
}
.goods_innner_2col {
	width: 400px;
}
.goods_innner_3col {
	width: 250px;
}
.goods_innner_4col {
	width: 182px;
}
.goods_innner_2col img,
.goods_innner_3col img,
.goods_innner_4col img {
	width: 100%;
}
.DetailPage p.line2 {
	padding: 0 0 21px;
	display: block;
	overflow: hidden;
}

.rightside,.leftside2{
    position: relative;
}

div.shipping_box{
    margin: 20px 0 50px 0;
}

.ldk1{
  width: 74px;
  position: absolute;
  left: 19%;
  top: -22px;
  height: auto;
}
img.ldk_space{
    margin: 40px 0 0 0;
}

p.point_txt{
    width: 94%;
    margin: 20px auto;
}

.rightside .f-box,.leftside2 .f-box{
    align-items: center;
}

/*▲プレゼント対象商品▲*/
.base_style .subtitle_innner h5 {
	padding-left: 20px;
	width: 860px;
}
.base_style .subtitle_innner h5 img {
	width: 100%;
}

div.cartimag2 img{
    height: 45px;
}


div.tokara-detail h3 a{
    color: #222 !important;
}
div.tokara-detail h3 a:hover{
    color: #3e8a5b !important;
}

.on_img:hover{
    opacity: 0.8;
    transition: 0.4s;
}

/*--- ▼ カテゴリータイトルまわり ▼ ---*/
.DetailPage .category_inner {
	margin: 80px auto 30px;
}
.DetailPage .category_title {
	margin: 0 auto 20px;
	padding: 3px 0;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	background: rgb(255,255,255);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(158,207,71,1) 35%, rgba(129,196,49,1) 50%, rgba(158,207,71,1) 65%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(158,207,71,1) 35%, rgba(129,196,49,1) 50%, rgba(158,207,71,1) 65%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(158,207,71,1) 35%, rgba(129,196,49,1) 50%, rgba(158,207,71,1) 65%, rgba(255,255,255,1) 100%);
}
.DetailPage .category_catch {
	margin: 0 auto;
	width: 90%;
	font-size: 1.25rem;
}
.DetailPage .category_text {
	margin: 10px auto;
	width: 90%;
	font-size: 1rem;
	line-height: 1.6em;
}
.DetailPage .category_note {
	margin: -20px auto 30px;
	width: 870px;
	font-size: 0.75rem;;
}
/*--- ▲ カテゴリータイトルまわり ▲ ---*/
.base_style .content_wrapper {
	display: block;
	position: relative;
	margin: 50px auto 30px;
	padding: 20px 0 20px;
	width: 940px;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.base_style .content_inner {
	margin-top: 40px;
	margin-bottom: 15px;
	padding: 0 50px;
	display: block;
	overflow: hidden;
}
/* ▼タイトル▼ */
.base_style .summary_title {
	display: inline-block;
	position: absolute;
	top: -6px;
	left: 15px;
	margin: 0;
	padding: 10px 0 7px;
	z-index: 2;
	width: 380px;
	text-align: center;
	color: white;
	font-size: .875rem;
	background: #1280db;
	border-radius: 2px 0 0 0;
	}
.base_style #picup_title.summary_title {
	width: 180px;
	}
.base_style .summary_title:before {
	position: absolute;
	content: '';
	top: 0;
	right: -5px;
	border: none;
	border-bottom: solid 6px #044685;
	border-right: solid 5px transparent;
}
.base_style .summary_title:after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 190px solid transparent;
	border-right: 190px solid transparent;
	border-top: 10px solid #1280db;
}
.base_style #picup_title.summary_title:after {
	border-left: 90px solid transparent;
	border-right: 90px solid transparent;
}
.DetailPage .summary_title h3 { margin: 0 0 0 0;}
.DetailPage h4 {
	margin-top: 0.5em;
	font-size: 1rem;
	line-height: 1.4em;
	font-weight: bold;
}
.DetailPage p.base_text {
	margin-top: 0.5em;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: normal;
}
/* ▲タイトル▲ */
/* ▼▼▼トカラ スペック▼▼▼ */
#present_tokara {
	margin: 20px auto 0;
	width: 800px;
	display: block;
	overflow: hidden;
}
#tokara_text {
	width: 480px;
	float: left;
}
#tokara_img {
	margin: 0;
	width: 285px;
	float: right;
}
#tokara_img img {
	width: 100%;
}
/* テキスト */
#present_tokara h4 {
	margin: 30px 0 20px;
	color: #00b0a0;
	font-size: 1.1875rem;
	font-weight: bold;
	border-bottom: 1px dotted #00b0a0;
}
#tokara_text p {
	margin: 0 0 30px;
}
#tokara_text p.tokara_description {
	font-size: 1rem;
}
#tokara_text p.tokara_spec {
	font-size: .875rem;
}
.DetailPage .productnumber{
	color: #ff0000;
}
/* ▲▲▲トカラ スペック▲▲▲ */
/* ▼▼▼ ボタン ▼▼▼ */
.DetailPage .btn-common {
	overflow: hidden;
	height: 40px;
	margin: 20px auto 20px;
	padding: 0;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */  
}
.DetailPage .btn-common a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #35b3b5;
	color: #fff;
	font-size: 1.125rem;
	line-height: 40px;
	text-decoration:none;
}
.DetailPage .btn-common a:hover {
	background: #99d7d8;        /* マウスオーバーカラー */
	color: #ffffff;
}
.DetailPage #tokarahairpack a:before,
.DetailPage #tokaragift a:before,
.DetailPage #tokaragift_02 a:before {        /*白いひし型 */
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	background: #fff;
}
.DetailPage #tokarahairpack a:after,
.DetailPage #tokaragift a:after,
.DetailPage #tokaragift_02 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	background: #35b3b5;
}
.DetailPage #tokarahairpack a:hover:after,
.DetailPage #tokaragift a:hover:after,
.DetailPage #tokaragift_02 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */
	background: #99d7d8;
}
.DetailPage #tokaragift {
	width: 440px;
}
.DetailPage #tokaragift a:before {        /*白いひし型 */
	top: 50%;
	right: 23px;
	margin-top: -4px;
}
.DetailPage #tokaragift a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	top: 50%;
	right: 25px;
	margin-top: -4px;
}
.DetailPage #tokaragift_02 {
	width: 480px;
}
.DetailPage #tokaragift_02 a:before {        /*白いひし型 */
	top: 50%;
	right: 23px;
	margin-top: -4px;
}
.DetailPage #tokaragift_02 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	top: 50%;
	right: 25px;
	margin-top: -4px;
}
.DetailPage #tokarahairpack {
	width: 380px;
}
.DetailPage #tokarahairpack a:before {        /*白いひし型 */
	top: 50%;
	right: 23px;
	margin-top: -4px;
}
.DetailPage #tokarahairpack a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	top: 50%;
	right: 25px;
	margin-top: -4px;
}
/* ▲▲▲ボタン▲▲▲ */
/* ▼▼▼ 海泥 ▼▼▼ */
#mud {
	margin: 0;
	padding: 0 15px 15px;
	width: 220px;
	text-align: center;
	float: right;
}
#mud dl dt span {
	margin: 0 0 5px;
	display: block;
}
#mud dl dt span,
#mud dl dd {
	font-size: 0.875rem;
	line-height: 1.4;
}
#mud dl dd {
	margin: 5px 0 10px;
}
/* ▲▲▲ 海泥 ▲▲▲ */
/* ▼▼▼ バスタイムにおすすめの頭皮マッサージ ▼▼▼ */
#bathtime_wrapper {
	margin: 0 auto 30px;
	padding: 20px;
	width: 800px;
	background-color: #e5f1f9;
}
#bathtime {
	padding: 20px;
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	border: dotted 1px #d1bb93;
}
#bathtime_text {
	width: 526px;
}
#bathtime h4 {
	margin-bottom: 15px;
	font-size: 1.125rem;
	color: #c19438;
}
/* ▲▲▲ バスタイムにおすすめの頭皮マッサージ ▲▲▲ */
/* ▼▼▼ トカラキャッチ共通 ▼▼▼ */
.DetailPage h4.catch {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin-top: 0.5em;
	font-size: 1.1875rem;
	line-height: 1.6;
	font-weight: bold;
	color: #00b0a0;
}
/* ▲▲▲ トカラキャッチ共通 ▲▲▲ */
/* ▼▼▼ 「トカラの海の贈りものシリーズ」とは・・・ ▼▼▼ */
#simbol {
	margin: 30px auto 0;
	width: 100%;
	min-height: 330px;
	background: url("../imgaes/bk_concept.jpg") right top no-repeat;
	background-size: 85%;
}
#simbol dl {
	width: 240px;
}
#simbol dl dt {
	margin-bottom: 15px;
	width: 240px;
	font-size: 0.75rem;
	line-height: 1.5;
}
#simbol dl dd {
	width: 240px;
}
#simbol dl dd img {
	width: 100%;
}
/* ▲▲▲ 「トカラの海の贈りものシリーズ」とは・・・ ▲▲▲ */
/* ▼▼▼ トカラの海 ▼▼▼ */
#about-tokara {
	margin-top: 30px;
}
.base_style #about-tokara_content.content_inner {
	margin-top: 15px;
}
#about-tokara_3col_wrapper {
	margin: 20px 0 30px;
	display: flex;
	justify-content: space-between;
}
#about-tokara_text {
	width: 100%;
}
.about-tokara_col .base_text {
	width: 250px;
}
.about-tokara_col #about-tokara_img {
	width: 360px;
}
.about-tokara_col p#tokara-map {
	width: 130px;
}
.about-tokara_col #about-tokara_img img,
.about-tokara_col p#tokara-map img {
	width: 100%;
}
/* ▲▲▲ トカラの海 ▲▲▲ */
/* ▼▼▼ スタイルTOP バナー流用 ▼▼▼ */
p#st_p-index {
	font-size: 1.25rem;
	text-align: center;
}
/* ▲▲▲ スタイルTOP バナー流用 ▲▲▲ */