/* カスタマイズ用CSS */
@charset "UTF-8";

/*=========================
	ログイン
=========================*/

#page_mypage_login .ec-grid2 .ec-grid2__cell{   width: 80%;
}
#page_mypage_login .ec-grid2 {       display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
}
#page_mypage_login .ec-login .form-check{   display: flex;
    align-items: center;
}
#page_mypage_login .ec-login .ec-checkbox label{   margin-bottom: 0px;
}

/*=========================
	カートスクロール
=========================*/


.ec-orderRole .ec-orderRole__summary {
	margin-top: 3rem !important;
}

@media screen and (min-width: 768px) {
	.ec-orderRole .ec-orderRole__summary {
		margin-top: 0 !important;
	}

	.ec-orderRole .ec-totalBox {
		position: sticky;
	    top: 9.2rem;
	    z-index: 2;
	}
}

/*=========================
	マイページ
=========================*/


/* マイページ共通 */
#page_mypage .ec-inlineBtn:hover, 
#page_mypage_history .ec-inlineBtn:hover, 
#page_mypage_shipping .ec-inlineBtn:hover,
#page_mypage_shipped .ec-inlineBtn:hover,
#page_mypage_shipping_detail .ec-inlineBtn:hover,
#page_mypage_shipped_detail .ec-inlineBtn:hover,
#page_mypage_delivery .ec-inlineBtn:hover {
        background-color: #00744B;
}
.ec-halfInput.error{
        line-height: 0.5rem;
}
.ec-halfInput .ec-errorMessage{
    margin-top: 5px;
}

.ec-checkbox .ec-link{   
    padding-right: 1.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #00744B;
    background: none;
}
.ec-reportHeading h2{   
    font-size: 2.4rem;
    color: #00744B;
}

/* 注文履歴 */
#page_mypage .ec-inlineBtn:hover{
        background-color: #00744B;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle{
        font-size: 1.6rem;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice{
        font-size: 1.5rem;
}
.ec-historyListHeader .ec-historyListHeader__date {
        font-weight: bold;
    font-size: 1.4rem;
}
.ec-imageGrid .ec-imageGrid__img img{
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
/* 注文履歴-詳細 */
.ec-reportDescription{
	text-align: justify;
}
.ec-orderRole__summary{
        margin-top: 3rem;
}
/* 定期コースの変更受付 */
@media only screen and (min-width: 769px) {   
    .ec-off4Grid {       
        display: flex;
    }
.ec-off4Grid__cell{   
    display: flex;
    width: 50%;
    gap: 1.5rem;
    flex-direction: column;
    margin-left: revert;
}
}
.ec-shippingDetailCompleteRole .ec-reportHeading h2{
    font-size: 2.4rem;
    color: #00744B;
}
/* お気に入り一覧 */
.ec-favoriteRole .ec-favoriteRole__item img{
    width: auto;
    max-height: 100%;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

/* 新規会員登録 */
@media only screen and (min-width: 769px) {
        .ec-borderedDefs dt {
                    padding-top: 1.3rem;
                }
            }
#page_entry .ec-registerRole__actions .ec-off4Grid{
        margin-top: 30px;
}
#page_entry .ec-checkbox label{
        margin-bottom: 25px;
}
#page_entry .ec-borderedDefs{
	margin-top: 20px;
	}

/* お問い合わせ */
@media only screen and (min-width: 769px) {
        .ec-borderedDefs dt {
            padding-top: 1.3rem;
            width: 30%;
        }
	#page_contact .ec-pageHeader h1{
		font-size: 3rem;
	}
}

/*=========================
	商品詳細
=========================*/


.ec-breadcrumb.is-sp ul{
    overflow-x: scroll;
    word-break: keep-all;
    white-space: nowrap;
}
#page_product_detail br{
    display: block;
    content: "";
}
#page_product_detail .Text__center{
    text-align: center
}
#page_product_detail .Text__center a{
    color: #146f99;
    border-color: #146f99;
    box-sizing: border-box;
    padding-bottom: 2px;
    border-bottom: 1px dashed;
}
#page_product_detail .Content__ttl{
    border: none;
    letter-spacing: -1.5px;
    line-height: 1.8;
    font-size: 2.6rem;
}
#page_product_detail .Content__aboutttl {
    background-repeat: no-repeat;
    background-size: cover;
    height: 25rem;
    width: 100%;
    margin: 15px 0 10px;
    display: table;
    box-sizing: border-box;
    text-align: center;
    font-size: 2.2rem;
    padding: 1rem;
    font-weight: bold;
    border-radius: 1rem;
}
#page_product_detail .Content__aboutttl p{
    color: #fff;
    font-size: 2.6rem;
    text-shadow: 0 0 10px black;
    display: table-cell;
    vertical-align: middle;
}
#page_product_detail .ec-product__charm,
#page_product_detail .Content__about li,
#page_product_detail .Content__about p,
#page_product_detail .Content__product.item li .Section__ttl_product p{
    margin-top: 2rem;
}

#page_product_detail .Content__product.item li{
    background-size: 100%;
    padding: 20rem 0 4rem;
    min-height: auto;
    margin: 0;
    background-repeat: no-repeat;
    border-radius: 1rem;
}
#page_product_detail .Content__product.item .Section__ttl_product--sub {
    color: #c1d595;
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: .2em;
    padding: 0;
    line-height: 1;
}
#page_product_detail .Content__product.item .Section__ttl_product {
    font-size: 2.4rem;
    color: #c1d595;
}
#page_product_detail .Content__product.item .Section__ttl_product, 
#page_product_detail .Content__product.item .Section__ttl_product--sub {
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;
}
#page_product_detail .Content__recommend p,
#page_product_detail .Content__product.item,
#page_product_detail .Content__product.item li p{
    margin-top: 3rem;

}
#page_product_detail .Content__recommend .img img {
    margin-top: 1.5rem;
    border-radius: 1rem;
}

#page_product_detail .ec-productRole__boxItem .ec-product__charm img{
    height: auto;
    margin: 1.5rem 0;
    border-radius: 1rem;
}
#page_product_detail .Content__product.Content__product--set{
    margin-top: 3rem;
}

#page_product_detail .Content__productimg{
    width: 50%;
    margin: 0 auto;
}

@media only screen and (min-width: 769px) { 
    #page_product_detail .Content__ttl{
        font: 3.6rem;
    }
    #page_product_detail .Content__aboutttl {
        height: 33rem;
    }
    #page_product_detail .Content__product.item li{
        padding: 30rem 0 4rem;
    }
}

/*=========================
	プライバシーポリシー
=========================*/

#page_help_privacy .Content__bdrbox{
    border: 1px solid #ccc;
    padding: 40px;
    font-size: 1.6rem;
    margin-top: 40px;
}

#page_help_privacy .Content__ol{
    list-style: decimal inside;
    text-indent: -1.2em;
    padding-left: 1.2em;
}
#page_help_privacy .ec-off1Grid{
    padding-top: 30px;
}



/*=========================
	規約利用同意ボタン調整
=========================*/
#page_feature_detail .ec-registerRole__actions{
    display: flex;
    justify-content: center;
}
#page_contact .ec-checkbox{
    text-align: center;
    /* width: 70%; */
}
#page_feature_detail .ec-checkbox{
    text-align: center;
    width: 66%;
}
#page_contact .ec-checkbox label{
    margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
    #page_contact .ec-off4Grid .ec-off4Grid__cell,#page_feature_detail .ec-off4Grid .ec-off4Grid__cell{
        width: 50%;
    }
}
@media only screen and (min-width: 768px){
    #page_contact .ec-off4Grid .ec-off4Grid__cell,#page_feature_detail .ec-off4Grid .ec-off4Grid__cell{
        margin-left: 25%;
    }
}
@media only screen and (max-width: 769px){
#page_contact .ec-checkbox,#page_feature_detail .ec-checkbox{
    width: 100%;
}
}

/*=========================
	about
=========================*/

#page_help_about br,#page_help_tradelaw br{
    display: block;
}
#page_help_about a.Label_link{
    background: url(/html/template/default/assets/img/ico_link.png) left 5px center no-repeat;
    background-size: 10px;
    background-color: #aaaaaa;
    color: #fff;
    font-size: 1.2rem;
    border-bottom: none;
    padding: 0px 11px 0px 20px;
    margin-left: 5px;
}
.Link__corp{
    color: #367d46;
    border: none;
    font-weight: bold;
    background: url(/html/template/default/assets/img/ico_link002.png) left 5px center no-repeat;
    background-size: 10px;
    padding-left: 25px;
}


/*=========================
	アップセル
=========================*/


.ec-cartRole__convert a{
    padding-bottom: 2.8rem;
}




/* ------------------------------
 アップセル用セット
------------------------------ */

#upsell{
	text-align:center;
	padding:30px 0 0 0;
}

/* ------------------------------
 アップセル用マージンセット
------------------------------ */
#upsell img.mb30{margin-bottom:30px;}
#upsell img.mb50{margin-bottom:50px;}
#upsell img.mb60{margin-bottom:60px;}
#upsell img.mb70{margin-bottom:70px;}
#upsell img.mb80{margin-bottom:80px;}
#upsell img.mb100{margin-bottom:100px;}
#upsell img.mb130{margin-bottom:130px;}
#upsell img.mb150{margin-bottom:150px;}
#upsell img.mb200{margin-bottom:200px;}


/* ------------------------------
 アップセル（シャンプー）
------------------------------ */
.close_sptr{
	width:860px;
	height:697px;
	background:url(/html/plugin/tbsFeaturePage42/save_image/upsell/sptr/upimg_12.png);
	position: relative;
	margin:0 0 50px 0;
}
.close_sptr input{
	bottom:65px;
	left:58px;
	position: absolute;
}
.close_sptr input:hover{
	bottom:63px;
}

/* ------------------------------
 アップセル（OF）
------------------------------ */
.close_of{
	width:759px;
	height:271px;
}

#button_of {
	display: block;
	margin: 0 auto;
  position: relative;
	overflow: hidden;
}
#button_of{
	height: 271px;
	width: 759px;
	margin:0 auto 30px auto;
}
.btn {
	position: absolute;
	top: 0;
	left: 0;
}
.shine {
	position: absolute;
	top: -10px;
	left: -100px;
}

/* ------------------------------
 アップセル（OF） ***2014.11.26追記***
------------------------------ */
#upsell img.mb15{margin-bottom:15px;}
#upsell img.mb20{margin-bottom:20px;}
#upsell img.mb35{margin-bottom:35px;}
#upsell img.mb45{margin-bottom:45px;}
#upsell img.mb55{margin-bottom:55px;}
#upsell img.mb75{margin-bottom:75px;}
#upsell img.mb90{margin-bottom:90px;}
#upsell img.mb105{margin-bottom:105px;}
#upsell img.mb110{margin-bottom:110px;}
#upsell img.mb115{margin-bottom:115px;}

.close_of{
	width: 801px;
	height: 369px;
}

#button_of{
	width: 801px;
	height: 369px;
	margin:0 auto 85px auto;
}


/* ------------------------------
 アップセル（toos_talk） ***2018.06.01追記***
------------------------------ */
#voice_area1,
#voice_area2{
	font: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	text-align:left;
}


#voice_area1{
	width:708px;
	height:242px;
	background:url(/html/plugin/tbsFeaturePage42/save_image/upsell/toos/upimg_34.jpg) no-repeat;
	padding-top:152px;
	padding-left:370px;
	margin:0 auto 20px; auto;
}

#voice_area1 p,
#voice_area2 p{
	width:450px;
	display:block;
}

#voice_area2{
	width:818px;
	height:242px;
	background:url(/html/plugin/tbsFeaturePage42/save_image/upsell/toos/upimg_35.jpg) no-repeat;
	padding-top:152px;
	padding-left:42px;
	margin:0 auto 60px auto;
}

/* ------------------------------
 アップセル ***2024.06.10追記***
------------------------------ */


/* ------------------------------
 アップセル用セット
------------------------------ */

#upsell_more{
	text-align:center;
	padding:30px 0 0 0;
}

/* ------------------------------
マージンセット
------------------------------ */
#upsell_more img.mb30{margin-bottom:30px;}
#upsell_more img.mb50{margin-bottom:50px;}
#upsell_more img.mb60{margin-bottom:60px;}
#upsell_more img.mb70{margin-bottom:70px;}
#upsell_more img.mb80{margin-bottom:80px;}
#upsell_more img.mb100{margin-bottom:100px;}
#upsell_more img.mb130{margin-bottom:130px;}
#upsell_more img.mb150{margin-bottom:150px;}
#upsell_more img.mb200{margin-bottom:200px;}


#upsell_more{
	display: none;
	text-align: center;
    padding: 30px 0 0 0;
}
#upsell_button img{
	display: none;
}
div#upsell_gazou{
	display: none;
	text-align: center;
    padding: 30px 0 0 0;
}

/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/

.upsell img {
    width: auto;
    height: auto;
}

@media only screen and (max-width: 767px) {
	@charset "utf-8";
/* CSS Document */

/* ------------------------------
	OFアップセル
------------------------------ */

.btn_effect {
	height:79px;
	width:299px;
	position:relative;
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-name: slidein;
	-webkit-animation-name: slidein;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	cursor:pointer;
}

.btn_effect:hover {
	-moz-animation-iteration-count: 0;
	-webkit-animation-iteration-count: 0;
}

@-moz-keyframes slidein{from{left:0;width:299px;}25%{left:8px;}75%{left:-8px;}95%{left:8px;}to{left:0;width:303px;}}

@-webkit-keyframes slidein{from{left:0;width:299px;}25%{left:8px;}75%{left:-8px;}95%{left:8px;}to{left:0;width:303px;}}

.cont01 p,
.cont02 p {
	text-align: center;
	font-weight: bold;
}

.cont01 h2 {
	color: #fff;
	font-size: 14px;
	padding: 8px 0 6px;
	background-color: #ff3366;
	text-align: center;
	font-weight: bold;
}

.cont01 .trial {
	background: url(../img/bg_trialset.jpg) no-repeat top left;
	background-size: 320px 90px;
	height: 90px;
}

.cont01 .face {
	background: url(../img/bg_face.jpg) no-repeat top center;
	background-size: 133px auto;
	padding-top: 125px;
}

.cont02 h2 {
	background-color: #00744b;
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 10px 0 13px;
	font-weight: bold;
	line-height:1;
}

.white {color:#fff;}
.pink {color:#ff3366;}
.yellow {color:#ffff99;}
.yellow02 {color:#f1b515;}
.blue {color:#3399cc;}
.blue02 {color:#3d8cdd;}
.green {color:#00744b;}
.red {color:#e4002b;}

.bg_pink {background-color:#ff3366;}
.bg_brown {background-color:#a1885c;}
.bg_l_brown {background-color:#f4f1e6;}
.bg_green {background-color:#00744b;}
.bg_yellow {background-color:#ffff00;}

.u_line {text-decoration:underline;}

.mt05{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }

.mr05{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr13{ margin-right: 13px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mr25{ margin-right: 25px; }
.mr30{ margin-right: 30px; }

.ml05{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml13{ margin-left: 13px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml25{ margin-left: 25px; }
.ml30{ margin-left: 30px; }

.mb0 { margin-bottom: 0 !important; }
.mb05 {	margin-bottom: 5px !important; }
.mb08 {	margin-bottom: 8px !important; }
.mb10 {	margin-bottom: 10px !important; }
.mb15 {	margin-bottom: 15px !important; }
.mb20 {	margin-bottom: 20px !important; }
.mb25 {	margin-bottom: 25px !important; }
.mb30 {	margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 {	margin-bottom: 40px !important; }
.mb45 {	margin-bottom: 45px !important; }
.mb50 {	margin-bottom: 50px !important; }
.mb60 {	margin-bottom: 60px !important; }

.m_auto { margin: 0 auto; }

.pmlr03 { padding: 0px 3px 0px 3px; margin: 0px 3px 0px 3px; }
.pmlr05 { padding: 0px 5px 0px 5px; margin: 0px 5px 0px 5px; }

.ptb10 { padding-top: 10px; padding-bottom: 10px; }
.ptb15 { padding-top: 15px; padding-bottom: 15px; }
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.ptb25 { padding-top: 25px; padding-bottom: 25px; }
.ptb30 { padding-top: 30px; padding-bottom: 30px; }

.p03 { padding: 3px; }
.p05 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt25 { padding-top: 25px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }

.f09 { font-size: 9px; }
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }
.f21 { font-size: 21px; }
.f22 { font-size: 22px; }
.f23 { font-size: 23px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f27 { font-size: 27px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f33 { font-size: 33px; }
.f35 { font-size: 35px; }
.f38 { font-size: 38px; }
.f45 { font-size: 45px; }
.f60 { font-size: 60px; }

.lh11 { line-height: 1.1; } 
.lh12 { line-height: 1.2; }
.lh13 { line-height: 1.3; }
.lh14 { line-height: 1.4; }
.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }

.ls11 {letter-spacing: 0.1em; }
.ls12 {letter-spacing: 0.2em; }
.ls13 {letter-spacing: 0.3em; }

.va_base {vertical-align: baseline;}

#wrapper .left {text-align:left;}
#wrapper .right {text-align:right;}

img { vertical-align: middle; }

.bold{ font-weight:bold;}


/* ------------------------------
	OFアップセル  ***2014.11.27追記***
------------------------------ */
#wrapper header h1 {
	position: relative;
	padding: 0;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	font-weight: normal;
	background: #048151;
	color: #fff;
}
#wrapper header h1 .logo {
	position: absolute;
	top: 0;
	left: 3.125%;
}

.kakunin {
	background: #f0f6da;
	text-align: center;
}


.cont01,
.cont02 { color: #333; }

.cont01 ol li {
	list-style: none;
}

.cont01 h2 {
	line-height: 1.3;
}

.cont02 h2 {
	font-size: 16px;
	letter-spacing: -1px;
}

.cont01 .cont01_box01 {
	margin-bottom: 28px;
	padding: 13px 0;
	background: #fbfaee;
	color: #4b4312;
}

.cont01 .cont01_txt01 {
	margin: 0 3.125% 5px;
	font-size: 12px;
	text-decoration: underline;
	line-height: 1.8;
	text-align: left;
	font-weight: normal;
}

.btn_effect {
	height:103px;
	width:296px;
    pointer-events: none;
}

.f29 { font-size: 29px; }
.f36 { font-size: 36px; }
.f50 { font-size: 50px; }

.color01 { color: #b97422; }
.color02 { color: #9b0b13; }
.color03 { color: #325a7b; }
.color04 { color: #c10327; }
.color05 { color: #ff3366; }
.color06 { color: #ffff99 !important; }

.bg_yellow { background: #fff45c; padding: 0 3px; }
.bg_01 { background: #c10327; color: #fff; padding: 0 3px; }
.bg_02 { background: #ff3366; color: #fff; padding: 0 3px; }
.bg_03 { background: #e4002b; color: #fff; padding: 0 3px; }

.lh18 { line-height: 1.8; }
.lh20 { line-height: 2; }

.ls01 { letter-spacing: -1px;}


/* ------------------------------
	***2018.06.01追記***
------------------------------ */
.turn_over{
	background-color:#fbf7e9;
}

.toos_voice{
	background:url(/html/plugin/tbsFeaturePage42/save_image/sp/upsell/toos_talk/img/bg_voice.png) repeat;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
}
.toos_voice p{
	display:block;
	width:90%;
	margin:0 auto;
	text-align:left;
}



/* ------------------------------
	***2024.06.10追記***
------------------------------ */

#upsell_more{
	display: none;
	text-align: center;
    padding: 30px 0 0 0;
}
#upsell_button .cont01{
	display: none;
}
#upsell_button .cont02{
	display: none;
}
}




/*=========================
	ライブラリコンテンツ
=========================*/

/* ライブラリ共通 */

a {   
    text-decoration: none;
}
ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6{   font-size: 100%;
    font-weight: normal;
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
}
#page_user_data ul{   padding-left: 0px;
}

@media only screen and (min-width: 769px) { 
    .sp{       
        display: none;
    }
    br.sp{       
        display: none;
    }
    br.pc{       
        display: block !important;
    }
}
@media only screen and (max-width: 768px) {
    .pc{       
        display: none;
    }
    br.pc{
        display: none;
    }
    br.sp{       
        display: block !important;
    }
}

/* バックグラウンド */
/* Mainbox */
.Mainbox {
    background: url(/html/template/default/assets/img/bg_border.png) left bottom repeat-x;
    padding: 0 0 100px;
    margin-top: 60px;
}

.Mainbox:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Mainbox--bdrnone, .Content__bgw .Mainbox--recommend, #Cosmetic__column .Mainbox--recommend {
    background: none;
    padding: 0;
}

.Container {
    background-image: url(/html/template/default/assets/img/bg001.png);
    background-color: #f6f4eb;
    background-position: left top;
    background-repeat: repeat;
    padding-bottom: 80px;
}

.Container:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Content__bgw,
#Cosmetic__column .Content__left{   
    background-color: rgba(255, 255, 255, 0.9);
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
}

#page_user_data .ec-layoutRole .ec-layoutRole__contents{   
    background: #F4F2E8;
}

/* コンテンツ幅 */
@media screen and (min-width: 769px) and (max-width: 1400px) {
.Content__inner, 
.Mainbox{   
        max-width: 980px;
    }
}
@media only screen and (min-width: 769px) {
.Content__inner, 
.Mainbox{
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    }
}

/* フッター */
#page_user_data .ec-layoutRole__footer .ec-footerRole{
    margin-top:0px;
}
@media only screen and (max-width: 768px) {
#page_user_data .ec-footerRole .ec-breadcrumb {
    display: none;
    }
}


/* メインビジュアル 画像エリア*/
.Content__inner, 
.Content__desc, 
.Mainbox__column--lab01, 
.Mainbox__column--lab02, 
.Mainbox__column--lab03, 
.Mainbox__column--sommelier01, 
.Mainbox__column--sommelier02, 
.Mainbox__column--sommelier03, {
        width: 100%;
}

.Container__mainvis {
    background-image: url(/html/template/default/assets/img/bg_kv002-2.png); 
    background-size: cover; 
}
.Container__mainvis--brand, 
.Container__mainvis--food, 
.Container__mainvis--healthfoods, 
.Container__mainvis--goods {
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    height: 500px; 
}
.Container__mainvis--brand .Content__inner, 
.Container__mainvis--brand .Mainbox, 
.Container__mainvis--food .Content__inner, 
.Container__mainvis--food .Mainbox, 
.Container__mainvis--healthfoods .Content__inner, 
.Container__mainvis--healthfoods .Mainbox, 
.Container__mainvis--goods .Content__inner, 
.Container__mainvis--goods .Mainbox {
    height: 400px; 
}
.Container__mainvis--min {
    background-position: bottom center; 
    background-repeat: no-repeat; 
    height: 350px; 
}
.Container__mainvis--min .Content__inner, 
.Container__mainvis--min .Mainbox {
    height: 170px; 
}
.Container__mainvis--min .Container__mainvis_txt {
    padding-top: 40px; 
}

.Container__mainvis--introduction {
    background-image: url(/html/template/default/assets/img/mv_introduction.jpg); 
}
.Container__mainvis--introduction .Container__mainvis_txt {
    padding-right: 60px; 
    text-align: right; 
}
.Container__mainvis--point {
    background: url(/html/template/default/assets/img/mv_guide_point_back.png) left top repeat; 
    padding: 10px; 
}
.Container__mainvis--point .Content__inner, 
.Container__mainvis--point .Mainbox {
    background: url(/html/template/default/assets/img/mv_guide_point.png) center center no-repeat; 
    background-size: 100% 100%; 
    width: 100%; 
    height: 100%; 
}
.Container__mainvis--point .Container__mainvis_txt {
    text-align: center; 
    padding-top: 30px; 
}
.Container__mainvis--skincare {
    background-image: url(/html/template/default/assets/img/mv_brand_skincare.jpg); 
}
.Container__mainvis--forest_top {
    background-image: url(/html/template/default/assets/img/mv_forest_top.png); 
}
.Container__mainvis--forest001 {
    background-image: url(/html/template/default/assets/img/mv_forest001.png); 
}
.Container__mainvis--forest002 {
    background-image: url(/html/template/default/assets/img/mv_forest002.png); 
}
.Container__mainvis--forest003 {
    background-image: url(/html/template/default/assets/img/mv_forest003.png); 
}
.Container__mainvis--forest004 {
    background-image: url(/html/template/default/assets/img/mv_forest004.png); 
}
.Container__mainvis--shodoshima {
    background-image: url(/html/template/default/assets/img/mv_shodoshima.png); 
}
.Container__mainvis--company {
    background-image: url(/html/template/default/assets/img/mv_company.png); 
}
.Container__mainvis--award {
    background-image: url(/html/template/default/assets/img/mv_award.png); 
}
.Container__mainvis--history {
    background-image: url(/html/template/default/assets/img/mv_history.png); 
}
.Container__mainvis--world {
    background-image: url(/html/template/default/assets/img/mv_world.png); 
}
.Container__mainvis--about {
    background-image: url(/html/template/default/assets/img/mv_about.png); 
}
.Container__mainvis--olive_oil {
    background-image: url(/html/template/default/assets/img/mv_olive_oil.png); 
}
.Container__mainvis--botany {
    background-image: url(/html/template/default/assets/img/mv_botany.png); 
}
.Container__mainvis--method {
    background-image: url(/html/template/default/assets/img/mv_method.png); 
}
.Container__mainvis--price {
    background-image: url(/html/template/default/assets/img/mv_price.png); 
}
.Container__mainvis--selectfoods {
    background-image: url(/html/template/default/assets/img/mv_selectfoods_detail.png); 
    background-position: bottom center; 
}
.Container__mainvis--hand {
    background-image: url(/html/template/default/assets/img/mv_hand.jpg); 
}
.Container__mainvis--body {
    background-image: url(/html/template/default/assets/img/mv_body.jpg); 
}
.Container__mainvis--hair {
    background-image: url(/html/template/default/assets/img/mv_hair.jpg); 
}
.Container__mainvis--soap {
    background-image: url(/html/template/default/assets/img/mv_soap.jpg); 
}
.Container__mainvis--face {
    background-image: url(/html/template/default/assets/img/mv_face.jpg); 
}
.Container__mainvis--history .Content__inner, 
.Container__mainvis--history .Mainbox, 
.Container__mainvis--world .Content__inner, 
.Container__mainvis--world .Mainbox, 
.Container__mainvis--olive_oil .Content__inner, 
.Container__mainvis--olive_oil .Mainbox, 
.Container__mainvis--botany .Content__inner, 
.Container__mainvis--botany .Mainbox {
    height: 120px; 
}
.Container__mainvis--history .Container__mainvis_txt, 
.Container__mainvis--world .Container__mainvis_txt, 
.Container__mainvis--olive_oil .Container__mainvis_txt, 
.Container__mainvis--botany .Container__mainvis_txt {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0); 
}

.Container__mainvis--healthfoods {
    background-image: url(/html/template/default/assets/img/mv_healthfoods.jpg); 
}
.Container__mainvis--healthfoods .Container__mainvis_txt {
    padding-right: 60px; 
    text-align: right; 
}

.Container__mainvis--trial {
    background-image: url(/html/template/default/assets/img/mv_trial.jpg); 
}

.Container__mainvis--trouble {
    background-image: url(/html/template/default/assets/img/mv_trouble.png); 
    height: 350px; 
    background-position: bottom center; 
}
.Container__mainvis--trouble .Content__inner, 
.Container__mainvis--trouble .Mainbox {
    height: 120px; 
}
.Container__mainvis--trouble_health {
    background-image: url(/html/template/default/assets/img/mv_trouble_health.png); 
}
.Container__mainvis--trouble_skin {
    background-image: url(/html/template/default/assets/img/mv_trouble_skin.png); 
}
.Container__mainvis--cosmetic {
    background-image: url(/html/template/default/assets/img/bg_kv002-2.png); 
    height: 350px; 
    background-position: bottom center; 
}
.Container__mainvis--cosmetic .Content__inner, 
.Container__mainvis--cosmetic .Mainbox {
    height: 120px; 
}
.Container__mainvis--goods {
    background-image: url(/html/template/default/assets/img/mv_goods.jpg); 
}
.Container__mainvis--goods .Container__mainvis_txt {
    color: #606060; 
    padding-right: 60px; 
    text-align: right; 
}

.Container__mainvis--food {
    background-image: url(/html/template/default/assets/img/mv_food_top_detail.png); 
    height: 350px; 
    background-position: bottom center; 
}
.Container__mainvis--food .Content__inner, 
.Container__mainvis--food .Mainbox {
    height: 120px; 
}
.Container__mainvis--food_materials {
    background-image: url(/html/template/default/assets/img/mv_food_materials.jpg); 
}
.Container__mainvis--recipe {
    background-image: url(/html/template/default/assets/img/mv_food_recipe.jpg); 
}
.Container__mainvis--sommelier {
    background-image: url(/html/template/default/assets/img/mv_sommelier.png); 
}
.Container__mainvis--set {
    background-image: url(/html/template/default/assets/img/mv_set_detail.png); 
}
.Container__mainvis--set .Container__mainvis_txt {
    color: #606060; 
    padding-right: 60px; 
    text-align: right; 
}
.Container__mainvis--brand .Container__mainvis_txt, 
.Container__mainvis--food .Container__mainvis_txt, 
.Container__mainvis--goods .Container__mainvis_txt, 
.Container__mainvis--set .Container__mainvis_txt {
    text-shadow: 0 0 40px white, 0 0 30px white, 0 0 20px white, 0 0 10px white; 
}
.Container__mainvis--unochiyo {
    background-image: url(/html/template/default/assets/img/mv_brand_unochiyo.jpg); 
    border-color: #e95376; 
}
.Container__mainvis--unochiyo .Container__mainvis_txt {
    color: #e95376; 
}
.Container__mainvis--oliveforest {
    background-image: none; 
    height: auto; 
    border-color: #367d46; 
}
.Container__mainvis--oliveforest .Container__mainvis_txt {
    color: #367d46; 
}
.Container__mainvis.Container__mainvis--theoliveoil {
    background-image: url(/html/template/default/assets/img/mv_brand_too.jpg); 
    border-color: #00744a; 
}
.Container__mainvis.Container__mainvis--theoliveoil .Container__mainvis_txt {
    color: #333731; 
}
.Container__mainvis--too {
    background-image: url(/html/template/default/assets/img/mv_brand_too.jpg); 
}
.Container__mainvis--too .Container__mainvis_txt {
    color: #606060; 
}
.Container__mainvis--too_materials {
    background-image: url(/html/template/default/assets/img/mv_too_materials.png); 
}




/* パンクズ */

#Gnav__overlay {
    background-color: rgba(255, 255, 255, 0.7); 
    display: none; 
    position: fixed; 
    z-index: 120; 
    top: 0px; 
    left: 0px; 
    height: 100%; 
    width: 100%; 
}
.Layout__breadcrumbs {
    width: 100%; 
    line-height: 1.4; 
    white-space: normal; 
    overflow: auto;
}
.Layout__breadcrumbs ul {
    width: 100%; 
    padding: 8px 10px; 
}
.Layout__breadcrumbs li {
    height: auto; 
    display: inline; 
    font-size: 1.0rem; 
}
.Container__mainvis {
    position: relative; 
    height: 200px; 
}
.Container__mainvis .Content__inner {
    padding: 0; 
    width: 100%;
}
.Container__mainvis .Layout__breadcrumbs {
    height: auto; 
    padding: 0 10px; 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 10; 
}
.Container__mainvis .Layout__breadcrumbs li {
    height: auto; 
    display: inline; 
}
.Container__mainvis li {
    height: 200px; 
}
.Container__mainvis .Mainvis__inner {
    position: relative; 
    width: 100%; 
    height: 200px; 
}
.Container__mainvis .Mainvis__inner:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
.Container__mainvis .Content__snsButton {
    bottom: 0; 
    width: 100%; 
    padding-left: initial;
}
.Container__mainvis .Content__snsButton li {
    height: 30px; 
    width: 33%; 
    display: block; 
    float: left; 
    margin-left: 0; 
}
.Container__mainvis .Content__snsButton li:first-child {
    width: 34%; 
}
.Container__mainvis .Content__snsButton li a {
    width: 100%; 
}
.Container__mainvis .Container__mainvis_txt {
    font-size: 2.4rem; 
    letter-spacing: 0; 
    vertical-align: bottom; 
    color: #fff !important; 
    padding: 0 20px 50px; 
    background: rgba(0, 0, 0, 0.2); 
    text-align: left; 
    text-shadow: 0 0 0 transparent; 
    letter-spacing: -.5px; 
    line-height: 1.2; 
    display: table-cell; 
}
.Container__mainvis.Container__mainvis--cat-top {
    /* height: 100%;  */
    height: 400px; 
    padding: 0 5rem;
}
.Container__mainvis.Container__mainvis--cat-top .Content__inner {
    height: 200px; 
}
.Container__mainvis.Container__mainvis--cat-top .Container__mainvis_txt {
    font-size: 10vw; 
}
.Container__mainvis.Container__mainvis--cat-top .Content__snsButton {
    bottom: 0; 
    margin: 0%;
}
.Container__mainvis.Container__mainvis--food .Content__inner .Container__mainvis_txt {
    font-size: 10vw; 
}
.Container__mainvis.Container__mainvis--food .Content__inner .Content__snsButton {
    bottom: 0; 
}
.Container__mainvis.Container__mainvis--brand .Content__inner, 
.Container__mainvis.Container__mainvis--food .Content__inner, 
.Container__mainvis.Container__mainvis--healthfoods .Content__inner, 
.Container__mainvis.Container__mainvis--goods .Content__inner, 
.Container__mainvis.Container__mainvis--other .Content__inner {
    height: 200px; 
}
.Container__mainvis.Container__mainvis--unochiyo .Container__mainvis_txt img {
    width: 60%; 
    height: auto; 
}
.Container__mainvis.Container__mainvis--other .Content__inner {
    vertical-align: bottom; 
    width: 100%;
}
.Container__mainvis.Container__mainvis--min .Content__inner {
    height: 170px; 
    vertical-align: bottom; 
}
.Container__mainvis.Container__mainvis--trouble .Container__mainvis_txt, 
.Container__mainvis.Container__mainvis--trouble_health .Container__mainvis_txt, 
.Container__mainvis.Container__mainvis--trouble_skin .Container__mainvis_txt {
    vertical-align: middle; 
    padding-top: 40px; 
    background: none; 
}
.Container__mainvis.Container__mainvis--trouble .Container__mainvis_txt img, 
.Container__mainvis.Container__mainvis--trouble_health .Container__mainvis_txt img, 
.Container__mainvis.Container__mainvis--trouble_skin .Container__mainvis_txt img {
    width: 70%; 
}
.Container__mainvis.Container__mainvis--point {
    background: none; 
    padding: 0; 
}
.Container__mainvis.Container__mainvis--point .Container__mainvis_txt {
    background: none; 
}
.Container__mainvis.Container__mainvis--point .Container__mainvis_txt img {
    width: 100% !important; 
    height: auto; 
}
.Container__mainvis.Container__mainvis--oliveforest {
    height: 60px; 
}
.Container__mainvis.Container__mainvis--food {
    background-position: -40px center; 
}
.Container {
    padding-bottom: 40px; 
    background: #F4F2E8; 
}
.Content {
    width: 100% !important; 
    padding-top: 40px; 
}
.Layout__breadcrumbs {
    height: 40px; 
    /* line-height: 40px; 
     */
    text-align: left; 
    background-color: rgba(0, 0, 0, 0.3); 
    white-space: nowrap; 
    position: relative; 
    z-index: 1; 
}
.Container > .Layout__breadcrumbs {background: none; 
    }
/* .Container > .Layout__breadcrumbs li {color: #606060; 
    }
.Container > .Layout__breadcrumbs li a {color: #606060; 
    } */
.Layout__breadcrumbs li,
.Layout__breadcrumbs li a{
    border: none; 
    color: #fff; 
}


@media only screen and (min-width: 769px) {       
        .Layout__breadcrumbs {
            width: 100%; 
        }
        /* .Layout__breadcrumbs ul {
            width: 980px; 
            margin: 0 auto; 
        } */
        .Layout__breadcrumbs ul {
            margin: 0 auto; 
            max-width: 1280px; 
        }
        .Layout__breadcrumbs li {
            font-size: 1.2rem; 
            display: inline-block; 
            margin-right: 1em; 
            color: #fff; 
        }
    }

/* メインビジュアル テキスト */


/*=========================
	Container
=========================*/

.Content__left{   margin: auto; 
}
.Container__mainvis {
    /* background-image: url(/html/template/default/assets/img/bg_kv002-2.png); 
     */
    background-size: cover; 
}
.Container__mainvis .Content__inner, .Container__mainvis .Mainbox {
    display: table; 
}
@media only screen and (min-width: 769px) {
           /* Mainvis */
        .Container__mainvis .Container__mainvis_txt {
            font-size: 5.0rem; 
            /* font-family: ''; 
     */
            line-height: 1.2; 
            color: #fff; 
            letter-spacing: .1em; 
            display: table-cell; 
            vertical-align: middle; 
            padding-left: 0; 
            padding-top: 40px; 
            text-shadow: 0 0 16px black, 0 0 10px black; 
            background: none;
        }
        .Container__mainvis.Container__mainvis--cat-top .Container__mainvis_txt{           
            font-size: 5.0rem; 
        }
        .Container__mainvis--other {
            background-position: center; 
            background-repeat: no-repeat; 
            background-size: cover; 
            height: 350px; 
        }
        .Container__mainvis--other .Content__inner, 
        .Container__mainvis--other .Mainbox {
            height: 250px; 
        }
        .Container__mainvis--brand, 
        .Container__mainvis--food, 
        .Container__mainvis--healthfoods, 
        .Container__mainvis--goods {
            background-position: center; 
            background-repeat: no-repeat; 
            background-size: cover; 
            height: 500px; 
        }
        .Container__mainvis--brand .Content__inner, 
        .Container__mainvis--brand .Mainbox, 
        .Container__mainvis--food .Content__inner, 
        .Container__mainvis--food .Mainbox, 
        .Container__mainvis--healthfoods .Content__inner, 
        .Container__mainvis--healthfoods .Mainbox, 
        .Container__mainvis--goods .Content__inner, 
        .Container__mainvis--goods .Mainbox {
            height: 400px; 
        }
        .Container__mainvis--min {
            background-position: bottom center; 
            background-repeat: no-repeat; 
    height: 350px; 
        }
        .Container__mainvis--min .Content__inner, 
        .Container__mainvis--min .Mainbox {
            height: 170px; 
        }
        .Container__mainvis--min .Container__mainvis_txt {
            padding-top: 40px; 
        }

        .Container__mainvis--introduction {
            background-image: url(/html/template/default/assets/img/mv_introduction.jpg); 
        }
        .Container__mainvis--introduction .Container__mainvis_txt {
            padding-right: 60px; 
    text-align: right; 
        }
        .Container__mainvis--point {
            background: url(/html/template/default/assets/img/mv_guide_point_back.png) left top repeat; 
            padding: 10px; 
        }
        .Container__mainvis--point .Content__inner, 
        .Container__mainvis--point .Mainbox {
            background: url(/html/template/default/assets/img/mv_guide_point.png) center center no-repeat; 
            background-size: 100% 100%; 
            width: 100%; 
            height: 100%; 
        }
        .Container__mainvis--point .Container__mainvis_txt {
            text-align: center; 
            padding-top: 30px; 
    }
    }


/* SNSボタン */
.Page__history .Content__inner .Content__snsButton {
    position: absolute; 
}
.Container__mainvis .Content__snsButton {
    position: absolute; 
    bottom: 0; 
    right: 0; 
    height: 30px; 
    height: auto;
}
.Content__snsButton li {
    display: inline-block; 
    line-height: 1; 
    margin-left: 10px; 
    vertical-align: top; 
}
.Content__snsButton li a {
    display: block; 
    border: none; 
    color: #fff; 
    height: 30px; 
    text-align: center; 
    width: 90px; 
}
.Content__snsButton li a .lineBtn {
    background: transparent linear-gradient(to bottom, #2fda2f 2%, #1dcc1d 4%, #02C302 100%) repeat scroll 0 0; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2fda2f), color-stop(1, #02C302)); 
    padding: 2px 0; 
}
.Content__snsButton li a .fbBtn {
    background: transparent linear-gradient(to bottom, #5a7cc6 2%, #4b68b8 4%, #3d5bab 100%) repeat scroll 0 0; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5a7cc6), color-stop(1, #3d5bab)); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a7cc6', endColorstr='#3d5bab', GradientType=1)"; 
    padding: 5px 0; 
}
.Content__snsButton li a .twBtn {
    background: transparent linear-gradient(to bottom, #555 2%, #333 4%, #000 100%) repeat scroll 0 0; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #000)); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#000', GradientType=1)"; 
    padding: 5px 0; 
}



/* #Cosmeticページ */

#Cosmetic__column {
    margin-top: -40px; 
    padding: 40px 10px; 
}
#Cosmetic__column .Content__left {
    margin-top: -130px; 
    padding: 20px 0; 
}
@media only screen and (max-width: 768px){   
    #Cosmetic__column .Column__ttl {
        font-size: 5vw; 
        padding: 0 20px; 
    }
    #Cosmetic__column .Post__ttl {
        font-size: 6.8vw; 
        padding: 0 20px; 
    }
    #Cosmetic__column .Post__ttl br {
        display: none; 
    }
    }
#Cosmetic__column .Category_link img {
    width: 100% !important; 
    height: auto; 
}
#Cosmetic__column .Category_link a {
    width: 100%; 
}
#Cosmetic__column .Content__snsButton {
    margin-top: 2em;
    padding: 0 20px; 
}
#Cosmetic__column .Content__snsButton li {
    /* margin-right: -5px;  */
    margin: auto;
    width: 31%; 
    }
@media only screen and (min-width: 769px){   
    #Cosmetic__column .Content__snsButton li {
        width: auto;
    }
}
#Cosmetic__column .Content__snsButton li a {
    width: 100%; 
    }
#Cosmetic__column .Content__desc {
    margin-top: 20px; 
    }
#Cosmetic__column .Mainbox {
    padding: 0 20px; 
    margin-top: 0 ; 
    }
#Cosmetic__column .bnr--long {
    margin-top: 30px ; 
    margin-bottom: 0; 
    }
#Cosmetic__column .bnr--long img {
    width: 100% ; 
    height: auto; 
    }

#Cosmetic__column .Content__entry .Entry_txt {
    margin-top: 20px; 
    font-size: 1.4rem; 
    }
#Cosmetic__column .Content__whitebox .Item__left {
    margin: 0 auto; 
    }
#Cosmetic__column .Item__container .Item__left {
    margin: auto; 
    }
#Cosmetic__column .Item__container--list {
    padding: 40px 0; 
    }
#Cosmetic__column .Item__container--rank {
    width: 100%; 
    padding: 40px 0; 
    }
#Cosmetic__column .Item__container--rank .Item__img {
    display: block; 
    width: 180px; 
    height: auto; 
    margin: auto; 
    }
#Cosmetic__column .Content__link {
    width: 100%; 
    }
#Cosmetic__column .Content__link a {
    font-size: 1.4rem; 
    }
#Cosmetic__column #Mainbox__column_lab .Mainbox__column_wrap {
    margin: 0; 
    }
#Cosmetic__column #Mainbox__column_lab .Mainbox__column_post {
    margin: 0; 
    width: 100% !important; 
    padding: 10px 0 0; 
    }
#Cosmetic__column #Mainbox__column_lab .Content__whitebox .Item__left {
    width: 100%; 
    }
/* #Cosmetic__column .Mainbox__column {
    padding: 0; 
    } */
#Cosmetic__column .Mainbox__column .Content__ttl, #Cosmetic__column .Mainbox__column .Content__desc {
    /* padding: 0 20px;  */
    }
#Cosmetic__column .Mainbox__column .Content__ttl {
    /* padding-top: 30px;  */
}
#Cosmetic__column .Mainbox__column .Mainbox__column_post li {
    position: relative; 
    border: none; 
    border-top: 1px solid #ddd; 
    margin-top: 0; 
    }
#Cosmetic__column .Mainbox__column .Mainbox__column_post .Mainbox__column_img {
    padding: 0; 
    width: 80px; 
    background-size: cover; 
    position: absolute; 
    left: 0; 
    top: 0; 
    overflow: hidden; 
    height: -webkit-fill-available;
    height: 100%;
    }
@media only screen and (min-width: 769px) {
    #Cosmetic__column .Mainbox__column .Mainbox__column_post .Mainbox__column_img {
        position: inherit;
        width: 100%;
    }
    .Container__mainvis.Container__mainvis--cat-top .Content__snsButton{
        width: 300px;
        left: 0;
        position: absolute;
    }
    #Cosmetic__column .Mainbox__column .Mainbox__column_post li {
        margin-top: 20px; 
        }
}
@media only screen and (max-width: 768px) {
    #Cosmetic__column .Content__ttl {
        margin-top: 30px; 
        font-size: 6.4vw ; 
        padding: 0;
        font-weight: normal; 
        line-height: 1.5; 
        border-bottom: none; 
        }
    #Cosmetic__column .Content__ttl span {
        font-size: 5vw; 
        }
    #Cosmetic__column .Content__ttl br {
        display: none; 
        }
    #Cosmetic__column #Mainbox__column_lab .Content__ttl {
        font-size: 1.8rem ; 
        padding: 10px 20px 0; 
        }
    #Cosmetic__column .Content__entry .Entry_img {
        margin-top: 20px; 
        }
    #Cosmetic__column .Mainbox__column .Mainbox__column_post {
        border-bottom: 1px solid #ddd; 
        }
    #Cosmetic__column .Mainbox__column .Mainbox__column_post .Mainbox__column_content {
        padding: 15px 15px 15px 95px ; 
    }
    #Cosmetic__column .Mainbox__column .Mainbox__column_post .Mainbox__column_img img {
        width: inherit;
        height: 100%;
        position: absolute;
        /* left: -20px; */
        object-fit: cover;
        }
    #Cosmetic__column .Mainbox__column .Mainbox__column_post .Mainbox__column_content .Mainbox__column_ttl {
        text-align: left; 
        font-size: 1.4rem; 
        }
    #Cosmetic__column .Mainbox__column .Mainbox__column_post .Mainbox__column_content .Mainbox__column_ttl br {
        display: none; 
        }
    .Content__link .Content__link--wide{
        display: table-row;
    }
    .Container__mainvis.Container__mainvis--cat-top {
        height: 100%; 
        padding: 0%;
    }
    #Cosmetic__column.Cosmetic__column_top .Content__left{
        margin-top: 4rem;
    }
}
#Cosmetic__column .Mainbox__column .Mainbox__column_post .Mainbox__column_content .Mainbox__column_txt {
    overflow: hidden; 
    font-size: 1.0rem; 
    padding-top: 0; 
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    }
/* #Cosmetic__column.Cosmetic__column_top .Content__left {
    margin-top: -15rem; 
    } */
#Cosmetic__column.Cosmetic__column_top .Content__left > .Content__ttl {
    padding: 0 20px; 
    margin-top: 0; 
    }
#Cosmetic__column.Cosmetic__column_top .Content__desc {
    margin-top: 1em; 
    }
#Cosmetic__column .Mainbox--recommend .Content__ttl {
    font-size: 2rem; 
    }
#Cosmetic__column .Mainbox--recommend .Entry_txt dd {
    padding: 10px; 
    }
#Cosmetic__column .Mainbox--recommend .Entry_txt a img {
    width: 80px; 
    }
#Cosmetic__column .Mainbox--recommend .Entry_txt a span {
    font-size: 1.2rem; 
    }
#Cosmetic__column .column__banner {
    width: 100%; 
    margin-bottom: 0; 
    padding: 1.5em 1.2em; 
    }
#Cosmetic__column .column__banner.column__banner--too {
    background-position: right -60px bottom; 
    }
#Cosmetic__column .column__banner.column__banner--tew {
    background-position: right -56px bottom -60px; 
    }
#Cosmetic__column .column__banner.column__banner--ole {
    background-position: right -34px bottom -2px; 
    }
#Cosmetic__column .column__banner .column__banner__ttl {
    font-size: 1.8rem; 
    padding-right: 60px; 
    }
#Cosmetic__column .column__banner .column__banner__ttl span {
    font-size: 1.4rem; 
    display: block; 
    }
#Cosmetic__column .column__banner .column__banner__ttl + p {
    font-size: 1.4rem; 
    padding-right: 80px; 
    }
#Cosmetic__column .column__banner .column__banner__item {
    font-size: 1.6rem; 
    }
#Cosmetic__column .column__banner .column__banner__text {
    display: block; 
    margin-top: .5em; 
    padding-right: 80px; 
    font-size: 1.4rem; 
    line-height: 1.6; 
    }
#Cosmetic__column .column__banner .column__banner__text .Content__link {
    margin: .5em 0 0; 
    width: 166px; 
    font-size: 1.4rem; 
    padding: .8em .8em .8em .5em; 
    }
#Cosmetic__column .column__banner .column__banner__text .Content__link span {
    padding-right: 1em; 
    }
#Cosmetic__column .column__banner p + * {
    margin-top: .5em; 
    }
#Cosmetic__column .Mainbox__wrinkle {
    display: block; 
    padding: 1em; 
    margin-top: 20px; 
    }
#Cosmetic__column .Mainbox__wrinkle .Item__img {
    width: 100%; 
    margin-top: 2em; 
    }
#Cosmetic__column .Mainbox__wrinkle .Item__img img {
    width: 50px; 
    display: block; 
    margin: auto; 
    }
#Cosmetic__column .Mainbox__wrinkle .Item__img + div {
    padding-left: 0; 
    width: 100%; 
    }
#Cosmetic__column .Mainbox__wrinkle .bland_name {
    font-size: 1.2em; 
    }
#Cosmetic__column .Mainbox__wrinkle .Item__ttl {
    font-size: 2rem; 
    }
#Cosmetic__column .Mainbox__wrinkle .Item__txt {
    font-size: 1.4rem; 
    }
#Cosmetic__column .Mainbox__wrinkle .Mainbox__wrinkle__block {
    display: block; 
    }
#Cosmetic__column .Mainbox__wrinkle .Mainbox__wrinkle__block .Content__ttl {
    font-size: 1.6rem !important; 
    width: 100%; 
    }
#Cosmetic__column .Mainbox__wrinkle .Mainbox__wrinkle__block .Content__ttl + * {
    width: 100%; 
    }
#Cosmetic__column .Mainbox__wrinkle .Mainbox__wrinkle__cart {
    display: block; 
    }
#Cosmetic__column .Mainbox__wrinkle .cartbtn {
    margin-left: 0; 
    width: 100%; 
    font-size: 1.8rem; 
    }
#Cosmetic__column .Mainbox__wrinkle .Item__infobox li {
    width: 100%; 
    }
#Cosmetic__column .Mainbox__wrinkle .Item__infobox .Item__info_list dl dt, 
#Cosmetic__column .Mainbox__wrinkle .Item__infobox .Item__info_list dl dd {
    vertical-align: middle; 
    display: block; 
    width: 100%; 
    }


/* レフト指示 */
.Content .Content__left {
    width: 100%; 
    float: none; 
    }
.Content .Content__left .Content__desc {
    width: 100%; 
    padding: 0 20px; 
    }
.Content .Content__left .Content__txt {
    font-size: 14px; 
    margin-top: 1.5em; 
    }
.Content .Content__left .Content__img {
    text-align: center; 
    }
.Content .Content__left .Content__img img {
    width: 60%; 
    height: auto; 
    }
.Content .Content__left .Content__whitebox {
    margin-top: 20px; 
    }
.Content .Content__left .Content__whitebox .Item__container .Item__heading {
    padding-left: 0; 
    padding-top: 80px; 
    background-position: center top; 
    }
.Content .Content__left .Content__logo {
    margin-top: 0; 
    }
.Content .Content__left .Content__logo img {
    width: 120px; 
    height: auto; 
    }
.Content .Content__left .Content__recipe_ttl {
    margin-top: 1em; 
    }
.Content .Content__left .Content__recipe_ttl + .Content__recipe_list {
    margin-top: 0; 
    }
.Content .Content__left .Content__recipe_list {
    font-size: 1.4rem; 
    margin-top: 1.5em; 
    }
    @media only screen and (max-width: 768px) { 
    .Content .Content__left .Content__recipe_list.material {
        width: 100%; 
        float: none; 
        }
    .Content .Content__left .Content__recipe_item {
        width: 100%; 
        float: none; 
        margin: 1em auto 0; 
        }
    .Content .Content__left .Content__recipe_item .Item__img {
        width: 100% !important; 
        height: auto; 
        }
    .Content .Content__left .Content__recipe_point {
        font-size: 1.4rem; 
        margin-left: 0; 
        padding: 20px !important;
        margin-top: 2em !important;
        }
    .Content .Content__left .Content__recipe_point:before {
        width: 60px; 
        height: 45px; 
        top: -30px; 
        left: -20px; 
        }
    }
.Content .Content__left .Mainbox {
    width: 100%; 
    padding: 0 20px 40px; 
    }
.Content .Content__left .Mainbox .Content__desc {
    padding: 0; 
    }

.Page__history .Content__left .Content__world_link {
    margin-top: 20px; 
    }

.Page__history .Content__left .Content__world_link li a {
    padding: 40px 0; 
    font-size: 20px; 
    }
.Page__history .Content__left .Content__world_link li p {
    font-size: 14px; 
    margin-top: 1.5em; 
    }
.Page__history .Content__left .Content__world_link li:first-child {
    margin-top: 0; 
    }
.Page__history .Content__left .Content__world_link li {
    width: 100%; 
    margin-left: 0; 
    margin-top: 20px;
    }

.Page__other .Content .Content__left {
    padding: 0 20px; 
    }
.Page__other .Content .Content__left .Mainbox__shiryo {
    padding: 20px; 
    }
.Page__other .Content .Content__left .Mainbox__shiryo .app_web, 
.Page__other .Content .Content__left .Mainbox__shiryo .app_tel {
    width: 100%; 
    float: none; 
    }
.Page__other .Content .Content__left .Mainbox__shiryo .app_tel .Content__tel {
    text-align: left; 
    margin-top: 20px !important; 
    }
.Page__other #Cosmetic__column {
    padding: 0 10px; 
    margin-top: 20px; 
    }
.Page__other #Cosmetic__column .Content__left {
    padding: 20px 10px; 
    }

@media only screen and (min-width: 769px) {
    .Content .Content__left {
        /* float: left; */
        max-width: 980px; 
        box-sizing: border-box; 
        padding-bottom: 80px;
        }
    .Content .Content__left .Mainbox, 
    .Content .Content__left .Content__desc, 
    .Content .Content__left .Content__inner, 
    .Content .Content__left .Mainbox {
        width: 100%; 
        box-sizing: border-box; 
        }
    .Page__history .Content__left .Content__world_link li {
        margin-top: 0px;
        }
    }
/*--------------------------------------------
 Page_other.css

============================================*/

.Page__other #Cosmetic__column, 
.Page__about #Cosmetic__column, 
.Page__list #Cosmetic__column {
    margin-top: 40px; 
    }
.Page__other #Cosmetic__column .Content__left, 
.Page__about #Cosmetic__column .Content__left, 
.Page__list #Cosmetic__column .Content__left {
    margin-top: 0; 
    }
.Page__other #Cosmetic__column .Content__left .Mainbox, 
.Page__about #Cosmetic__column .Content__left .Mainbox, 
.Page__list #Cosmetic__column .Content__left .Mainbsox {
    padding-bottom: 0; 
    }
.Page__other #Cosmetic__column .Content__bdrbox .Btn__area, 
.Page__about #Cosmetic__column .Content__bdrbox .Btn__area, 
.Page__list #Cosmetic__column .Content__bdrbox .Btn__area {
    width: 80%; 
    }
.Page__other #Cosmetic__column .Content__bdrbox .Btn__area .Content__link, 
.Page__about #Cosmetic__column .Content__bdrbox .Btn__area .Content__link, 
.Page__list #Cosmetic__column .Content__bdrbox .Btn__area .Content__link {
    width: 48%; 
    margin-top: 20px; 
    }
.Page__other #Cosmetic__column .Content__bdrbox + .Content__ttl, 
.Page__about #Cosmetic__column .Content__bdrbox + .Content__ttl, 
.Page__list #Cosmetic__column .Content__bdrbox + .Content__ttl {
    border: none; 
    }
.Page__other .Content, 
.Page__about .Content, 
.Page__list .Content {
    width: 1280px; 
    margin: 0 auto; 
    position: relative; 
    font-size: 16px; 
    }
.Page__other .Content:after, 
.Page__about .Content:after, 
.Page__list .Content:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
.Page__other .Content__ttl, 
.Page__other .Content__ol, 
.Page__other .Content__desc, 
.Page__about .Content__ttl, 
.Page__about .Content__ol, 
.Page__about .Content__desc, 
.Page__list .Content__ttl, 
.Page__list .Content__ol, 
.Page__list .Content__desc {
    width: auto; 
    text-align: left; 
    margin: 2em auto 0; 
    }
.Page__other .Content__ttl, .Page__about .Content__ttl, .Page__list .Content__ttl {
    margin-top: 0; 
    }
.Page__other .Content__ttl.Content__ttl--center, 
.Page__about .Content__ttl.Content__ttl--center, 
.Page__list .Content__ttl.Content__ttl--center {
    text-align: center; 
    font-size: 3.0rem; 
    }
.Page__other .Content__ttl_sub + .Content__guide_list, 
.Page__other .Section__ttl--bdr + *, 
.Page__about .Content__ttl_sub + .Content__guide_list, 
.Page__about .Section__ttl--bdr + *, 
.Page__list .Content__ttl_sub + .Content__guide_list, 
.Page__list .Section__ttl--bdr + * {
    margin-top: 30px; 
    }
.Page__other .Content__bdrbox, 
.Page__about .Content__bdrbox, 
.Page__list .Content__bdrbox {
    margin-top: 40px; 
    }
.Page__other .js-slideCont, 
.Page__about .js-slideCont, 
.Page__list .js-slideCont {
    padding-top: 20px; 
    }
.Page__other .Section__ttl, 
.Page__other .Section__ttl--bdr, 
.Page__about .Section__ttl, 
.Page__about .Section__ttl--bdr, 
.Page__list .Section__ttl, 
.Page__list .Section__ttl--bdr {
    font-size: 1.8rem; 
    font-weight: bold; 
    margin-top: 30px; 
    }
.Page__other .Section__ttl--bdr, 
.Page__about .Section__ttl--bdr, 
.Page__list .Section__ttl--bdr {
    border-bottom: 1px solid #ccc; 
    }
.Page__other .Section__img, 
.Page__about .Section__img, 
.Page__list .Section__img {
    margin: 10px 0; 
    }
.Page__other .Content__desc, 
.Page__about .Content__desc, 
.Page__list .Content__desc {
    font-size: 1.6rem; 
    }
.Page__other .Content__desc.Content__desc--center, 
.Page__about .Content__desc.Content__desc--center, 
.Page__list .Content__desc.Content__desc--center {
    text-align: center; 
    font-size: 1.8rem; 
    }
.Page__other .Top__desc, 
.Page__about .Top__desc, 
.Page__list .Top__desc {
    margin-top: 0px; 
    font-size: 1.8rem; 
    }
.Page__other .Content__ol, 
.Page__about .Content__ol, 
.Page__list .Content__ol {
    list-style: decimal inside; 
    text-indent: -1.2em; 
    padding-left: 1.2em; 
    }
.Page__other .Content__ol ul, 
.Page__about .Content__ol ul, 
.Page__list .Content__ol ul {
    padding-left: 1.2em; 
    margin-top: .5em; 
    }
.Page__other .Content__guide_list li, 
.Page__about .Content__guide_list li, 
.Page__list .Content__guide_list li {
    padding-left: 1em; 
    text-indent: -1em; 
    }
.Page__other .Content__guide_list li:before, 
.Page__about .Content__guide_list li:before, 
.Page__list .Content__guide_list li:before {
    content: "●"; 
    }
.Page__other .Mainbox, 
.Page__about .Mainbox, 
.Page__list .Mainbox {
    padding-bottom: 60px; 
    }
.Page__other .Mainbox__shiryo, 
.Page__about .Mainbox__shiryo, 
.Page__list .Mainbox__shiryo {
    padding: 40px 60px; 
    background-image: none; 
    }
.Page__other .Mainbox__shiryo:after, 
.Page__about .Mainbox__shiryo:after, 
.Page__list .Mainbox__shiryo:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
.Page__other .Mainbox__shiryo .img, 
.Page__about .Mainbox__shiryo .img, 
.Page__list .Mainbox__shiryo .img {
    text-align: center; 
    margin: 20px 0; 
    }
.Page__other .Mainbox__shiryo .delivery, 
.Page__about .Mainbox__shiryo .delivery, 
.Page__list .Mainbox__shiryo .delivery {
    margin-top: 1em; 
    padding-bottom: 1em; 
    border-bottom: 1px dashed #a9a9a9; 
    }
.Page__other .Mainbox__shiryo .delivery span, 
.Page__about .Mainbox__shiryo .delivery span, 
.Page__list .Mainbox__shiryo .delivery span {
    font-weight: bold; 
    }
.Page__other .Mainbox__shiryo .Content__dl_ttl, 
.Page__about .Mainbox__shiryo .Content__dl_ttl, 
.Page__list .Mainbox__shiryo .Content__dl_ttl {
    font-weight: bold; 
    padding-left: 16px; 
    background: url(/html/template/default/assets/img/ico_arrow001.png) left center no-repeat; 
    }
.Page__other .Mainbox__shiryo .app_web, 
.Page__other .Mainbox__shiryo .app_tel, 
.Page__about .Mainbox__shiryo .app_web, 
.Page__about .Mainbox__shiryo .app_tel, 
.Page__list .Mainbox__shiryo .app_web, 
.Page__list .Mainbox__shiryo .app_tel {
    margin-top: 20px; 
    }
.Page__other .Mainbox__shiryo .app_web, 
.Page__about .Mainbox__shiryo .app_web, 
.Page__list .Mainbox__shiryo .app_web {
    width: 320px; 
    background: none; 
    padding: 0; 
    float: left; 
    }
.Page__other .Mainbox__shiryo .app_web .Item__orderbox, 
.Page__about .Mainbox__shiryo .app_web .Item__orderbox, 
.Page__list .Mainbox__shiryo .app_web .Item__orderbox {
    width: 100%; 
    border: 0; 
    margin-top: 20px; 
    font-size: 1.6rem; 
    }
.Page__other .Mainbox__shiryo .app_web .Item__orderbox button, 
.Page__about .Mainbox__shiryo .app_web .Item__orderbox button, 
.Page__list .Mainbox__shiryo .app_web .Item__orderbox button {
    padding: 10px 16px; 
    width: 100%; 
    color: #fff; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -ms-border-radius: 4px; 
    border-radius: 4px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
    background: linear-gradient(to bottom, #e08636 2%, #d98134 4%, #cb6f40 100%) repeat scroll 0 0; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e08636), color-stop(1, #cb6f40)); 
    background-color: #d98134; 
    }
.Page__other .Mainbox__shiryo .app_web .Item__orderbox button:hover, 
.Page__about .Mainbox__shiryo .app_web .Item__orderbox button:hover, 
.Page__list .Mainbox__shiryo .app_web .Item__orderbox button:hover {
    background: linear-gradient(to bottom, #d46f16 2%, #cf701d 4%, #b65b09 100%) repeat scroll 0 0; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d46f16), color-stop(1, #b65b09)); 
    background-color: #cf701d; 
    }
.Page__other .Mainbox__shiryo .app_web .Item__orderbox button span, 
.Page__about .Mainbox__shiryo .app_web .Item__orderbox button span, 
.Page__list .Mainbox__shiryo .app_web .Item__orderbox button span {
    display: block; 
    background-image: url(/html/template/default/assets/img/ico_arrow003.png); 
    background-position: left center; 
    background-repeat: no-repeat; 
    }
.Page__other .Mainbox__shiryo .app_tel, 
.Page__about .Mainbox__shiryo .app_tel, 
.Page__list .Mainbox__shiryo .app_tel {
    width: 460px; 
    float: right; 
    }
.Page__other .Mainbox__shiryo .app_tel .Content__tel, 
.Page__about .Mainbox__shiryo .app_tel .Content__tel, 
.Page__list .Mainbox__shiryo .app_tel .Content__tel {
    margin-top: 20px; 
    }
.Page__other .Content__list--other, 
.Page__about .Content__list--other, 
.Page__list .Content__list--other {
    margin-top: 60px; 
    }
.Page__other .Content__list--other:after, 
.Page__about .Content__list--other:after, 
.Page__list .Content__list--other:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
.Page__other .Content__list--other li, 
.Page__about .Content__list--other li, 
.Page__list .Content__list--other li {
    float: left; 
    width: 32%; 
    margin-left: 2%; 
    }
.Page__other .Content__list--other li:first-child, .Page__about .Content__list--other li:first-child, .Page__list .Content__list--other li:first-child {
    margin-left: 0; 
    }
.Page__other .Content__list--other li img, .Page__about .Content__list--other li img, .Page__list .Content__list--other li img {
    width: 100% !important; 
    height: auto; 
    }



/*--------------------------------------------
 Page_list.css

============================================*/


.Mainbox__dictionary .Mainbox__dictionary--history > a {
    background: url(/html/template/default/assets/img/img_dictionary001.png) top center no-repeat; 
    }
.Mainbox__dictionary .Mainbox__dictionary--tree > a {
    background: url(/html/template/default/assets/img/img_dictionary002.png) top center no-repeat; 
    }
.Mainbox__dictionary .Mainbox__dictionary--world > a {
    background: url(/html/template/default/assets/img/img_dictionary003.png) top center no-repeat; 
    }
.Mainbox__dictionary .Mainbox__dictionary--oil > a {
    background: url(/html/template/default/assets/img/img_dictionary004.png) top center no-repeat; 
    }
.Page__history .Content__left .Mainbox__dictionary .Dictionary__link li {
    background: url(/html/template/default/assets/img/ico_arrow001.png) left center no-repeat; 
    background-position: left top 10px; 
    font-size: 1.6rem; 
    margin-top: 5px; 
    }
.Page__history .Content__left .Content__world_link li a.distribution ,.Page__history .Content__left .Content__world_link .Content__world--distribution a{
    background-image: url(/html/template/default/assets/img/img_world001.png); 
    }
.Page__history .Content__left .Content__world_link li a.data ,.Page__history .Content__left .Content__world_link .Content__world--data a{
    background-image: url(/html/template/default/assets/img/img_world002.png); 
    }

.Page__history .Content__left .Mainbox__dictionary {width: 100%; 
}
.Page__history .Content__left .Mainbox__dictionary li a {background-size: 220px; 
padding-top: 250px; 
}
.Page__history .Content__left .Mainbox__dictionary li:first-child {margin-left: 0; 
}
.Page__history .Content__left .Mainbox__dictionary li:last-child {margin-right: 0; 
}
.Page__history .Content__left .Mainbox__dictionary .Dictionary__link {margin-top: 15px; 
}
.Page__history .Content__left .Mainbox__dictionary .Dictionary__link li {
    background: url(/html/template/default/assets/img/ico_arrow001.png) left center no-repeat; 
    /* background-position: left top 10px; 
font-size: 1.6rem; 
    */
    margin-top: 5px; 
}
.Page__history .Content__left .Mainbox__dictionary .Dictionary__link li a {
    padding: 0 0 0 15px; 
text-align: left; 
}
.Page__history .Content__left .Content__world_link:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
.Page__history .Content__left .Content__world_link li:first-child {
    margin-left: 0; 
}
.Page__history .Content__left .Content__world_link li a {
    display: block; 
    padding: 56px 0; 
    text-align: center; 
    border: none; 
    font-size: 2.8rem; 
    font-weight: bold; 
    border: 1px solid #ddd; 
    background-size: cover; 
    background-repeat: no-repeat; 
}

.Page__history .Content__left .Content__world_link li p {
    margin-top: 20px; 
}
.Page__history #Cosmetic__column .Mainbox__dictionary .Mainbox__dictionary_list .Mainbox__dictionary_ttl {
    font-size: 2rem; 
}
    @media only screen and (min-width: 769px) {      
        .Page__history .Content__left .Content__world_link li {
            width: 410px; 
            float: left; 
            margin-left: 40px; 
        } 
        .Page__history #Cosmetic__column .Mainbox__dictionary .Mainbox__dictionary_list > li {
            width: 22%; 
            margin-left: 4%; 
            margin-right: 0; 
            float: left;
        }
        .Page__history #Cosmetic__column .Mainbox__dictionary .Mainbox__dictionary_list > li:first-child {
            margin-left: 0; 
        }
        .Page__history #Cosmetic__column .Mainbox__dictionary .Mainbox__dictionary_list > li > a {
            background-size: 100%; 
            padding-top: 200px; 
        }
        .Page__history #Cosmetic__column .Mainbox__dictionary .Mainbox__dictionary_list .Dictionary__link {
            width: 100%; 
        }
    } 


    /*--------------------------------------------
     Page_list.css
    
    ============================================*/
.Page__list, .Page__brand, .Page__category, .Page__cart, .Page__product, .Page__forest, .Page__history, .Page__food, .Page__cosmetic, .Page__trouble, .Page__point, .Page__base
{/* メディア */ }
/* .Page__list .Content, .Page__brand .Content, .Page__category .Content, .Page__cart .Content, .Page__product .Content, .Page__forest .Content, .Page__history .Content, .Page__food .Content, .Page__cosmetic .Content, .Page__trouble .Content, .Page__point .Content, .Page__base .Content {
    width: 1280px; 
    margin: 0 auto; 
    position: relative; 
} */
.Page__list .Content .Mainbox__item, .Page__brand .Content .Mainbox__item, .Page__category .Content .Mainbox__item, .Page__cart .Content .Mainbox__item, .Page__product .Content .Mainbox__item, .Page__forest .Content .Mainbox__item, .Page__history .Content .Mainbox__item, .Page__food .Content .Mainbox__item, .Page__cosmetic .Content .Mainbox__item, .Page__trouble .Content .Mainbox__item, .Page__point .Content .Mainbox__item, .Page__base .Content .Mainbox__item {
    padding-top: 0; 
}
.Page__list .Content__left .Content__ttl span, .Page__brand .Content__left .Content__ttl span, .Page__category .Content__left .Content__ttl span, .Page__cart .Content__left .Content__ttl span, .Page__product .Content__left .Content__ttl span, .Page__forest .Content__left .Content__ttl span, .Page__history .Content__left .Content__ttl span, .Page__food .Content__left .Content__ttl span, .Page__cosmetic .Content__left .Content__ttl span, .Page__trouble .Content__left .Content__ttl span, .Page__point .Content__left .Content__ttl span, .Page__base .Content__left .Content__ttl span {
    font-size: 1.8rem; 
}
.Page__list .Content__left .Content__ttl span.rank, .Page__brand .Content__left .Content__ttl span.rank, .Page__category .Content__left .Content__ttl span.rank, .Page__cart .Content__left .Content__ttl span.rank, .Page__product .Content__left .Content__ttl span.rank, .Page__forest .Content__left .Content__ttl span.rank, .Page__history .Content__left .Content__ttl span.rank, .Page__food .Content__left .Content__ttl span.rank, .Page__cosmetic .Content__left .Content__ttl span.rank, .Page__trouble .Content__left .Content__ttl span.rank, .Page__point .Content__left .Content__ttl span.rank, .Page__base .Content__left .Content__ttl span.rank {
    display: block; 
}
.Page__list .Content__left .Content__logo, .Page__brand .Content__left .Content__logo, .Page__category .Content__left .Content__logo, .Page__cart .Content__left .Content__logo, .Page__product .Content__left .Content__logo, .Page__forest .Content__left .Content__logo, .Page__history .Content__left .Content__logo, .Page__food .Content__left .Content__logo, .Page__cosmetic .Content__left .Content__logo, .Page__trouble .Content__left .Content__logo, .Page__point .Content__left .Content__logo, .Page__base .Content__left .Content__logo {
    text-align: center; 
    margin-top: 60px; 
    }
.Page__list .Mainbox__edible, .Page__brand .Mainbox__edible, .Page__category .Mainbox__edible, .Page__cart .Mainbox__edible, .Page__product .Mainbox__edible, .Page__forest .Mainbox__edible, .Page__history .Mainbox__edible, .Page__food .Mainbox__edible, .Page__cosmetic .Mainbox__edible, .Page__trouble .Mainbox__edible, .Page__point .Mainbox__edible, .Page__base .Mainbox__edible {
    margin-top: 60px; 
    }
.Page__list .Mainbox__edible .Mainbox__dictionary_ttl, .Page__brand .Mainbox__edible .Mainbox__dictionary_ttl, .Page__category .Mainbox__edible .Mainbox__dictionary_ttl, .Page__cart .Mainbox__edible .Mainbox__dictionary_ttl, .Page__product .Mainbox__edible .Mainbox__dictionary_ttl, .Page__forest .Mainbox__edible .Mainbox__dictionary_ttl, .Page__history .Mainbox__edible .Mainbox__dictionary_ttl, .Page__food .Mainbox__edible .Mainbox__dictionary_ttl, .Page__cosmetic .Mainbox__edible .Mainbox__dictionary_ttl, .Page__trouble .Mainbox__edible .Mainbox__dictionary_ttl, .Page__point .Mainbox__edible .Mainbox__dictionary_ttl, .Page__base .Mainbox__edible .Mainbox__dictionary_ttl {
    line-height: 1.3; 
}
.Page__list .Mainbox__edible .Dictionary__link, .Page__brand .Mainbox__edible .Dictionary__link, .Page__category .Mainbox__edible .Dictionary__link, .Page__cart .Mainbox__edible .Dictionary__link, .Page__product .Mainbox__edible .Dictionary__link, .Page__forest .Mainbox__edible .Dictionary__link, .Page__history .Mainbox__edible .Dictionary__link, .Page__food .Mainbox__edible .Dictionary__link, .Page__cosmetic .Mainbox__edible .Dictionary__link, .Page__trouble .Mainbox__edible .Dictionary__link, .Page__point .Mainbox__edible .Dictionary__link, .Page__base .Mainbox__edible .Dictionary__link {
    margin-top: 15px; 
}
.Page__list .Mainbox__edible .Dictionary__link li, .Page__brand .Mainbox__edible .Dictionary__link li, .Page__category .Mainbox__edible .Dictionary__link li, .Page__cart .Mainbox__edible .Dictionary__link li, .Page__product .Mainbox__edible .Dictionary__link li, .Page__forest .Mainbox__edible .Dictionary__link li, .Page__history .Mainbox__edible .Dictionary__link li, .Page__food .Mainbox__edible .Dictionary__link li, .Page__cosmetic .Mainbox__edible .Dictionary__link li, .Page__trouble .Mainbox__edible .Dictionary__link li, .Page__point .Mainbox__edible .Dictionary__link li, .Page__base .Mainbox__edible .Dictionary__link li {
    background: url(/html/template/default/assets/img/ico_arrow001.png) left center no-repeat; 
    background-position: left top 10px; 
    font-size: 1.6rem; 
    margin-top: 5px; 
}
.Page__list .Mainbox__edible .Dictionary__link li a, .Page__brand .Mainbox__edible .Dictionary__link li a, .Page__category .Mainbox__edible .Dictionary__link li a, .Page__cart .Mainbox__edible .Dictionary__link li a, .Page__product .Mainbox__edible .Dictionary__link li a, .Page__forest .Mainbox__edible .Dictionary__link li a, .Page__history .Mainbox__edible .Dictionary__link li a, .Page__food .Mainbox__edible .Dictionary__link li a, .Page__cosmetic .Mainbox__edible .Dictionary__link li a, .Page__trouble .Mainbox__edible .Dictionary__link li a, .Page__point .Mainbox__edible .Dictionary__link li a, .Page__base .Mainbox__edible .Dictionary__link li a {
    padding: 0 0 0 15px; 
text-align: left; 
}
.Page__list .Content__left .Mainbox__item .Mainbox__item_list li, .Page__brand .Content__left .Mainbox__item .Mainbox__item_list li, .Page__category .Content__left .Mainbox__item .Mainbox__item_list li, .Page__cart .Content__left .Mainbox__item .Mainbox__item_list li, .Page__product .Content__left .Mainbox__item .Mainbox__item_list li, .Page__forest .Content__left .Mainbox__item .Mainbox__item_list li, .Page__history .Content__left .Mainbox__item .Mainbox__item_list li, .Page__food .Content__left .Mainbox__item .Mainbox__item_list li, .Page__cosmetic .Content__left .Mainbox__item .Mainbox__item_list li, .Page__trouble .Content__left .Mainbox__item .Mainbox__item_list li, .Page__point .Content__left .Mainbox__item .Mainbox__item_list li, .Page__base .Content__left .Mainbox__item .Mainbox__item_list li {
    width: 230px; 
    margin-left: 20px; 
    margin-top: 0px;
}
@media only screen and (min-width: 769px) {
.Page__list .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__brand .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__category .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__cart .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__product .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__forest .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__history .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__food .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__cosmetic .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__trouble .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__point .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1), .Page__base .Content__left .Mainbox__item .Mainbox__item_list li:nth-child(4n+1) {
    margin-left: 0; 
}
}
.Page__list .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__brand .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__category .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__cart .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__product .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__forest .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__history .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__food .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__cosmetic .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__trouble .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__point .Content__left .Mainbox__item .Mainbox__item_list .Item__img, .Page__base .Content__left .Mainbox__item .Mainbox__item_list .Item__img {
    width: 230px; 
height: 230px; 
}
.Page__list .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__brand .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__category .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__cart .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__product .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__forest .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__history .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__food .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__cosmetic .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__trouble .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__point .Content__left .Mainbox__item .Mainbox__item_list .Item__img img, .Page__base .Content__left .Mainbox__item .Mainbox__item_list .Item__img img {
    width: 100% !important; 
height: auto; 
}
.Page__list .Content__left .Mainbox__item.Mainbox__item--media li, .Page__brand .Content__left .Mainbox__item.Mainbox__item--media li, .Page__category .Content__left .Mainbox__item.Mainbox__item--media li, .Page__cart .Content__left .Mainbox__item.Mainbox__item--media li, .Page__product .Content__left .Mainbox__item.Mainbox__item--media li, .Page__forest .Content__left .Mainbox__item.Mainbox__item--media li, .Page__history .Content__left .Mainbox__item.Mainbox__item--media li, .Page__food .Content__left .Mainbox__item.Mainbox__item--media li, .Page__cosmetic .Content__left .Mainbox__item.Mainbox__item--media li, .Page__trouble .Content__left .Mainbox__item.Mainbox__item--media li, .Page__point .Content__left .Mainbox__item.Mainbox__item--media li, .Page__base .Content__left .Mainbox__item.Mainbox__item--media li {
    width: 31%; 
margin: 60px 3.5% 0 0; 
}
.Page__list .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__brand .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__category .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__cart .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__product .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__forest .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__history .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__food .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__cosmetic .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__trouble .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__point .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n), .Page__base .Content__left .Mainbox__item.Mainbox__item--media li:nth-child(3n) {
    margin-right: 0 !important; 
}
.Page__list .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__brand .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__category .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__cart .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__product .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__forest .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__history .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__food .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__cosmetic .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__trouble .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__point .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl, .Page__base .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_ttl {
    color: #367d46; 
border-bottom: 1px solid #ccc; 
}
.Page__list .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__brand .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__category .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__cart .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__product .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__forest .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__history .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__food .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__cosmetic .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__trouble .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__point .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link, .Page__base .Content__left .Mainbox__item.Mainbox__item--media li .Mainbox__item_link {
    margin-top: 10px; 
text-align: center; 
}
.Page__list .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__brand .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__category .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__cart .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__product .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__forest .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__history .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__food .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__cosmetic .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__trouble .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__point .Content__left .Mainbox__item.Mainbox__item--media li .Item__img, .Page__base .Content__left .Mainbox__item.Mainbox__item--media li .Item__img {
    text-align: center; 
width: 100%; 
height: 200px; 
padding: 10px; 
box-sizing: border-box; 
background: #fff; 
}
.Page__list .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__brand .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__category .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__cart .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__product .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__forest .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__history .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__food .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__cosmetic .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__trouble .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__point .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img, .Page__base .Content__left .Mainbox__item.Mainbox__item--media li .Item__img img {
    max-height: 180px; 
width: auto !important; 
}
.Page__list .Content__list--health .health_item, .Page__brand .Content__list--health .health_item, .Page__category .Content__list--health .health_item, .Page__cart .Content__list--health .health_item, .Page__product .Content__list--health .health_item, .Page__forest .Content__list--health .health_item, .Page__history .Content__list--health .health_item, .Page__food .Content__list--health .health_item, .Page__cosmetic .Content__list--health .health_item, .Page__trouble .Content__list--health .health_item, .Page__point .Content__list--health .health_item, .Page__base .Content__list--health .health_item {
    margin-top: 50px; 
width: 310px; 
}
.Page__list .Content__list--health .health_item .Entry_ttl, .Page__brand .Content__list--health .health_item .Entry_ttl, .Page__category .Content__list--health .health_item .Entry_ttl, .Page__cart .Content__list--health .health_item .Entry_ttl, .Page__product .Content__list--health .health_item .Entry_ttl, .Page__forest .Content__list--health .health_item .Entry_ttl, .Page__history .Content__list--health .health_item .Entry_ttl, .Page__food .Content__list--health .health_item .Entry_ttl, .Page__cosmetic .Content__list--health .health_item .Entry_ttl, .Page__trouble .Content__list--health .health_item .Entry_ttl, .Page__point .Content__list--health .health_item .Entry_ttl, .Page__base .Content__list--health .health_item .Entry_ttl {
    text-align: center; 
font-size: 2.6rem; 
}
.Page__list .Content__list--health .health_item .Entry_ttl a, .Page__brand .Content__list--health .health_item .Entry_ttl a, .Page__category .Content__list--health .health_item .Entry_ttl a, .Page__cart .Content__list--health .health_item .Entry_ttl a, .Page__product .Content__list--health .health_item .Entry_ttl a, .Page__forest .Content__list--health .health_item .Entry_ttl a, .Page__history .Content__list--health .health_item .Entry_ttl a, .Page__food .Content__list--health .health_item .Entry_ttl a, .Page__cosmetic .Content__list--health .health_item .Entry_ttl a, .Page__trouble .Content__list--health .health_item .Entry_ttl a, .Page__point .Content__list--health .health_item .Entry_ttl a, .Page__base .Content__list--health .health_item .Entry_ttl a {
    color: #367d46; 
border-bottom: none; 
display: block; 
}
.Page__list .Content__list--health .health_item p, .Page__brand .Content__list--health .health_item p, .Page__category .Content__list--health .health_item p, .Page__cart .Content__list--health .health_item p, .Page__product .Content__list--health .health_item p, .Page__forest .Content__list--health .health_item p, .Page__history .Content__list--health .health_item p, .Page__food .Content__list--health .health_item p, .Page__cosmetic .Content__list--health .health_item p, .Page__trouble .Content__list--health .health_item p, .Page__point .Content__list--health .health_item p, .Page__base .Content__list--health .health_item p {
    margin-top: 30px; 
}
.Page__list .Content__recipe_ttl, .Page__brand .Content__recipe_ttl, .Page__category .Content__recipe_ttl, .Page__cart .Content__recipe_ttl, .Page__product .Content__recipe_ttl, .Page__forest .Content__recipe_ttl, .Page__history .Content__recipe_ttl, .Page__food .Content__recipe_ttl, .Page__cosmetic .Content__recipe_ttl, .Page__trouble .Content__recipe_ttl, .Page__point .Content__recipe_ttl, .Page__base .Content__recipe_ttl {
    font-weight: bold; 
}
.Page__list .Content__recipe_list.material, .Page__brand .Content__recipe_list.material, .Page__category .Content__recipe_list.material, .Page__cart .Content__recipe_list.material, .Page__product .Content__recipe_list.material, .Page__forest .Content__recipe_list.material, .Page__history .Content__recipe_list.material, .Page__food .Content__recipe_list.material, .Page__cosmetic .Content__recipe_list.material, .Page__trouble .Content__recipe_list.material, .Page__point .Content__recipe_list.material, .Page__base .Content__recipe_list.material {
    width: 540px; 
float: left; 
}
.Page__list .Content__recipe_list li, .Page__brand .Content__recipe_list li, .Page__category .Content__recipe_list li, .Page__cart .Content__recipe_list li, .Page__product .Content__recipe_list li, .Page__forest .Content__recipe_list li, .Page__history .Content__recipe_list li, .Page__food .Content__recipe_list li, .Page__cosmetic .Content__recipe_list li, .Page__trouble .Content__recipe_list li, .Page__point .Content__recipe_list li, .Page__base .Content__recipe_list li {
    text-indent: -2em; 
margin-top: 0; 
padding-left: 2em; 
}
.Page__list .Content__recipe_item, .Page__brand .Content__recipe_item, .Page__category .Content__recipe_item, .Page__cart .Content__recipe_item, .Page__product .Content__recipe_item, .Page__forest .Content__recipe_item, .Page__history .Content__recipe_item, .Page__food .Content__recipe_item, .Page__cosmetic .Content__recipe_item, .Page__trouble .Content__recipe_item, .Page__point .Content__recipe_item, .Page__base .Content__recipe_item {
    width: 280px; 
float: right; 
box-sizing: border-box; 
border: 1px dashed #ccc; 
padding: 1em !important; 
}
.Page__list .Content__recipe_item > p, .Page__brand .Content__recipe_item > p, .Page__category .Content__recipe_item > p, .Page__cart .Content__recipe_item > p, .Page__product .Content__recipe_item > p, .Page__forest .Content__recipe_item > p, .Page__history .Content__recipe_item > p, .Page__food .Content__recipe_item > p, .Page__cosmetic .Content__recipe_item > p, .Page__trouble .Content__recipe_item > p, .Page__point .Content__recipe_item > p, .Page__base .Content__recipe_item > p {
    font-size: 1.4rem; 
font-weight: bold; 
text-align: center; 
}
.Page__list .Content__recipe_item .Item__img, .Page__brand .Content__recipe_item .Item__img, .Page__category .Content__recipe_item .Item__img, .Page__cart .Content__recipe_item .Item__img, .Page__product .Content__recipe_item .Item__img, .Page__forest .Content__recipe_item .Item__img, .Page__history .Content__recipe_item .Item__img, .Page__food .Content__recipe_item .Item__img, .Page__cosmetic .Content__recipe_item .Item__img, .Page__trouble .Content__recipe_item .Item__img, .Page__point .Content__recipe_item .Item__img, .Page__base .Content__recipe_item .Item__img {
    width: 240px; 
margin: auto; 
}
.Page__list .Content__recipe_item .Item_catch, .Page__brand .Content__recipe_item .Item_catch, .Page__category .Content__recipe_item .Item_catch, .Page__cart .Content__recipe_item .Item_catch, .Page__product .Content__recipe_item .Item_catch, .Page__forest .Content__recipe_item .Item_catch, .Page__history .Content__recipe_item .Item_catch, .Page__food .Content__recipe_item .Item_catch, .Page__cosmetic .Content__recipe_item .Item_catch, .Page__trouble .Content__recipe_item .Item_catch, .Page__point .Content__recipe_item .Item_catch, .Page__base .Content__recipe_item .Item_catch {
    font-size: 1.2rem; 
}
.Page__list .Content__recipe_item .Item_ttl, .Page__brand .Content__recipe_item .Item_ttl, .Page__category .Content__recipe_item .Item_ttl, .Page__cart .Content__recipe_item .Item_ttl, .Page__product .Content__recipe_item .Item_ttl, .Page__forest .Content__recipe_item .Item_ttl, .Page__history .Content__recipe_item .Item_ttl, .Page__food .Content__recipe_item .Item_ttl, .Page__cosmetic .Content__recipe_item .Item_ttl, .Page__trouble .Content__recipe_item .Item_ttl, .Page__point .Content__recipe_item .Item_ttl, .Page__base .Content__recipe_item .Item_ttl {
    font-size: 1.4rem; 
font-weight: bold; 
}
.Page__list .Content__recipe_item a, .Page__brand .Content__recipe_item a, .Page__category .Content__recipe_item a, .Page__cart .Content__recipe_item a, .Page__product .Content__recipe_item a, .Page__forest .Content__recipe_item a, .Page__history .Content__recipe_item a, .Page__food .Content__recipe_item a, .Page__cosmetic .Content__recipe_item a, .Page__trouble .Content__recipe_item a, .Page__point .Content__recipe_item a, .Page__base .Content__recipe_item a {
    display: block; 
border: 0; 
}
.Page__list .Content__recipe_item div:not(:first-child), .Page__brand .Content__recipe_item div:not(:first-child), .Page__category .Content__recipe_item div:not(:first-child), .Page__cart .Content__recipe_item div:not(:first-child), .Page__product .Content__recipe_item div:not(:first-child), .Page__forest .Content__recipe_item div:not(:first-child), .Page__history .Content__recipe_item div:not(:first-child), .Page__food .Content__recipe_item div:not(:first-child), .Page__cosmetic .Content__recipe_item div:not(:first-child), .Page__trouble .Content__recipe_item div:not(:first-child), .Page__point .Content__recipe_item div:not(:first-child), .Page__base .Content__recipe_item div:not(:first-child) {
    padding-left: 0; 
}
.Page__list .Content__recipe_point, .Page__brand .Content__recipe_point, .Page__category .Content__recipe_point, .Page__cart .Content__recipe_point, .Page__product .Content__recipe_point, .Page__forest .Content__recipe_point, .Page__history .Content__recipe_point, .Page__food .Content__recipe_point, .Page__cosmetic .Content__recipe_point, .Page__trouble .Content__recipe_point, .Page__point .Content__recipe_point, .Page__base .Content__recipe_point {
        margin: 40px 0 0 60px; 
        padding: 30px; 
        background: url(/html/template/default/assets/img/bg002.png) left top repeat; 
        position: relative; 
        color: #367d46; 
        font-size: 1.6rem; 
        }
.Page__list .Content__recipe_point:before, .Page__brand .Content__recipe_point:before, .Page__category .Content__recipe_point:before, .Page__cart .Content__recipe_point:before, .Page__product .Content__recipe_point:before, .Page__forest .Content__recipe_point:before, .Page__history .Content__recipe_point:before, .Page__food .Content__recipe_point:before, .Page__cosmetic .Content__recipe_point:before, .Page__trouble .Content__recipe_point:before, .Page__point .Content__recipe_point:before, .Page__base .Content__recipe_point:before {
    content: ""; 
    background: url(/html/template/default/assets/img/ico_recipe.png) left top no-repeat; 
    background-size: cover; 
    width: 89px; 
    height: 67px; 
    position: absolute; 
    top: -10px; 
    left: -60px; 
}
.Mainbox__column a {
    border-bottom: none; 
}
.Mainbox__column .Mainbox__column_post {
    margin-top: 20px; 
}
.Mainbox__column .Mainbox__column_post li:nth-child(3n+1) {
    margin-left: 0%; 
}
.Mainbox__column .Mainbox__column_post li a {
    display: block; 
    padding-bottom: 0%; 
}
.Mainbox__column .Mainbox__column_post li a .Mainbox__column_content {
    padding: 1em; 
}
.Mainbox__column .Mainbox__column_ttl {
    font-size: 1.7rem; 
    text-align: center; 
    color: #367d46; 
    font-weight: bold; 
    line-height: 1.4; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding-left: 20px; 
}
.Mainbox__column .Mainbox__column_catch {
    font-size: 1.4rem; 
    margin-bottom: .5em; 
    font-weight: bold; 
}
.Mainbox__column .Mainbox__column_txt {
    margin-top: 15px; 
    font-size: 1.4rem; 
    line-height: 1.6; 
}
@media only screen and (min-width: 769px) {
    .Mainbox__column .Mainbox__column_post li {
        display: inline-block; 
        width: 100%; 
        box-sizing: border-box; 
        margin-left: 1%; 
        margin-top: 20px; 
        vertical-align: top; 
        background-color: #fff; 
}
    .Mainbox__column .Mainbox__column_post li {
        width: 32%;
        /* margin-left: 0%; */
    }
    .Mainbox__column .Mainbox__column_ttl {
        padding-left: 0px; 
    }
}


.Mainbox__dictionary .Mainbox__dictionary_list {
    margin-top: 45px; 
}
.Mainbox__dictionary .Mainbox__dictionary_list:after {
    content: ""; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
.Mainbox__dictionary .Mainbox__dictionary--history, .Mainbox__dictionary .Mainbox__dictionary--tree, .Mainbox__dictionary .Mainbox__dictionary--world, .Mainbox__dictionary .Mainbox__dictionary--oil {
    float: left; 
width: 290px; 
text-align: center; 
margin: 0 15px; 
vertical-align: top; 
}
.Mainbox__dictionary .Mainbox__dictionary--history a, .Mainbox__dictionary .Mainbox__dictionary--tree a, .Mainbox__dictionary .Mainbox__dictionary--world a, .Mainbox__dictionary .Mainbox__dictionary--oil a {
    display: block; 
padding-top: 315px; 
border-bottom: none; 
}
.Mainbox__dictionary .Mainbox__dictionary_list > li .Mainbox__dictionary_txt {
    font-size: 1.2rem;
    margin-top: 5px;
}
.Mainbox__dictionary .Mainbox__dictionary_list > li .Dictionary__link li {
    width: 100%;
    font-size: 1.4rem !important;
}
@media only screen and (min-width: 769px) {
    .Mainbox__dictionary .Mainbox__dictionary_txt {
        font-size: 1.6rem; 
        text-align: left; 
    }
    .Mainbox__dictionary .Mainbox__dictionary_ttl {
        font-size: 2.4rem; 
        margin-bottom: 15px; 
        font-weight: bold; 
    }
}
/*--------------------------------------------
 Page_forest.css

============================================*/
.Page__forest .Mainbox__column .Mainbox__column_post:first-child {
    margin-top: 0; 
    }
.Page__forest .Mainbox__column .Mainbox__column_post div {
    width: 100%; 
    box-sizing: border-box; 
    padding: 10px; 
    }
.Page__forest .Mainbox__column .Mainbox__column_post div .Mainbox__column_ttl {
    background: url(/html/template/default/assets/img/ico_arrow005.png) left center no-repeat; 
    }
.Page__forest .Mainbox--flow {
    margin: 60px auto 100px; 
    }
.Page__forest .Mainbox--flow .Content__entry {
    font-size: 1.8rem; 
    margin-top: 0; 
    }
.Page__forest .Mainbox--flow .Content__entry:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
.Page__forest .Mainbox--flow .Content__entry .Entry_txt, .Page__forest .Mainbox--flow .Content__entry .Entry_img {
    vertical-align: middle; 
    display: block; 
    float: right; 
    }
.Page__forest .Mainbox--flow .Content__entry .Entry_txt .highlight, .Page__forest .Mainbox--flow .Content__entry .Entry_img .highlight {
    color: #fff; 
    background: #367d46; 
    padding: 8px; 
    }
.Page__forest .Mainbox--flow .Content__entry .Entry_txt {
    /* width: 520px;  */
    padding-right: 40px; 
    padding-left: 0; 
    }
.Page__forest .Mainbox--flow .Section__ttl, .Page__forest .Mainbox--flow .Page__other .Section__ttl--bdr, .Page__other .Page__forest .Mainbox--flow .Section__ttl--bdr, .Page__forest .Mainbox--flow .Page__about .Section__ttl--bdr, .Page__about .Page__forest .Mainbox--flow .Section__ttl--bdr, .Page__forest .Mainbox--flow .Page__list .Section__ttl--bdr, .Page__list .Page__forest .Mainbox--flow .Section__ttl--bdr {
    font-size: 4.2rem; 
    padding-top: 20px; 
    margin-top: 0; 
    color: #367d46; 
    border-bottom: 1px solid #ccc; 
    }
.Page__forest .Mainbox--flow #flow_step01:after, .Page__forest .Mainbox--flow #flow_step03:after, .Page__forest .Mainbox--flow #flow_step05:after, .Page__forest .Mainbox--flow #flow_step07:after, .Page__forest .Mainbox--flow #flow_step09:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
.Page__forest .Mainbox--flow #flow_step01 .Entry_txt, .Page__forest .Mainbox--flow #flow_step01 .Entry_img, .Page__forest .Mainbox--flow #flow_step03 .Entry_txt, .Page__forest .Mainbox--flow #flow_step03 .Entry_img, .Page__forest .Mainbox--flow #flow_step05 .Entry_txt, .Page__forest .Mainbox--flow #flow_step05 .Entry_img, .Page__forest .Mainbox--flow #flow_step07 .Entry_txt, .Page__forest .Mainbox--flow #flow_step07 .Entry_img, .Page__forest .Mainbox--flow #flow_step09 .Entry_txt, .Page__forest .Mainbox--flow #flow_step09 .Entry_img {
    float: left; 
    }
.Page__forest .Mainbox--flow #flow_step01 .Entry_txt, .Page__forest .Mainbox--flow #flow_step03 .Entry_txt, .Page__forest .Mainbox--flow #flow_step05 .Entry_txt, .Page__forest .Mainbox--flow #flow_step07 .Entry_txt, .Page__forest .Mainbox--flow #flow_step09 .Entry_txt {
    padding-right: 0; 
    padding-left: 40px; 
    }
.Page__forest .Mainbox--flow #flow_step01 .Section__ttl, 
.Page__forest .Mainbox--flow #flow_step01 .Page__other .Section__ttl--bdr, 
.Page__other .Page__forest .Mainbox--flow #flow_step01 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step01 .Page__about .Section__ttl--bdr, 
.Page__about .Page__forest .Mainbox--flow #flow_step01 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step01 .Page__list .Section__ttl--bdr, 
.Page__list .Page__forest .Mainbox--flow #flow_step01 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step03 .Section__ttl, 
.Page__forest .Mainbox--flow #flow_step03 .Page__other .Section__ttl--bdr, 
.Page__other .Page__forest .Mainbox--flow #flow_step03 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step03 .Page__about .Section__ttl--bdr, 
.Page__about .Page__forest .Mainbox--flow #flow_step03 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step03 .Page__list .Section__ttl--bdr, 
.Page__list .Page__forest .Mainbox--flow #flow_step03 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step05 .Section__ttl, 
.Page__forest .Mainbox--flow #flow_step05 .Page__other .Section__ttl--bdr, 
.Page__other .Page__forest .Mainbox--flow #flow_step05 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step05 .Page__about .Section__ttl--bdr, 
.Page__about .Page__forest .Mainbox--flow #flow_step05 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step05 .Page__list .Section__ttl--bdr, 
.Page__list .Page__forest .Mainbox--flow #flow_step05 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step07 .Section__ttl, 
.Page__forest .Mainbox--flow #flow_step07 .Page__other .Section__ttl--bdr, 
.Page__other .Page__forest .Mainbox--flow #flow_step07 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step07 .Page__about .Section__ttl--bdr, 
.Page__about .Page__forest .Mainbox--flow #flow_step07 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step07 .Page__list .Section__ttl--bdr, 
.Page__list .Page__forest .Mainbox--flow #flow_step07 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step09 .Section__ttl, 
.Page__forest .Mainbox--flow #flow_step09 .Page__other .Section__ttl--bdr, 
.Page__other .Page__forest .Mainbox--flow #flow_step09 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step09 .Page__about .Section__ttl--bdr, 
.Page__about .Page__forest .Mainbox--flow #flow_step09 .Section__ttl--bdr, 
.Page__forest .Mainbox--flow #flow_step09 .Page__list .Section__ttl--bdr, 
.Page__list .Page__forest .Mainbox--flow #flow_step09 .Section__ttl--bdr {
    text-align: right; 
    }
.Page__forest .Mainbox--flow .Entry_comment {
    max-width: 440px; 
    padding: 10px; 
    box-sizing: border-box; 
    background: url(/html/template/default/assets/img/bg002.png) left top repeat; 
    line-height: 1.5; 
    }
.Page__forest .Mainbox--flow .Entry_comment p {
    margin-top: 5px; 
    font-size: 1.6rem; 
    }
.Page__forest .Mainbox--flow .Entry_comment .Entry_inner {
    border: 2px solid #367d46; 
    padding: 15px; 
    }
.Page__forest .Mainbox--flow .Entry_comment .Entry_inner .Comment_ttl {
    color: #367d46; 
    font-size: 2.0rem; 
    font-weight: bold; 
    text-align: center; 
    }

.Page__forest .Content__list--farm, .Page__history .Content__list--farm {
    padding-left: 20px; 
    }
.Page__forest .Content__list--farm li, .Page__history .Content__list--farm li {
    width: 50%; 
    margin-bottom: 30px; 
    margin-left: 0; 
    }
.Page__forest .Content__list--farm li:nth-child(2n+1), .Page__history .Content__list--farm li:nth-child(2n+1) {
    margin-left: 0; 
    }
.Page__forest .Content__list--farm li > div, .Page__forest .Content__list--farm li > p, .Page__history .Content__list--farm li > div, .Page__history .Content__list--farm li > p {
    display: table-cell; 
    }
.Page__forest .Content__list--farm li div, .Page__history .Content__list--farm li div {
    position: relative; 
    left: -20px; 
    top: -15px; 
    }
.Page__forest .Content__list--farm li p, .Page__history .Content__list--farm li p {
    font-size: 1.6rem; 
    line-height: 1.6; 
    padding-right: 20px; 
    }
.Page__forest .Table__info, .Page__history .Table__info {
    font-size: 1.5rem; 
    }
.Page__forest .Table__info.Table__company, .Page__history .Table__info.Table__company {
    margin-top: 0; 
    }
.Page__forest .Table__info.Table__company tr, .Page__history .Table__info.Table__company tr {
    border: none; 
    }
.Page__forest .Table__info.Table__company tr:first-child th, .Page__forest .Table__info.Table__company tr:first-child td, .Page__history .Table__info.Table__company tr:first-child th, .Page__history .Table__info.Table__company tr:first-child td {
    padding-top: 0; 
    }
.Page__forest .Table__info.Table__company th, .Page__history .Table__info.Table__company th {
    color: #606060; 
    width: 30%; 
    padding-right: 20px; 
    }
.Page__forest .Table__info.Table__company td, .Page__history .Table__info.Table__company td {
    width: 70%; 
    }
.Page__forest .Table__info.Table__company p, .Page__forest .Table__info.Table__company .Label_link, .Page__history .Table__info.Table__company p, .Page__history .Table__info.Table__company .Label_link {
    display: inline-block; 
    }
.Page__forest .Table__info.Table__company .Label_link, .Page__history .Table__info.Table__company .Label_link {
    background: url(/html/template/default/assets/img/ico_link.png) left 5px center no-repeat; 
    background-color: #aaaaaa; 
    color: #fff; 
    font-size: 1.2rem; 
    border-bottom: none; 
    padding: 0px 5px 0px 25px; 
    margin-left: 5px; 
    }
.Page__forest .Table__info.Table__company .Label_link.Label_link--naopam, .Page__history .Table__info.Table__company .Label_link.Label_link--naopam {
    background-color: #d5c8a0; 
    }
.Page__forest .Table__info.Table__company .Label_link.Label_link--setouchi, .Page__history .Table__info.Table__company .Label_link.Label_link--setouchi {
    background-color: #73a141; 
    }
.Page__forest .Content__ttl_sub--award, .Page__history .Content__ttl_sub--award {
    text-align: center; 
    padding: 40px 0 0; 
    background: none; 
    }
.Page__forest .Content__ttl_sub--award .inner, .Page__history .Content__ttl_sub--award .inner {
    display: block; 
    padding: 5px 20px; 
    background: url(/html/template/default/assets/img/bg_border006.png) left top repeat; 
    }
.Page__forest .Content__ttl_sub--award .inner span, .Page__history .Content__ttl_sub--award .inner span {
    position: relative; 
    }
.Page__forest .Content__ttl_sub--award .inner span:before, .Page__history .Content__ttl_sub--award .inner span:before {
    content: url("/html/template/default/assets/img/ico_flower.png"); 
    position: absolute; 
    top: -15px; 
    left: -60px; 
    }
.Page__forest .Content__ttl_sub--award + .Content__ttl, .Page__history .Content__ttl_sub--award + .Content__ttl {
    margin-top: 30px; 
    padding-top: 0 !important; 
    border: none !important; 
    }
.Page__forest .Link__corp, .Page__history .Link__corp {
    font-size: 1.5rem; 
    text-align: right; 
    margin-top: 20px; 
    }
.Page__forest .Link__corp a, .Page__history .Link__corp a {
    color: #367d46; 
    border: none; 
    font-weight: bold; 
    background: url(/html/template/default/assets/img/ico_link002.png) left 5px center no-repeat; 
    padding-left: 25px; 
    }
.Page__forest .Link__corp a span, .Page__history .Link__corp a span {
    color: #aaa; 
    font-size: 1.2rem; 
    font-weight: normal; 
    }



/*=========================
	Table
=========================*/
.Table__info {
    width: 100%; 
    margin-top: 30px; 
    }
.Table__info tr {
    border-bottom: 1px dotted #ccc; 
    }
.Table__info th, .Table__info td {
    padding: 15px 0; 
    vertical-align: top; 
    }
.Table__info th {
    font-weight: bold; 
    color: #367d46; 
    white-space: nowrap; 
    padding-right: 60px; 
    }

.Table__world {
    border-collapse: separate; 
    width: 100%; 
    table-layout: fixed; 
    margin: 30px 0 10px; 
    font-size: 1.3rem; 
    border-bottom: 1px solid #ccc; 
    }
.Table__world td, .Table__world th {
    border-left: 1px solid #ccc; 
    border-top: 1px solid #ccc; 
    padding: 10px; 
    box-sizing: border-box; 
    }
.Table__world tr.world th {
    text-align: center; 
    width: 85px; 
    padding: 3px; 
    }
.Table__world th:first-child {
    border-left: none; 
    }
.Table__world td {
    /* text-align: right;  */
    }

.Table__normal {
    width: 100%; 
    text-align: center; 
    margin-top: 30px; 
    font-size: 1.6rem; 
    background-color: #fff; 
    border-collapse: separate; 
    }
.Table__normal .Table__ttl {
    border: none; 
    }
.Table__normal .Table__cell_left {
    text-align: left; 
    }
.Table__normal .Table__cell_left select {
    color: #606060; 
    padding: 3px; 
    border: 1px solid #eee; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    -ms-border-radius: 3px; 
    border-radius: 3px; 
    }
.Table__normal .Table__cell_right {
    text-align: right; 
    }
.Table__normal .Table__cell_min {
    width: 5% !important; 
    white-space: nowrap; 
    }
.Table__normal .bdr_separate td, .Table__normal .bdr_separate th {
    border-bottom: 5px solid #f6f4e9; 
    }
.Table__normal tr:last-child td {
    border-bottom: none; 
    }
.Table__normal th, .Table__normal td {
    box-sizing: border-box; 
    position: relative; 
    }
.Table__normal th {
    text-align: center; 
    background: #eceec3; 
    padding: 15px 30px; 
    }
.Table__normal td {
    border-bottom: 1px dashed #ccc; 
    padding: 15px 30px; 
    }
.Table__normal .Content__link {
    margin-top: 0; 
    width: 180px; 
    }
.Table__normal .Content__link a {
    font-size: 1.6rem; 
    }

.Table__left td, .Table__left th {
    text-align: left; 
    }
.Table__left td:first-child, .Table__left th {
    width: 20%; 
    }
.Table__left td:first-child p, .Table__left th p {
    display: inline-block; 
    margin-bottom: 0; 
    }
.Table__left td:first-child p#entries_sample, .Table__left th p#entries_sample {
    display: block; 
    line-height: 1.4; 
    margin: 5px 0 10px; 
    }
.Table__left td:nth-child(2) {
    width: 80%; 
    }
.Table__left .req {
    font-size: 1.2rem; 
    color: #fff; 
    background: #a03943; 
    padding: 2px 10px; 
    float: right; 
    }

.Table__postage {
    margin-top: 0; 
    }
.Table__postage tr:first-child td, .Table__postage tr:last-child td {
    border-top: 1px dashed #ccc; 
    }
.Table__postage tr td {
    text-align: right; 
    border-bottom: none; 
    padding: 10px 15px 10px; 
    }
.Table__postage tr td:first-child {
    width: 80%; 
    }
.Table__postage tr td span {
    font-size: 14px; 
    }

.Table__hikaku {
    border: 1px dashed #B7AA85; 
    text-align: center; 
    vertical-align: bottom; 
    }
.Table__hikaku thead {
    background: #FCF8F0; 
    border-bottom: 1px dashed #B7AA85; 
    }
.Table__hikaku tr + tr {
    border-top: 1px dashed #B7AA85; 
    }
.Table__hikaku tr > *:first-child {
    width: 155px; 
    }
.Table__hikaku tr.Table__hikaku__comment {
    text-align: left; 
    }
.Table__hikaku th, .Table__hikaku td {
    padding: .5em 1em; 
    width: 150px; 
    line-height: 1.6; 
    }
.Table__hikaku th a, .Table__hikaku td a {
    display: block; 
    border-bottom: none; 
    color: #B7AA85; 
    font-size: 12px; 
    }
.Table__hikaku th + *, .Table__hikaku td + * {
    border-left: 1px dashed #B7AA85; 
    }
.Table__hikaku th {vertical-align: middle; 
    background: #F6FBEB; 
    text-align: center; 
    }
.Table__hikaku td {vertical-align: top; 
    }

@media only screen and (max-width: 768px){   
    .Table__vlist td {border: none; 
        }
    .Table__vlist td:first-child {
            padding-bottom: 0; 
        }
    .Table__vlist td:last-child {
            border-bottom: 5px solid #f6f4e9; 
        }
    .Table__world {
        margin-top: 20px; 
        table-layout: auto; 
        }
    .Table__world td {
        text-align: left; 
        }
    .Table__wrap {
        overflow-y: scroll; 
        -webkit-overflow-scrolling: touch; 
        margin-top: 20px; 
        margin-left: -20px; 
        margin-right: -20px; 
        }
    .Table__wrap table {
        white-space: nowrap; 
        margin: 0 20px; 
        }
    .Table__wrap + .note {
        margin-top: 20px; 
        }
    .Table__hikaku {
        margin-top: 1em; 
        width: 100%; 
        }
    .Table__hikaku tr > th, .Table__hikaku tr > td {
        width: 50%; 
        vertical-align: middle; 
        line-height: 1.5; 
        }
    }


/*--------------------------------------------
 Page_cosmetic.css

============================================*/

.Mainbox__cosmetic_item:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
.Mainbox__cosmetic_item li {
    float: left; 
    width: 32%; 
    margin-left: 2%; 
    margin-top: 30px; 
    }
.Mainbox__cosmetic_item li:nth-child(3n+1) {
    margin-left: 0; 
    }
.Mainbox__cosmetic_item li div {height: 145px; 
    display: table; 
    width: 100%; 
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat; 
    }
.Mainbox__cosmetic_item li div.skincare {background-image: url(/html/template/default/assets/img/cnavi-bg-skincare.png); }
.Mainbox__cosmetic_item li div.facecare {background-image: url(/html/template/default/assets/img/cnavi-bg-facecare.png); }
.Mainbox__cosmetic_item li div.cleansing {background-image: url(/html/template/default/assets/img/cnavi-bg-cleansing.png); }
.Mainbox__cosmetic_item li div.face-wash {background-image: url(/html/template/default/assets/img/cnavi-bg-face-wash.png); }
.Mainbox__cosmetic_item li div.lotion {background-image: url(/html/template/default/assets/img/cnavi-bg-lotion.png); }
.Mainbox__cosmetic_item li div.serum {background-image: url(/html/template/default/assets/img/cnavi-bg-serum.png); }
.Mainbox__cosmetic_item li div.sunscreen {background-image: url(/html/template/default/assets/img/cnavi-bg-sunscreen.png); }
.Mainbox__cosmetic_item li div.haircare {background-image: url(/html/template/default/assets/img/cnavi-bg-haircare.png); }
.Mainbox__cosmetic_item li div.shampoo {background-image: url(/html/template/default/assets/img/cnavi-bg-shampoo.png); }
.Mainbox__cosmetic_item li div.treatment {background-image: url(/html/template/default/assets/img/cnavi-bg-treatment.png); }
.Mainbox__cosmetic_item li div.bodycare {background-image: url(/html/template/default/assets/img/cnavi-bg-bodycare.png); }
.Mainbox__cosmetic_item li div.soap {background-image: url(/html/template/default/assets/img/cnavi-bg-soap.png); }
.Mainbox__cosmetic_item li div.health-foods {background-image: url(/html/template/default/assets/img/cnavi-bg-health-foods.png); }
.Mainbox__cosmetic_item li div.edible {background-image: url(/html/template/default/assets/img/cnavi-bg-edible.png); }
.Mainbox__cosmetic_item li div h4 {
    /* font-family: 'Hannari';  */
    font-size: 2.4rem; 
    line-height: 1.2; 
    color: #367d46; 
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
    }
.Mainbox__cosmetic_item li div h4 span {
    background-color: rgba(255, 255, 255, 0.8); 
    display: block; 
    padding: 10px; 
    }
.Mainbox__cosmetic_item li p {
    font-size: 1.3rem; 
    color: #999; 
    line-height: 1.5; 
    }
    @media only screen and (max-width: 768px) {       
        .Mainbox__cosmetic_item {
            padding: 0 20px; 
        }
        .Mainbox__cosmetic_item li {
            width: 48%; 
            margin-left: 4%; 
            margin-top: 20px; 
        }
        .Mainbox__cosmetic_item li:nth-child(3n+1) {
            margin-left: 4%; 
        }
        .Mainbox__cosmetic_item li:nth-child(2n+1) {
            margin-left: 0; 
        }
        .Mainbox__cosmetic_item li div {
            height: 120px; 
        }
        .Mainbox__cosmetic_item li div h4 {
            font-size: 4.6vw; 
        }
        .Mainbox__cosmetic_item li p {
            display: none; 
        
        }
    }

.Page__cosmetic .Content__left .Mainbox__trouble_rank--left .Mainbox__trouble_rank_list, .Page__history .Content__left .Mainbox__trouble_rank--left .Mainbox__trouble_rank_list, .Page__trouble .Content__left .Mainbox__trouble_rank--left .Mainbox__trouble_rank_list {
    width: 780px; 
    margin: 60px auto 0; 
    }
.Page__cosmetic .Content__left .Mainbox__trouble--min, .Page__history .Content__left .Mainbox__trouble--min, .Page__trouble .Content__left .Mainbox__trouble--min {
    height: 180px; 
    }
.Page__cosmetic .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont, .Page__history .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont, .Page__trouble .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont {
    font-size: 1.6rem; 
    line-height: 1.8; 
    }


@media only screen and (min-width: 769px) {
    .Page__cosmetic .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg1, .Page__history .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg1, .Page__trouble .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg1 {
        background: url(/html/template/default/assets/img/bg_trouble01.png) center no-repeat;     
    }
    .Page__cosmetic .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg2, .Page__history .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg2, .Page__trouble .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg2 {
        background: url(/html/template/default/assets/img/bg_trouble02.png) center no-repeat;    
    }
    .Page__cosmetic .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg1, .Page__cosmetic .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg2, .Page__history .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg1, .Page__history .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg2, .Page__trouble .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg1, .Page__trouble .Content__left .Mainbox__trouble--min .Mainbox__trouble_cont--bg2 {
    background-size: 160px; 
    }
    .Page__cosmetic .Cosmetic_faq .Cosmetic_ques, .Page__cosmetic .Cosmetic_faq .Cosmetic_ans, .Page__history .Cosmetic_faq .Cosmetic_ques, .Page__history .Cosmetic_faq .Cosmetic_ans, 
    .Page__trouble .Cosmetic_faq .Cosmetic_ques, .Page__trouble .Cosmetic_faq .Cosmetic_ans {
        display: table-cell; 
        vertical-align: middle; 
    }
}
.Page__cosmetic .Cosmetic_faq, .Page__history .Cosmetic_faq, .Page__trouble .Cosmetic_faq {
    display: table; 
    height: 180px; 
    min-height: 180px; 
    border-top: 1px solid #ccc; 
    margin-top: 20px; 
    padding-top: 20px; 
    }
.Page__cosmetic .Cosmetic_faq:first-child, 
.Page__history .Cosmetic_faq:first-child, 
.Page__trouble .Cosmetic_faq:first-child {
    border: none; 
    margin-top: 0; 
    padding-top: 0; 
    }

.Page__cosmetic .Cosmetic_faq dt, .Page__history .Cosmetic_faq dt, .Page__trouble .Cosmetic_faq dt {
    background-size: 180px; 
    }
.Page__cosmetic .Cosmetic_faq .Cosmetic_ques, .Page__history .Cosmetic_faq .Cosmetic_ques, .Page__trouble .Cosmetic_faq .Cosmetic_ques {
    width: 20%; 
    font-size: 1.6rem; 
    text-align: center; 
    font-weight: bold; 
    }
.Page__cosmetic .Cosmetic_faq .Cosmetic_ques.Cosmetic_bg01, .Page__history .Cosmetic_faq .Cosmetic_ques.Cosmetic_bg01, .Page__trouble .Cosmetic_faq .Cosmetic_ques.Cosmetic_bg01 {
    background: url(/html/template/default/assets/img/bg_trouble01.png) center no-repeat;     
}
.Page__cosmetic .Cosmetic_faq .Cosmetic_ques.Cosmetic_bg02, .Page__history .Cosmetic_faq .Cosmetic_ques.Cosmetic_bg02, .Page__trouble .Cosmetic_faq .Cosmetic_ques.Cosmetic_bg02 {
    background: url(/html/template/default/assets/img/bg_trouble02.png) center no-repeat;     
}
.Page__cosmetic .Cosmetic_faq .Cosmetic_ans, .Page__history .Cosmetic_faq .Cosmetic_ans, .Page__trouble .Cosmetic_faq .Cosmetic_ans {
    width: 80%; 
    font-size: 1.8rem; 
    padding-left: 20px; 
    }
.Page__cosmetic .bdr__container, .Page__history .bdr__container, .Page__trouble .bdr__container {
    border: 1px dotted #ccc; 
    background: #fff; 
    padding: 30px; 
    margin-top: 30px; 
    }
.Page__cosmetic .bdr__container .Item__left, .Page__history .bdr__container .Item__left, .Page__trouble .bdr__container .Item__left {
    width: 160px; 
    }
.Page__cosmetic .bdr__container .Item__left img, .Page__history .bdr__container .Item__left img, .Page__trouble .bdr__container .Item__left img {
    width: 100% !important; 
    height: auto; 
    }
.Page__cosmetic .bdr__container .Item__right, .Page__history .bdr__container .Item__right, .Page__trouble .bdr__container .Item__right {
    width: 590px; 
    }
.Page__cosmetic .bdr__container .Content__ttl_sub:first-child, .Page__history .bdr__container .Content__ttl_sub:first-child, .Page__trouble .bdr__container .Content__ttl_sub:first-child {
    padding-top: 0; 
    margin-top: 0; 
    }
.Page__cosmetic .bdr__container.Item__container, .Page__history .bdr__container.Item__container, .Page__trouble .bdr__container.Item__container {
    background: none; 
    }
.Page__cosmetic .Content__trouble_nav, .Page__history .Content__trouble_nav, .Page__trouble .Content__trouble_nav {
    margin-top: 60px; 
    }
.Page__cosmetic .Content__trouble_nav:after, .Page__history .Content__trouble_nav:after, .Page__trouble .Content__trouble_nav:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
.Page__cosmetic .Content__trouble_nav .Content__trouble, .Page__history .Content__trouble_nav .Content__trouble, .Page__trouble .Content__trouble_nav .Content__trouble {
    width: 720px; 
    margin: auto; 
    box-sizing: border-box; 
    padding: 40px; 
    }
.Page__cosmetic .Content__trouble_nav .Content__trouble.Content__trouble--skin, .Page__history .Content__trouble_nav .Content__trouble.Content__trouble--skin, .Page__trouble .Content__trouble_nav .Content__trouble.Content__trouble--skin {background: url(/html/template/default/assets/img/bg_trouble_skin_ie.png) right 75px bottom 40px no-repeat, url(/html/template/default/assets/img/bg_border004.png) left top repeat;     }
.Page__cosmetic .Content__trouble_nav .Content__trouble.Content__trouble--health, .Page__history .Content__trouble_nav .Content__trouble.Content__trouble--health, .Page__trouble .Content__trouble_nav .Content__trouble.Content__trouble--health {background: url(/html/template/default/assets/img/bg_trouble_health_ie.png) right 75px bottom 40px no-repeat, url(/html/template/default/assets/img/bg_border005.png) left top repeat;     }
.Page__cosmetic .Content__trouble_nav .Content__trouble .Content__desc, .Page__history .Content__trouble_nav .Content__trouble .Content__desc, .Page__trouble .Content__trouble_nav .Content__trouble .Content__desc {
    width: auto; 
    margin-top: 1em; 
    font-size: 1.5rem; 
    text-align: left; 
    }
.Page__cosmetic .Content__trouble_nav .Content__trouble .Content__trouble_list, .Page__history .Content__trouble_nav .Content__trouble .Content__trouble_list, .Page__trouble .Content__trouble_nav .Content__trouble .Content__trouble_list {
    margin-top: 20px; 
    width: 300px; 
    }
.Page__cosmetic .Content__trouble_nav .Content__trouble .Content__trouble_list li, .Page__history .Content__trouble_nav .Content__trouble .Content__trouble_list li, .Page__trouble .Content__trouble_nav .Content__trouble .Content__trouble_list li {
    background: #fff; 
    margin-top: 5px; 
    padding-left: 10px; 
    }
.Page__cosmetic .Content__trouble_nav .Content__trouble .Content__trouble_list li:first-child, .Page__history .Content__trouble_nav .Content__trouble .Content__trouble_list li:first-child, .Page__trouble .Content__trouble_nav .Content__trouble .Content__trouble_list li:first-child {
    margin-top: 0; 
    }
.Page__cosmetic .Content__trouble_nav .Content__trouble .Content__trouble_list li a, .Page__history .Content__trouble_nav .Content__trouble .Content__trouble_list li a, .Page__trouble .Content__trouble_nav .Content__trouble .Content__trouble_list li a {
    display: block; 
    padding: 10px; 
    background: url(/html/template/default/assets/img/ico_arrow002.png) left center no-repeat; 
    background-position: left center; 
    border-bottom: none; 
    text-align: center; 
    font-weight: bold; 
    padding-left: 25px; 
    }
    @media only screen and (min-width: 769px) {  
        #Mainbox__column_lab .Content__ttl {
            font-size: 2.8rem; 
            }
        #Cosmetic__column .Content__ttl, #Cosmetic__column .Content__desc {
            text-align: left;
        }
    }
@media only screen and (max-width: 768px) {  
        .Page__cosmetic .Content { 
            padding-top: 0; 
        }
        .Page__cosmetic .Cosmetic_faq .Cosmetic_ques, .Page__cosmetic .Cosmetic_faq .Cosmetic_ans { 
            display: block; 
            width: 100%; 
        }
        .Page__cosmetic .Cosmetic_faq .Cosmetic_ans { 
            padding-left: 0; 
            margin-top: 20px; 
            font-size: 14px; 
        }
        .Page__cosmetic .Cosmetic_faq .Cosmetic_ques { 
            background: url(/html/template/default/assets/img/bg_border004.png) left top repeat !important ; 
            background-size: 20px ;
            padding: 10px 20px; }
        .Page__cosmetic .Cosmetic_faq .Cosmetic_ques.Cosmetic_bg02 { 
            background-image: url(/html/template/default/assets/img/bg_border005.png ) !important ; 
        }
}

/* liquid CSS */
@media only screen and (max-width: 768px) {   
    .Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li {
        width: 18%; 
        margin-left: 2.5% !important; 
        margin-top: 20px; 
        }
    .Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li:nth-child(6n+1) {
        margin-left: 2.5% !important; 
        }
    .Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li:nth-child(5n+1) {
        margin-left: 0 !important; 
        }
    .Page__trouble #Cosmetic__column .Mainbox__trouble_rank .Mainbox__trouble_rank_list {
        height: 130px; 
        }
    .Page__trouble #Cosmetic__column .Mainbox__trouble_rank .Mainbox__trouble_rank_list li {
        background-size: 40px, 100%; 
        background-position: top left, center; 
        }
    .Page__history #Cosmetic__column .Mainbox__dictionary .Mainbox__dictionary_list > li > a {
        /* padding-top: 160px; */
        }
    .Page__history #Cosmetic__column .Content__left .Content__world_link li {
        /* width: 300px;  */
        }
}


.Content__bgw {
    width: 100%; 
    }
.Content__bgw .Mainbox .Content__ttl {
    padding-top: 1em; 
    }
.Content .Content__bgw {
    padding: 20px 0px; 
    }
.Content .Content__bgw #Mainbox__column_lab {
    padding: 20px; 
    }
.Content__bgw .Mainbox--recommend .Content__ttl, #Cosmetic__column .Mainbox--recommend .Content__ttl {
    border-top: 1px solid #ccc; 
    color: #e19a96; 
    font-size: 2.8rem; 
    text-align: center; 
    padding-top: 1em; 
    }
.Content__bgw .Mainbox--recommend .Content__entry, #Cosmetic__column .Mainbox--recommend .Content__entry {
    display: block; 
    }
.Content__bgw .Mainbox--recommend .Entry_txt, #Cosmetic__column .Mainbox--recommend .Entry_txt {
    display: block; 
    }
.Content__bgw .Mainbox--recommend .Entry_txt dd, #Cosmetic__column .Mainbox--recommend .Entry_txt dd {
    padding: 1em; 
    }
.Content__bgw .Mainbox--recommend .Entry_txt dd:nth-child(odd), #Cosmetic__column .Mainbox--recommend .Entry_txt dd:nth-child(odd) {
    background: #fff; 
    }
.Content__bgw .Mainbox--recommend .Entry_txt dd:nth-child(even), #Cosmetic__column .Mainbox--recommend .Entry_txt dd:nth-child(even) {
    background: rgba(115, 161, 65, 0.1); 
    }
.Content__bgw .Mainbox--recommend .Entry_txt a, #Cosmetic__column .Mainbox--recommend .Entry_txt a {
    display: table; 
    padding: 0; 
    border: 0; 
    }
.Content__bgw .Mainbox--recommend .Entry_txt a img, .Content__bgw .Mainbox--recommend .Entry_txt a span, #Cosmetic__column .Mainbox--recommend .Entry_txt a img, #Cosmetic__column .Mainbox--recommend .Entry_txt a span {
    display: table-cell; 
    vertical-align: middle; 
    }
.Content__bgw .Mainbox--recommend .Entry_txt a img, #Cosmetic__column .Mainbox--recommend .Entry_txt a img {
    width: 100px; 
    }
.Content__bgw .Mainbox--recommend .Entry_txt a span, #Cosmetic__column .Mainbox--recommend .Entry_txt a span {
    padding-left: 1em; 
    }
.Content__bgw .Content__entry > * + *, #Cosmetic__column .Content__entry > * + * {
    margin-top: 1em; 
    }
.Content__bgw .Post__bg, #Cosmetic__column .Post__bg {
    position: absolute; 
    top: 0; 
    right: 0; 
    z-index: 0; 
    }
#Cosmetic__column .Post__bg {
    width: 50%; 
}
        @media only screen and (min-width: 769px) {           
            .Content__bgw .Content__snsButton, #Cosmetic__column .Content__snsButton {
                position: relative; 
                bottom: auto; 
                left: auto; 
                margin-top: 2em; 
                }
            .Content__bgw .Content__snsButton li, #Cosmetic__column .Content__snsButton li {
                margin-left: 0; 
                margin-right: 17px; 
                }
            .Content__bgw .Content__snsButton li a, #Cosmetic__column .Content__snsButton li a {
                width: 100px; 
                }
            .Content__bgw .Content__ttl, #Cosmetic__column .Content__ttl {
                font-size: 3.2rem; 
                font-weight: normal; 
                line-height: 1.5; 
                border-bottom: none; 
                }
            .Content__bgw .Content__entry, #Cosmetic__column .Content__entry {
                margin-top: 1em; 
                }
            .Content__bgw .Content__entry > * + *, #Cosmetic__column .Content__entry > * + * {
                margin-top: 0; 
                }
            .Content__bgw .Content__entry .Entry_img, #Cosmetic__column .Content__entry .Entry_img {
                text-align: center; 
                display: block;
                }
            .Content__bgw .Content__entry .Entry_img .note, #Cosmetic__column .Content__entry .Entry_img .note {
                display: block; 
                line-height: 1.6; 
                margin-top: 1em; 
                text-align: left; 
                }
            .Content__bgw .Mainbox + .Mainbox, #Cosmetic__column .Mainbox + .Mainbox {
                margin-top: 4em; 
                }
            .Content__bgw .Mainbox__column .Mainbox__column_post li, #Cosmetic__column .Mainbox__column .Mainbox__column_post li {
                border: 1px solid #ddd; 
                }
            .Content__bgw .Cosmetic_faq .Cosmetic_ques, #Cosmetic__column .Cosmetic_faq .Cosmetic_ques {
                background-size: contain; 
                }
            
            .Content__bgw, #Cosmetic__column .Content__left {
                background-color: rgba(255, 255, 255, 0.9); 
                background-position: right top; 
                background-repeat: no-repeat; 
                position: relative; 
                padding: 40px; 
                }
            .Content__bgw {
                margin-top: 60px; 
                }
            .Content__bgw .Content__ttl, .Content__bgw .Content__desc {
                text-align: left; 
                }
            .Content__bgw .Content__desc {
                position: relative; 
                }
            .Content__bgw .Post__bg {
                width: 480px; 
                }
            .Content__bgw .Content__whitebox {
                padding: 0; 
                background: none; 
                }
            .Content__bgw .Content__whitebox .Item__left {
                width: 160px; 
                }
            .Content__bgw .Content__whitebox .Item__left img {
                width: 100% ; 
                height: auto; 
                }
            .Content__bgw .Content__whitebox .Item__right {
                width: 590px; 
                }
            .Content__bgw .Mainbox__trouble_rank .Mainbox__trouble_rank_list {
                margin-top: 30px; 
                }
            .Content__bgw .Mainbox__trouble_rank .Mainbox__trouble_rank_list li {
                background-size: 100%; 
                }
            .Content__bgw .Content__whitebox .Item__container .Item__img {
                width: 100% !important; 
                }
            .Content__bgw .Content__whitebox .Item__container .Item__heading {
                padding-left: 0; 
                padding-top: 0; 
                background: none; 
                }
            .Content__bgw.column--aging {background-image: url(/html/template/default/assets/img/bg_cosme04.png); }
            .Content__bgw.Cosmetic__column_top .Content__left {
                margin-top: -150px; 
                }
            .Content__bgw .Mainbox {
                background: none; 
                padding: 0; 
                }
            .Content__bgw .Mainbox:first-child .Content__ttl {
                border: none; 
                padding-top: 20px; 
                }
            .Content__bgw .Content__step_care.Content__step_care_all > div, .Content__bgw .Content__step_care.Content__step_care_single > div {
                background-color: #FAF8ED; 
                }
            .Content__bgw .Content__brand_unochiyo {
                width: 100%; 
                background: transparent; 
                padding: 60px 0 80px; 
                }
            .Content__bgw .Content__brand_unochiyo .Content__detail--unochiyo {
                width: 100%; 
                }
            .Content__bgw .Content__brand_unochiyo .Content__brand_txt p {
                font-family: "ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN',"ＭＳ Ｐゴシック",'Meiryo',"メイリオ",'MS PGothic',sans-serif; 
                font-size: 1.4rem; 
                }

            #Page__l104 .Content__bgw, #Page__l105 .Content__bgw, #Page__l106 .Content__bgw, #Page__l111 .Content__bgw, #Page__l119 .Content__bgw, #Page__l122 .Content__bgw, #Page__l172 .Content__bgw {
                display: none; 
                }

            .Mainbox__dictionary .Mainbox__dictionary--history, .Mainbox__dictionary .Mainbox__dictionary--tree, .Mainbox__dictionary .Mainbox__dictionary--world, .Mainbox__dictionary .Mainbox__dictionary--oil {
                float: left; 
                width: 290px; 
                text-align: center; 
                margin: 0 15px; 
                vertical-align: top; 
                }
            .Mainbox__dictionary .Mainbox__dictionary--history a, .Mainbox__dictionary .Mainbox__dictionary--tree a, .Mainbox__dictionary .Mainbox__dictionary--world a, .Mainbox__dictionary .Mainbox__dictionary--oil a {
                display: block; 
                padding-top: 315px; 
                border-bottom: none; 
                }
    .Mainbox__dictionary .Mainbox__dictionary--history > a {background: url(/html/template/default/assets/img/img_dictionary001.png) top center no-repeat; }
    .Mainbox__dictionary .Mainbox__dictionary--tree > a {background: url(/html/template/default/assets/img/img_dictionary002.png) top center no-repeat; }
    .Mainbox__dictionary .Mainbox__dictionary--world > a {background: url(/html/template/default/assets/img/img_dictionary003.png) top center no-repeat; }
    .Mainbox__dictionary .Mainbox__dictionary--oil > a {background: url(/html/template/default/assets/img/img_dictionary004.png) top center no-repeat; }
    .Mainbox__dictionary .Mainbox__dictionary_txt {
            font-size: 1.6rem; 
            text-align: left; 
            }
        }   
    .Mainbox__dictionary .Mainbox__dictionary--history > a {background: url(/html/template/default/assets/img/img_dictionary001.png) top center no-repeat; }
    .Mainbox__dictionary .Mainbox__dictionary--tree > a {background: url(/html/template/default/assets/img/img_dictionary002.png) top center no-repeat; }
    .Mainbox__dictionary .Mainbox__dictionary--world > a {background: url(/html/template/default/assets/img/img_dictionary003.png) top center no-repeat; }
    .Mainbox__dictionary .Mainbox__dictionary--oil > a {background: url(/html/template/default/assets/img/img_dictionary004.png) top center no-repeat; }
    .Mainbox__dictionary .Mainbox__dictionary_list {
            margin-top: 20px; 
        }
    .Mainbox__dictionary .Mainbox__dictionary_list > li {
        width: 100% ; 
        min-height: 80px; 
        float: none; 
        margin: 20px 0 0 ; 
        text-align: left; 
        }
        @media only screen and (max-width: 768px){           
            .Mainbox__dictionary .Mainbox__dictionary_list > li > a {
                box-sizing: border-box; 
                background-size: 60px 60px !important; 
                background-position: left center; 
                padding: 1rem 1rem 1rem 7rem !important; 
                }
            }
        @media only screen and (min-width: 769px) {       
            .Mainbox__dictionary .Mainbox__dictionary_list > li .Mainbox__dictionary_ttl {
                font-size: 6.4vw;
                margin-bottom: 0; 
                }
        .Mainbox__dictionary .Mainbox__dictionary_list > li .Mainbox__dictionary_txt {
                font-size: 1.2rem; 
                margin-top: 5px; 
                }
        .Mainbox__dictionary .Mainbox__dictionary_list > li .Dictionary__link li {
                width: 100%; 
                font-size: 1.4rem !important; 
                }
        }

.Mainbox--bdrnone {
    padding: 0; 
    }
.Mainbox__item {
    margin-top: 30px; 
    }
.Mainbox__item.Mainbox__item_4 .Mainbox__category {
    margin-left: 20px; 
    }
.Mainbox__item.Mainbox__item_4 .Mainbox__item_list li {
    width: 230px; 
    margin-left: 20px; 
    }
.Mainbox__item.Mainbox__item_4 .Mainbox__item_list li .Item__img img {
    width: 100% !important; 
    height: auto !important; 
    }
.Mainbox__item .Content__link {
    margin-top: 40px; 
    }
.Mainbox__brand {
    padding-top: 0; 
    }
.Mainbox__brand .Mainbox__category_list .Mainbox__category {
    margin-left: 20px; 
    margin-top: 30px; 
    }
.Mainbox__brand .Mainbox__category_list .Mainbox__category:nth-child(2) {
    margin-left: 0; 
    }
.Mainbox__brand .Mainbox__item_list li {
    margin-left: 20px; 
    }
.Mainbox__brand .Mainbox__item_list li:first-child {
    margin-left: 0; 
    }
.Mainbox__brand .Mainbox__item_list li.Mainbox__category_item--etc .Mainbox__brand_item_txt {
    padding-right: 15px; 
    }
.Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--oil, .Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--forest, .Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--unochiyo {
    bottom: 15px; 
    top: auto; 
    }
.Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--health, .Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--food, .Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--selection, .Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--goods {
    display: none; 
    }
.Mainbox__brand .Mainbox__item_list .Mainbox__category_item--etc {
    width: 230px; 
    }
.Mainbox__brand .Mainbox__item_list .Mainbox__category_item--brand {
    width: 313px; 
    }
.Mainbox__trouble_rank .Mainbox__trouble_rank_list {
    height: 180px; 
    }
.Mainbox__trouble_rank .Mainbox__trouble_rank_list .Mainbox__trouble_cont {
    background-size: auto,contain; 
    background-position: 5px 10px,center top; 
    }
/* .Mainbox__dictionary .Mainbox__dictionary_list li {
    margin: 0 10px; 
    } */
/* .Mainbox__dictionary .Mainbox__dictionary_list li a {
    background-size: 230px auto; 
    padding-top: 255px; 
    } */
.Mainbox__dictionary .Mainbox__dictionary_list li:first-child {
    margin-left: 0; 
    }
.Mainbox__dictionary .Mainbox__dictionary_list li:last-child {
    margin-right: 0; 
    }
.Mainbox__edible {
    margin-top: 30px; 
    }
.Mainbox__edible .Mainbox__dictionary_list {
    margin-top: 0; 
    }
.Mainbox__edible .Mainbox__dictionary_list:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
.Mainbox__edible .Mainbox__dictionary_list li {
    width: 220px ; 
    }



/* 詳細ページ */

@media only screen and (max-width: 768px) {   
    .Entry_img img{       
            width: 100%;
            height: auto;
            object-fit: contain;
        }
    }

.Content .Content__entry div:not(:first-child) {
    padding-left: 0px; 
    }
.Content .Post__ttl {
    font-size: 4rem; 
    line-height: 1.4; 
    border: none; 
    z-index: 1; 
    position: relative; 
    text-shadow: 0 0 30px white, 0 0 30px white, 0 0 30px white, 0 0 30px white; 
    }
.Content .Column__ttl {
    font-size: 2.8rem; 
    color: #e19a96; 
    margin-bottom: .4em; 
    }
.Content * + .Column__ttl {
    margin-top: 1em; 
    }
@media only screen and (min-width: 769px) {  
    .Mainbox__item_list {
        -js-display: flex; 
        display: -webkit-box; 
        display: -webkit-flex; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: flex; 
        flex-wrap: wrap; 
        }
    .Mainbox__item_list li {
        margin: 60px 0 0 40px; 
        position: relative; 
        width: 290px; 
        }

    .Content .Content__entry {
        display: table; 
        margin-top: 30px; 
        }
    .Content .Content__entry:after {
        content: ""; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden; 
        }
    .Content .Content__entry div:not(:first-child) {
        padding-left: 40px; 
        /* padding-top: 40px; */
        }
    .Content__entry, .Content__desc, .Top__desc {
        font-size: 1.6rem; 
        }
    .Content .Content__entry {
        display: table; 
        margin-top: 30px; 
        }
    .Content .Content__entry:after {
        content: ""; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden; 
        }
    .Content .Entry_img, .Content .Entry_txt {
        display: table-cell; 
        vertical-align: top; 
        }
    .Content .Entry_img p, .Content .Entry_txt p {
        line-height: 2; 
    }
    .Content .Entry_img p:not(:first-child), .Content .Entry_txt p:not(:first-child) {
        margin-top: 1em; 
    }
    .Content .Entry_img dt, .Content .Entry_img li, .Content .Entry_txt dt, .Content .Entry_txt li {
        margin-top: 1em; 
    }
    .Content .Entry_img li, .Content .Entry_txt li {
        text-indent: -1em; 
    padding-left: 1em; 
    }
    .Content .Entry_img dt, .Content .Entry_txt dt {
        font-weight: bold; 
    }
    .Content .Entry_img dd, .Content .Entry_txt dd {
        padding-left: 1em; 
    }
    .Content .Entry_img .bold, .Content .Entry_txt .bold {
        font-weight: bold; 
    }
    .Content .Entry_ttl {
        color: #367d46; 
    font-size: 2.2rem; 
    font-weight: bold; 
    }
    .Content .Entry_ttl--bdr {
        border-top: 1px dotted #ccc; 
    margin-top: 40px; 
    padding-top: 30px; 
    }
    .Content .Section__ttl, 
    .Content .Page__other .Section__ttl--bdr, 
    .Page__other .Content .Section__ttl--bdr, 
    .Content .Page__about .Section__ttl--bdr, 
    .Page__about .Content .Section__ttl--bdr, 
    .Content .Page__list .Section__ttl--bdr, 
    .Page__list .Content .Section__ttl--bdr {
        font-size: 2.0rem; 
        font-weight: bold; 
        color: #606060; 
        margin-top: 30px; 
        }
    }
    
    @media only screen and (max-width: 768px) and (m-width: 1400px) {       
        .Content .Content__entry .Entry_img{                   
            display: block;
            text-align: center;
        }
    }



/* おすすめの商品 */

#Cosmetic__column .column__banner {width: 65%; 
    display: block; 
    color: #16341d; 
    margin: 2em auto; 
    padding: 1.5em 2em; 
    border: 1px solid #d1d1d1; 
    }
#Cosmetic__column .column__banner.column__banner--too {background: #fff url(/html/template/default/assets/img/too/too.png) right -50px center no-repeat; background-size: 220px; }
#Cosmetic__column .column__banner.column__banner--tc {background: #fff url(/html/template/default/assets/img/too/tc.png) right -60px center no-repeat; background-size: 220px; }
#Cosmetic__column .column__banner.column__banner--ts {background: #fff url(/html/template/default/assets/img/too/ts.png) right -20px center no-repeat; background-size: 220px; }
#Cosmetic__column .column__banner.column__banner--tcs {background: #fff url(/html/template/default/assets/img/too/tcs.png) right -40px center no-repeat; background-size: 180px; }
#Cosmetic__column .column__banner.column__banner--tew {background: #fff url(/html/template/default/assets/img/too/tew.png) right -56px center no-repeat; background-size: 230px; }
#Cosmetic__column .column__banner.column__banner--tsp {background: #fff url(/html/template/default/assets/img/too/tsp.png) right -40px center no-repeat; background-size: 180px; }
#Cosmetic__column .column__banner.column__banner--uv {background: #fff url(/html/template/default/assets/img/too/uv.png) right -10px center no-repeat; background-size: 180px; }
#Cosmetic__column .column__banner.column__banner--ole {background: #fff url(/html/template/default/assets/img/health/ole.png) right -24px center no-repeat; background-size: 180px; }
#Cosmetic__column .column__banner.column__banner--sl {background: #fff url(/html/template/default/assets/img/oil/sl.png) right -50px center no-repeat; background-size: 220px; }
#Cosmetic__column .column__banner .column__banner__ttl {
    font-size: 2.8rem; 
    font-weight: bold; 
    line-height: 1.4; 
    margin-top: .2em; 
    }
#Cosmetic__column .column__banner .column__banner__ttl span {
    font-size: 1.8rem; 
    }
#Cosmetic__column .column__banner .column__banner__ttl + p {
    margin-top: .2em; 
    font-size: 1.6rem; 
    }
#Cosmetic__column .column__banner .column__banner__text {
    font-size: 1.6rem; 
    padding-left: 0; 
    color: #000000; 
    line-height: 1.3; 
    margin-top: .5rem; 
    }
#Cosmetic__column .column__banner .column__banner__text p {
    margin-top: 0; 
    }
#Cosmetic__column .column__banner .column__banner__text .Content__link {
    background: url(/html/template/default/assets/img/ico_arrow003.png) left center no-repeat; 
    background-position: 15px center; 
    display: block; 
    color: #fff; 
    text-align: center; 
    border: none; 
    padding: 1em 10px 1em 25px; 
    line-height: 1.2; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -ms-border-radius: 4px; 
    border-radius: 4px; 
    color: #fff; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
    background: linear-gradient(to bottom, #90b683 2%, #81a375 4%, #7b9b70 100%) repeat scroll 0 0; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #90b683), color-stop(1, #7b9b70)); 
    background-color: #81a375; 
    width: 200px; 
    font-size: 1.5rem; 
    font-weight: bold; 
    margin: 1em 0 0; 
    padding: .7em 1em .7em .5em; 
    box-sizing: border-box; 
    }
#Cosmetic__column .column__banner .column__banner__text .Content__link:hover {
    background: linear-gradient(to bottom, #7aa86b 2%, #6e985f 4%, #658c58 100%) repeat scroll 0 0; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7aa86b), color-stop(1, #658c58)); 
    background-color: #6e985f; 
    }
#Cosmetic__column .column__banner .column__banner__text .Content__link span {
    display: block; 
    background-image: url(/html/template/default/assets/img/ico_arrow003.png); 
    background-position: right center; 
    background-repeat: no-repeat; 
    }
#Cosmetic__column .Mainbox__product {-js-display: flex; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: flex; 
    border: 4px solid #367d46; 
    padding: 2.5em; 
    }

@media only screen and (max-width: 668px) {   
    #Cosmetic__column .column__banner {
    width: 100%; 
    margin-bottom: 0; 
    padding: 1.5em 1.2em; 
    }
    #Cosmetic__column .column__banner.column__banner--too {
        background-position: right -6rem bottom; 
    }
    #Cosmetic__column .column__banner.column__banner--tew {
        background-position: right -56px bottom -60px; 
    }
    #Cosmetic__column .column__banner.column__banner--ole {
        background-position: right -34px bottom -2px; 
    }
    #Cosmetic__column .column__banner .column__banner__ttl 
    {font-size: 1.8rem; 
    padding-right: 60px; 
    }
    #Cosmetic__column .column__banner .column__banner__ttl span {
        font-size: 1.4rem; 
    display: block; 
    }
    #Cosmetic__column .column__banner .column__banner__ttl + p {
        font-size: 1.4rem; 
    padding-right: 80px; 
    }
    #Cosmetic__column .column__banner .column__banner__item {
        font-size: 1.6rem; 
    }
    #Cosmetic__column .column__banner .column__banner__text {
        display: block; 
    margin-top: .5em; 
    padding-right: 80px; 
    font-size: 1.4rem; 
    line-height: 1.6; 
    }
    #Cosmetic__column .column__banner .column__banner__text .Content__link {
        margin: .5em 0 0; 
    width: 166px; 
    font-size: 1.4rem; 
    padding: .8em .8em .8em .5em; 
    }
    #Cosmetic__column .column__banner .column__banner__text .Content__link span {
        padding-right: 1em; 
    }
    #Cosmetic__column .column__banner p + * {margin-top: .5em; 
    }
}



/* 商品紹介 */

.Mainbox__item_ttl .alpha, .Entry_txt .note a, .Item__ttl .alpha{
    color: #606060;
    box-sizing: border-box;
    /* padding-bottom: 2px; */
    border-bottom: 1px dashed #606060;
    line-height: initial;
}

.alpha:hover, .Page__cart .Style__textlink:hover, .Page__shopping .Style__textlink:hover{
    opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    zoom: 1;
}
.Mainbox__item_list{
    width: 820px;
}

.Content .Content__ttl_sub { font-size: 16px; line-height: 1.4; padding: 10px 20px; margin-top: 20px; }
.Content .Content__ttl_sub.Content__ttl_sub--award { padding: 20px 0 0; }
.Content .Content__ttl_sub.Content__ttl_sub--award .inner { padding: 5px; }
.Content .Content__ttl_sub.Content__ttl_sub--award .inner span { padding-left: 30px; display: inline-block; }
@media only screen and (max-width: 768px) {   
    .Content .Content__ttl_sub.Content__ttl_sub--award .inner span:before { top: 50%; left: -5px; margin-top: -25px; }
    .Content .Content__ttl_sub.Content__ttl_sub--award + .Content__ttl { margin-top: 5.8vw; }
    .Content .Content__ttl + .Content__entry, .Content .Content__ttl_sub + .Content__entry, .Content .Content__entry + .Content__entry { margin-top: 0; }
    .Content .bdr__container { padding: 20px; margin-top: 20px !important; }
    .Content .bdr__container .Content__ttl_sub:first-child { margin-top: 0; }
    .Content .bdr__container .Item__img img { width: 180px !important; }

}

.Page__category .Content__left .Mainbox__item.Mainbox__cat_link { margin-top: 20px; }
.Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li { width: 23.5% !important; margin-left: 2% !important; position: relative; margin-top: 20px !important; }
.Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li:nth-child(6n+1) { margin-left: 2% !important; }
.Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li:nth-child(4n+1) { margin-left: 0 !important; }
.Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li p { position: relative; font-size: 11px; opacity: 0.9; filter: alpha(opacity=90); }

  /* Recommend */
.Mainbox__item_list.recommend { margin-top: 0; }
.Mainbox__item_list.recommend li { width: 140px !important; }
.Mainbox__item_list.recommend li .Mainbox__item_img p { font-size: 1.2rem; top: 6px; right: 6px; }
.Mainbox__item_list.recommend li .Mainbox__item_txt_catch { font-size: 1.4rem; }
.Mainbox__item_list.recommend li .Mainbox__item_txt { font-size: 3vw; }

.Mainbox__item { margin-top: 30px; }
.Mainbox__item.Mainbox__item_4 .Mainbox__category { margin-left: 20px; }
.Mainbox__item.Mainbox__item_4 .Mainbox__item_list li { width: 230px; margin-left: 20px; }
.Mainbox__item.Mainbox__item_4 .Mainbox__item_list li .Item__img img { width: 100% !important; height: auto !important; }
.Mainbox__item .Content__link { margin-top: 40px; }
.Mainbox__brand { padding-top: 0; }
.Mainbox__brand .Mainbox__category_list .Mainbox__category { margin-left: 20px; margin-top: 30px; }
.Mainbox__brand .Mainbox__category_list .Mainbox__category:nth-child(2) { margin-left: 0; }
.Mainbox__brand .Mainbox__item_list li { margin-left: 20px; }
.Mainbox__brand .Mainbox__item_list li:first-child { margin-left: 0; }
.Mainbox__brand .Mainbox__item_list li.Mainbox__category_item--etc .Mainbox__brand_item_txt { padding-right: 15px; }
.Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--oil, .Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--forest, .Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--unochiyo { bottom: 15px; top: auto; }
.Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--health, .Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--food, .Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--selection, .Mainbox__brand .Mainbox__item_list li .Mainbox__category_bg--goods { display: none; }
.Mainbox__brand .Mainbox__item_list .Mainbox__category_item--etc { width: 230px; }
.Mainbox__brand .Mainbox__item_list .Mainbox__category_item--brand { width: 313px; }
.Mainbox__trouble_rank .Mainbox__trouble_rank_list { height: 180px; }

.Mainbox__edible { margin-top: 30px; }
.Mainbox__edible .Mainbox__dictionary_list { margin-top: 0; }
.Mainbox__edible .Mainbox__dictionary_list:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Mainbox__edible .Mainbox__dictionary_list li { width: 220px !important; }


.Mainbox:first-child { margin-top: 0; }
.Mainbox.Mainbox--bdrnone { padding-bottom: 0; }
.Mainbox__trouble_rank .Mainbox__trouble_rank_ttl { 
    margin-top: 20px; 
    font-size: 18px; 
    display: inline-block; 
    letter-spacing: 0; 
}
.Mainbox__trouble_rank .Mainbox__trouble_rank_ttl span { 
    display: block; 
    padding: 15px 0 15px 50px; 
    background-size: 40px auto; 
}
.Mainbox__trouble_rank .Mainbox__trouble_rank_list { 
    margin-top: 0; 
}
    @media only screen and (max-width: 768px) {   
        .Mainbox__trouble_rank .Mainbox__trouble_rank_list .Mainbox__trouble_cont{
            display: block; 
            background-size: 20px ; 
            margin: 20px 0 0 0; 
            padding: 10px 20px; 
            line-height: 1.4 ;
        }
        .Mainbox__item .Mainbox__item_wrap { 
            overflow-y: scroll; 
            -webkit-overflow-scrolling: touch; 
            margin-top: 20px; margin-left: -20px; 
            margin-right: -20px; 
        }
        .Mainbox__trouble_rank .Mainbox__trouble_rank_list .Mainbox__trouble_cont:nth-child(2n+0) { 
            background: url(/html/template/default/assets/img/bg_border005.png) repeat left top; 
        }
        }
.Mainbox__trouble_rank .Mainbox__trouble_rank_list .Mainbox__trouble_cont span { 
    width: 100%; 
}

#Mainbox__column_forest .Mainbox__column_post { 
    margin-top: 0; padding: 0 20px; 
    border-bottom: 0; 
}
#Mainbox__column_forest .Mainbox__column_post li { 
    margin-top: 20px !important; 
    border: 1px solid #ddd !important; 
}
.Mainbox--brand, .Mainbox--dictionary, .Mainbox--column, .Mainbox--column { padding-top: 50px; }
.Mainbox__edible { width: 100%; }
.Mainbox__edible .Mainbox__dictionary_list { margin-top: 0; }
.Mainbox__item .Mainbox__item_ttl { font-size: 1.4rem; }
.Mainbox__item .Mainbox__item_txt_catch, .Mainbox__item .Mainbox__item_txt { font-size: 1.2rem; }
.Mainbox__item .Mainbox__category_list:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Mainbox__item .Mainbox__category_list .Mainbox__category { float: left; margin: 0; }
.Mainbox__item .Mainbox__category_list .Mainbox__category_ttl { margin: 0 0 20px 20px; }
.Mainbox__item .Mainbox__category_list .Mainbox__item_list li:last-child { margin-right: 0 !important; }
.Mainbox__item.Mainbox__item--media .Item__img { width: 100% !important; }
.Mainbox__item.Mainbox__item--media .Item__img img { width: auto !important; max-width: 160px; }
.Mainbox__item.Mainbox__brand { margin-top: 0; padding-top: 0; }
.Mainbox__item.Mainbox__brand .Mainbox__category_list { width: 100% !important; }

.Mainbox__item.Mainbox__brand .Mainbox__category_list .Mainbox__category { float: none; }
.Mainbox__item.Mainbox__brand .Mainbox__category_list .Mainbox__category .Mainbox__category_bg { background-size: auto 120px; top: 5px; right: 5px; }
.Mainbox__item.Mainbox__brand .Mainbox__category_item--brand, .Mainbox__item.Mainbox__brand .Mainbox__category_item--etc { width: 100% !important; float: none; margin: 20px 0 0 0 !important; }
.Mainbox__item.Mainbox__brand .Mainbox__category_item--brand .Mainbox__category_top, .Mainbox__item.Mainbox__brand .Mainbox__category_item--etc .Mainbox__category_top { background-image: none; padding: 10px 20px; height: auto; }
.Mainbox__item.Mainbox__brand .Mainbox__category_item--brand:first-child, .Mainbox__item.Mainbox__brand .Mainbox__category_item--etc:first-child { margin-left: 0 !important; }
.Mainbox__item.Mainbox__brand .Mainbox__category_item--etc .Mainbox__category_bg { right: 15px !important; }
.Mainbox__item.Mainbox__brand .Mainbox__category_top--goods .Mainbox__brand_item_ttl img { height: 50px; width: auto !important; }
.Mainbox__item.Mainbox__brand .Mainbox__brand_item_txt { padding-right: 90px !important; font-size: 1.2rem; }


.Content__ttl_sub + .Content__link { margin-top: 30px; }
.Content__ttl_sub { font-size: 2.0rem; font-weight: bold; margin-top: 2em; padding: 5px 20px; background: url(/html/template/default/assets/img/bg_border004.png) left top repeat; }

/* #Cosmetic__column .Mainbox__item_list li:nth-child(4n+1) { margin-left: 0; } */
#Cosmetic__column .Mainbox__item_list li .Item__img { width: 100%; height: auto; }
#Cosmetic__column .Mainbox__item_list li .Item__img img { width: 100% !important; height: auto; border: 1px solid #ccc; }

.Mainbox__trouble_rank .Mainbox__trouble_rank_list .Mainbox__trouble_cont { 
    background: url(/html/template/default/assets/img/bg_border004.png) repeat left top; 
    } 


@media only screen and (min-width: 769px) {  
    .Mainbox__item .Mainbox__category_list .Mainbox__item_list li:last-child { margin-right: 0 ; }
    .Mainbox__item .Mainbox__item_list li { width: 180px ; box-sizing: border-box; margin: 0 0 0 20px ; }
    .Mainbox__item .Mainbox__item_list li .Item__img { width: 180px ; height: 180px ; }
    .Mainbox__item .Mainbox__item_list li .Item__img img { width: 100% !important; height: auto; }
    .Mainbox__item .Mainbox__item_list li:first-child { margin-left: 20px ; }
    /* .Mainbox__item .Mainbox__item_list li:last-child { margin-right: 20px ; } */
    .Mainbox__item .Mainbox__item_list li:nth-child(4n+1) { margin-left: 20px ; }

    .js_menu .Mainbox__item.wide .Mainbox__item_list li:nth-child(3n+1), .js_menu--mypage .Mainbox__item.wide .Mainbox__item_list li:nth-child(3n+1) { margin-left: 20px; }
    .js_menu .Mainbox__item.wide .Mainbox__item_list li:nth-child(4n+1), .js_menu--mypage .Mainbox__item.wide .Mainbox__item_list li:nth-child(4n+1) { margin-left: 0; }
    .js_menu .Mainbox__item .Mainbox__item_list, .js_menu--mypage .Mainbox__item .Mainbox__item_list { width: 100% !important; box-sizing: border-box; background: #fff; padding: 20px 20px 0 40px; min-height: 240px; }
    .js_menu .Mainbox__item .Mainbox__item_list.scroll, .js_menu--mypage .Mainbox__item .Mainbox__item_list.scroll { overflow: auto; }
    .js_menu .Mainbox__item .Mainbox__item_list li, .js_menu--mypage .Mainbox__item .Mainbox__item_list li { float: none; display: inline-block; vertical-align: top; width: 120px !important; margin: 0 0 20px 20px; }
    .js_menu .Mainbox__item .Mainbox__item_list li:nth-child(3n+1), .js_menu--mypage .Mainbox__item .Mainbox__item_list li:nth-child(3n+1) { margin-left: 0; }
    .js_menu .Mainbox__item .Mainbox__item_list li .Item__img a, .js_menu--mypage .Mainbox__item .Mainbox__item_list li .Item__img a { padding: 0; }
    .js_menu .Mainbox__item .Mainbox__item_list li .Item__img img, .js_menu--mypage .Mainbox__item .Mainbox__item_list li .Item__img img { width: 120px !important; border: 1px solid #ccc; }
    .js_menu .Mainbox__item .Mainbox__item_list li p, .js_menu--mypage .Mainbox__item .Mainbox__item_list li p { margin-top: 0; font-size: 1.2rem; font-weight: normal; text-align: center; }
    .js_menu .Mainbox__item .Mainbox__item_list li p a, .js_menu--mypage .Mainbox__item .Mainbox__item_list li p a { padding: 10px 0 0; line-height: 1.2; }
    .js_menu .Mainbox__item .Mainbox__item_list li p a:hover, .js_menu--mypage .Mainbox__item .Mainbox__item_list li p a:hover { background-color: #fff; }

    #Cosmetic__column .Mainbox__item_list li { margin-top: 40px; width: 22%; margin-left: 4%; }
    #Cosmetic__column .Mainbox__item_list li:nth-child(4n+1) { margin-left: 0; }

    .Mainbox__category_list:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
    .Mainbox__category_list .Mainbox__category_ttl { background: #ccc; color: #fff; font-size: 1.8rem; padding: 10px 0 10px 15px; line-height: 1; }
    .Mainbox__category_list .Mainbox__category_ttl a { color: #fff; border: none; }
    .Mainbox__category_list .Mainbox__category { float: left; margin: 60px 0 0 40px; position: relative; }
    .Mainbox__category_list .Mainbox__category:first-child { margin-left: 0 !important; }
    .Mainbox__category_list .Mainbox__category_item, .Mainbox__category_list .Mainbox__brand .Mainbox__category .Mainbox__category_item--brand, .Mainbox__brand .Mainbox__category .Mainbox__category_list .Mainbox__category_item--brand, .Mainbox__category_list .Mainbox__brand .Mainbox__category .Mainbox__category_item--etc, .Mainbox__brand .Mainbox__category .Mainbox__category_list .Mainbox__category_item--etc { float: left; margin: 60px 0 0 40px; width: 290px; position: relative; }
    .Mainbox__category_list .Mainbox__category_item:nth-child(4n+1), .Mainbox__category_list .Mainbox__brand .Mainbox__category .Mainbox__category_item--brand:nth-child(4n+1), .Mainbox__brand .Mainbox__category .Mainbox__category_list .Mainbox__category_item--brand:nth-child(4n+1), .Mainbox__category_list .Mainbox__brand .Mainbox__category .Mainbox__category_item--etc:nth-child(4n+1), .Mainbox__brand .Mainbox__category .Mainbox__category_list .Mainbox__category_item--etc:nth-child(4n+1) { margin-left: 0 !important; }
    .Mainbox__category_list .Mainbox__item_list li { margin-top: 30px; }
    .Mainbox__category_list .Mainbox__item_list li:first-child { margin-left: 0; }

    .Page__category .Content__left .Mainbox__item.Mainbox__cat_link { margin-bottom: 40px; }
    .Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li { width: 15%; margin-left: 2% !important; position: relative; margin-top: 40px; }
    .Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li:nth-child(6n+1) { margin-left: 0 !important; }
    .Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li p { width: 100%; position: absolute; bottom: 0; box-sizing: border; font-size: 12px; line-height: 1.3; color: #fff; padding: .5em .2em; text-align: center; background: #017746; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
    .Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li:hover p { opacity: 0.9; filter: alpha(opacity=90); }
    }

    @media screen and (min-width: 769px) and (max-width: 1400px) {
        .Content .Content__entry .Entry_txt{
            display: block;
            margin-top: 1em;
        }
        #Cosmetic__column .column__banner {
            width: 80%;
        }
    }


/* ボタン */
@media screen and (max-width: 769px) {
    .Mainbox__item_wrap .Btn__area .Summary__btn { display: none; }
}
.Btn__area { width: 100%; margin: 0 auto; text-align: center; }
.Btn__area:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Btn__area .Content__link { width: 46%; }
.Btn__area .Content__link:first-child { float: right; }
.Btn__area .Content__link:last-child { float: left; }
.Mainbox__item_list .Btn__area.pc{
    padding-top: 2rem;
}

.Summary__btn { display: inline-block; text-align: center; width: 85%; }
.Summary__btn a { display: block; padding: .5em 1em .5em .5em; font-size: 1.6rem; border: 0; color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, #90b683 2%, #81a375 4%, #7b9b70 100%) repeat scroll 0 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #90b683), color-stop(1, #7b9b70)); background-color: #81a375; }
.Summary__btn a:hover { background: linear-gradient(to bottom, #7aa86b 2%, #6e985f 4%, #658c58 100%) repeat scroll 0 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7aa86b), color-stop(1, #658c58)); background-color: #6e985f; }
.Summary__btn a span { display: block; background-image: url(/html/template/default/assets/img/ico_arrow003.png); background-position: right center; background-repeat: no-repeat; }
.Summary__btn.full { width: 100%; }
.Summary__btn.Summary__voice a { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, #bfbfbf 2%, #aaa 4%, #999 100%) repeat scroll 0 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bfbfbf), color-stop(1, #999)); background-color: #aaa; font-size: 1.4rem; padding: .5em 0px .5em 14px; }
.Summary__btn.Summary__voice a:hover { background: linear-gradient(to bottom, #bbb 2%, #a1a1a1 4%, #8f8f8f 100%) repeat scroll 0 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(1, #8f8f8f)); background-color: #a1a1a1; }
.Summary__btn.Summary__voice a span { padding-left: 14px; display: block; background-image: url(/html/template/default/assets/img/ico_voice001.png); background-position: left center; background-repeat: no-repeat; }

.Content__right .Summary__btn { margin-top: 30px; width: 60%; }
.Content__right .Summary__btn a { padding: .8em 10px .8em 25px; }

.Content__guide .Section__img { background-color: #fff; width: 100%; text-align: center; padding: 15px 0; }

.Content .Content__link { margin-top: 20px; }
.Content .Content__link_jump li a { padding: 5px 0 5px 20px; background-position: left 5px center; background-size: 12px auto; }
.Mainbox__item .Content__link { margin-top: 40px; }
#Cosmetic__column .column__banner .Content__link { margin-top: 0; }


.Content .Content__right .Content__whitebox .Content__link { 
    width: 100%;
    margin-top: 15px; 
}
.Content .Content__right .Content__whitebox .Content__link a { font-size: 1.6rem; 
    background: url(/html/template/default/assets/img/ico_cart001.png) left center no-repeat; 
    background-color: #73a141;
     background-position: right 10px center; 
}

.Content__link--wide { width: 100%; margin: 20px 0 0; }
.Content__link--wide a { line-height: 1.2; font-size: 4vw; padding: .5em 1em .5em; }

.Content__link { width: 70%; margin: 40px auto 0; }
.Content__link a, .Content__link button { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, #90b683 2%, #81a375 4%, #7b9b70 100%) repeat scroll 0 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #90b683), color-stop(1, #7b9b70)); background-color: #81a375; width: 100%; padding: .8em .5em; font-size: 1.6rem; text-align: center; line-height: 1; border-bottom: none; border: 0; cursor: pointer; display: block; border: 0; }
.Content__link a:hover, .Content__link button:hover { background: linear-gradient(to bottom, #7aa86b 2%, #6e985f 4%, #658c58 100%) repeat scroll 0 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7aa86b), color-stop(1, #658c58)); background-color: #6e985f; }
.Content__link a span, .Content__link button span { display: block; background-image: url(/html/template/default/assets/img/ico_arrow003.png); background-position: right center; background-repeat: no-repeat; }
.Content__link.Content__back a, .Content__link.Content__back button { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, #bfbfbf 2%, #aaa 4%, #999 100%) repeat scroll 0 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bfbfbf), color-stop(1, #999)); background-color: #aaa; }
.Content__link.Content__back a:hover, .Content__link.Content__back button:hover { background: linear-gradient(to bottom, #bbb 2%, #a1a1a1 4%, #8f8f8f 100%) repeat scroll 0 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(1, #8f8f8f)); background-color: #a1a1a1; }
.Content__link.Content__cart a, .Content__link.Content__cart button { background-color: #73a141; }
.Content__link.Content__modal a, .Content__link.Content__modal button { background-color: #fff; color: #367d46; }

@media only screen and (min-width: 769px) {   
    .Content__link--wide { max-width: 640px; }
    .Content__link--dot { text-align: center; font-size: 1.8rem; letter-spacing: 3px; margin-top: 30px; }
    .Content__link--dot a { color: #aaa; padding-bottom: 5px; border-bottom: 2px dotted #aaa; }
}








/* セット商品 */

#Item__set { background: url(/html/template/default/assets/img/bg_border.png) left bottom repeat-x; padding: 0 0 80px; }
#Item__set:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
#Item__set .Item__right { width: auto; }
#Item__set .cp_label { text-align: center; margin-top: .5em; }
#Item__set .cp_label img { width: 100% !important; height: auto; }

.Item__container--set { width: 470px; background: none; padding-bottom: 0; margin-left: 40px; float: left; box-sizing: border-box; position: relative; }
.Item__container--set:nth-child(even) { margin-left: 0; }
.Item__container--set .Item__ttl { font-size: 2.0rem; padding-top: 1em; }
.Item__container--set .Item__summary .Item__txt { font-size: 1.4rem; }
.Item__container--set .Item__summary .Item__txt.Item__txt_catch { font-size: 1.6rem; }
.Item__container--set .Item__orderbox { width: 150px; float: right; margin-top: 0; }
.Item__container--set .Item__orderbox .Orderbox__list { padding: 30px 0; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__price { margin: 0; width: auto; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__price p { white-space: normal; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__price p.cp span { font-size: 1.5rem; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__price p.point span { font-size: 1.4rem; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__price p span { font-size: 2.4rem; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__cartin { width: 100%; margin-top: 15px; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__cartin a { padding-left: 10px; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__select { text-align: left; margin-top: 15px; padding-right: 0; width: auto; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__reserve { text-align: left; margin-top: 10px; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__reserve p { display: block; margin: 0; }
.Item__container--set .Item__orderbox .Orderbox__list .Orderbox__reserve p:first-child { text-align: center; margin-bottom: 5px; }
.Item__container--set .Item__orderbox .Orderbox__list.Orderbox__list-price { padding: 15px 0; border-bottom: 1px solid #ccc; border-top: none; }
.Item__container--set .Item__orderbox + .Summary__box { float: none; width: 150px; }
.Item__container--set .Item__orderbox + .Summary__box .Summary__btn { width: 100%; }
.Item__container--set .Item__left { margin-right: 20px; }
.Item__container--set .Item__txt { font-size: 1.4rem; margin-top: 10px; }
.Item__container--set .Summary__box .Summary__btn { width: 100%; }

.Item__setcontents { border: 1px dotted #ccc; padding: 15px; margin-top: 30px; }
.Item__setcontents:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.Item__setcontents_ttl { border-bottom: 1px solid #ccc; font-weight: bold; margin-bottom: 10px; }

.Item__setcontents_txt { font-size: 1.2rem; }
.Item__setcontents_txt li { text-indent: -1em; padding-left: 1em; }

.Item__setcontents--single { display: table; width: 100%; box-sizing: border-box; }
.Item__setcontents--single .Item__setcontents_ttl, .Item__setcontents--single .Item__setcontents_txt { display: table-cell; vertical-align: middle; }
.Item__setcontents--single .Item__setcontents_ttl { border: 1px solid #aaa; height: 100%; padding: 0 20px; text-align: center; }
.Item__setcontents--single .Item__setcontents_txt { padding-left: 40px; }

.Item__origin { padding: 10px 0 10px 36px; display: inline-block; margin: 0; line-height: 20px; font-size: 1.4rem; font-weight: bold; text-align: left; background: left center no-repeat; }
.Item__origin.Item__origin_jpn { background-image: url(/html/template/default/assets/img/ico_jpn.png); }
.Item__origin.Item__origin_aus { background-image: url(/html/template/default/assets/img/ico_aus.png); }
.Item__origin.Item__origin_fra { background-image: url(/html/template/default/assets/img/ico_fra.png); }
.Item__origin.Item__origin_ita { background-image: url(/html/template/default/assets/img/ico_ita.png); }
.Item__origin.Item__origin_esp { background-image: url(/html/template/default/assets/img/ico_esp.png); }

.Mainbox__item_list { 
    -js-display: flex; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: flex; 
    /* flex-wrap: wrap;  */
}
.Mainbox__item_list li { margin: 60px 0 0 40px; position: relative; width: 290px; }

.Mainbox__item_ttl { margin: 1em 0 .6em; font-size: 1.6rem; font-weight: bold; }
.Mainbox__item_ttl .Item__origin { font-size: 1rem; display: block; background-size: auto 12px; padding-left: 24px; }

.Item__origin + .Mainbox__item_ttl { margin-top: 0.5em; }

.Mainbox__item_txt_catch { margin-top: 1em; font-size: 1.4rem; font-weight: bold; }

.Mainbox__item_txt { margin-top: 0; }

.Mainbox__category_list:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Mainbox__category_list .Mainbox__category_ttl { background: #ccc; color: #fff; font-size: 1.8rem; padding: 10px 0 10px 15px; line-height: 1; }
.Mainbox__category_list .Mainbox__category_ttl a { color: #fff; border: none; }
.Mainbox__category_list .Mainbox__category { float: left; margin: 60px 0 0 40px; position: relative; }
.Mainbox__category_list .Mainbox__category:first-child { margin-left: 0 !important; }
.Mainbox__category_list .Mainbox__item_list li { margin-top: 30px; }
.Mainbox__category_list .Mainbox__item_list li:first-child { margin-left: 0; }

.Page__category .Content__left .Mainbox__item.Mainbox__cat_link { margin-bottom: 40px; }
.Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li { width: 15%; margin-left: 2% !important; position: relative; margin-top: 40px; }
.Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li:nth-child(6n+1) { margin-left: 0 !important; }
.Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li p { width: 100%; position: absolute; bottom: 0; box-sizing: border; font-size: 12px; line-height: 1.3; color: #fff; padding: .5em .2em; text-align: center; background: #017746; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.Page__category .Content__left .Mainbox__item.Mainbox__cat_link .Mainbox__item_list li:hover p { opacity: 0.9; filter: alpha(opacity=90); }

.Mainbox__trouble_rank { text-align: center; }
.Mainbox__trouble_rank .Mainbox__trouble_rank_ttl { color: #888; font-size: 2.8rem; font-family: "hannari"; box-sizing: border-box; margin-top: 60px; letter-spacing: 2px; display: block; }
.Mainbox__trouble_rank .Mainbox__trouble_rank_ttl span { background: url(/html/template/default/assets/img/ico_flower.png) left center no-repeat; background-size: 40px auto; padding: 6px 0 6px 55px; margin-left: -30px; }
.Mainbox__trouble_rank .Mainbox__trouble_rank_list { margin-top: 60px; height: auto; display: table; width: 100%; table-layout: fixed; }

@media only screen and (min-width: 769px) { 
.Mainbox__trouble_rank .Mainbox__trouble_rank_list li { 
    display: table-cell; 
    height: 141px; 
    width: 160px; 
    text-align: center; 
    font-size: 1.6rem; 
    vertical-align: middle; 
    font-weight: bold; 
}
.Mainbox__trouble_rank .Mainbox__trouble_rank_list li a { 
    border-bottom: none; 
}
}

.Mainbox__trouble_rank .Mainbox__trouble_rank_list .Mainbox__trouble_rank1 { background: url(/html/template/default/assets/img/ico_trouble_rank01.png) 10px 0px no-repeat, url(/html/template/default/assets/img/bg_trouble_top.png) center no-repeat; }
.Mainbox__trouble_rank .Mainbox__trouble_rank_list .Mainbox__trouble_rank2 { background: url(/html/template/default/assets/img/ico_trouble_rank02.png) 10px 0px no-repeat, url(/html/template/default/assets/img/bg_trouble_top.png) center no-repeat; }
.Mainbox__trouble_rank .Mainbox__trouble_rank_list .Mainbox__trouble_rank3 { background: url(/html/template/default/assets/img/ico_trouble_rank03.png) 10px 0px no-repeat, url(/html/template/default/assets/img/bg_trouble_top.png) center no-repeat; }
.Mainbox__trouble_rank .Mainbox__trouble_rank_list .Mainbox__trouble_rank4 { background: url(/html/template/default/assets/img/ico_trouble_rank04.png) 10px 0px no-repeat, url(/html/template/default/assets/img/bg_trouble_top.png) center no-repeat; }
.Mainbox__trouble_rank .Mainbox__trouble_rank_list .Mainbox__trouble_rank5 { background: url(/html/template/default/assets/img/ico_trouble_rank05.png) 10px 0px no-repeat, url(/html/template/default/assets/img/bg_trouble_top.png) center no-repeat; }

.Mainbox__about { background: url(/html/template/default/assets/img/bg_kv001.jpg) center no-repeat; padding: 100px 0; box-sizing: border-box; background-size: cover; color: #fff; }
.Mainbox__about .Mainbox__about_ttl { text-align: center; font-size: 4.0rem; font-family: 'hannari'; margin-bottom: 45px; text-shadow: 0 0 16px black, 0 0 10px black; }
.Mainbox__about .Mainbox__about_txt { font-size: 1.8rem; margin: 0 240px 75px; text-align: center; text-shadow: 0 0 16px black, 0 0 10px black; }

.Mainbox__brand { padding-top: 40px; }
.Mainbox__brand .Mainbox__category:nth-child(2) { margin-left: 0; }
.Mainbox__brand .Mainbox__brand_item_ttl { font-size: 1.8rem; display: table-cell; vertical-align: middle; }
.Mainbox__brand .Mainbox__brand_item_txt { font-size: 1.4rem; padding: 15px 115px 15px 15px; }
.Mainbox__brand .Mainbox__category { /* ジ・オリーヴオイルシリーズ */ /* オリーヴフォレストシリーズ */ /* 宇野千代BRAND */ /* 健康食品 */ /* 食用オリーブオイル */ /* 厳選食品 */ /* 雑貨・その他 */ }
.Mainbox__brand .Mainbox__category .Mainbox__category_item, .Mainbox__brand .Mainbox__category .Mainbox__category_item--brand, .Mainbox__brand .Mainbox__category .Mainbox__category_item--etc { margin-bottom: 0; background: #fff; padding: 4px; box-sizing: border-box; position: relative; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top { display: table; height: 80px; width: 100%; padding: 0 20px; box-sizing: border-box; line-height: 1.4; }
.Mainbox__brand .Mainbox__category .Mainbox__category_bg { width: 90px; height: 160px; position: absolute; top: 20px; right: 20px; }
.Mainbox__brand .Mainbox__category .Mainbox__category_item--brand { width: 400px; }
.Mainbox__brand .Mainbox__category .Mainbox__category_item--brand .Mainbox__category_top { height: 120px; padding: 0 20px 0 110px; }
.Mainbox__brand .Mainbox__category .Mainbox__category_item--etc { width: 290px; }
.Mainbox__brand .Mainbox__category .Mainbox__category_item--etc .Mainbox__brand_item_txt { padding-right: 100px; }
.Mainbox__brand .Mainbox__category .Mainbox__category_item--etc .Mainbox__category_bg { width: 70px; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top--oil { background: #fdfbf7 url(/html/template/default/assets/img/logo_theoliveoil.png) 17px center no-repeat; background-size: 80px 80px; color: #00744B; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top--oil { background: #fff url(/html/template/default/assets/img/logo_theoliveoil.png) 17px center no-repeat; background-size: 80px 80px; border: 3px solid #00744B; color: #00744B; }
.Mainbox__brand .Mainbox__category .Mainbox__category_bg--oil { background: url(/html/template/default/assets/img/img_category1-001.png) center no-repeat; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top--forest { background: #d0ebba url(/html/template/default/assets/img/logo_oliveforest.png) 17px center no-repeat; background-size: 80px auto; }
.Mainbox__brand .Mainbox__category .Mainbox__category_bg--forest { background: url(/html/template/default/assets/img/img_category1-002.png) center no-repeat; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top--forest { background: #fff url(/html/template/default/assets/img/logo_oliveforest.png) 17px center no-repeat; background-size: 80px auto; border: 3px solid #bda780; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top--unochiyo { background: #e05979 url(/html/template/default/assets/img/logo_unochiyo_white.png) 30px center no-repeat; background-size: 180px auto; color: #fff; }
.Mainbox__brand .Mainbox__category .bg_sakura { position: absolute; top: 40px; left: 240px; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top--unochiyo { background: #fff url(/html/template/default/assets/img/img_sakura2.png) 40px center no-repeat; background-size: 40px auto; border: 3px solid #e05979; color: #e05979; }
.Mainbox__brand .Mainbox__category .Mainbox__category_bg--unochiyo { background: url(/html/template/default/assets/img/img_category1-003.png) center no-repeat; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top--health { background-color: #f7e9d6; }
.Mainbox__brand .Mainbox__category .Mainbox__category_bg--health { background: url(/html/template/default/assets/img/img_category2-001.png) center no-repeat; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top--food { background-color: #f1f2a9; }
.Mainbox__brand .Mainbox__category .Mainbox__category_bg--food { background: url(/html/template/default/assets/img/img_category2-002.png) center no-repeat; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top--selection { background-color: #d6f8d5; }
.Mainbox__brand .Mainbox__category .Mainbox__category_bg--selection { background: url(/html/template/default/assets/img/img_category2-003.png) center no-repeat; }
.Mainbox__brand .Mainbox__category .Mainbox__category_top--goods { background-color: #f2ecec; }
.Mainbox__brand .Mainbox__category .Mainbox__category_bg--goods { background: url(/html/template/default/assets/img/img_category3-001.png) center no-repeat; }

@media only screen and (min-width: 769px) { 
#Cosmetic__column .Content__ttl.Content__ttl-nobdr, #Cosmetic__column .Content__desc.Content__ttl-nobdr { border: none; padding-top: 20px; }
#Cosmetic__column .Content__desc { position: relative; }
#Cosmetic__column .Content__desc + .Mainbox { margin-top: 2em; }
}


/* レシピページ  */

.Content__img { text-align: center; margin-top: 60px; }
.Page__list .Content__recipe_item, .Page__brand .Content__recipe_item, .Page__category .Content__recipe_item, .Page__cart .Content__recipe_item, .Page__product .Content__recipe_item, .Page__forest .Content__recipe_item, .Page__history .Content__recipe_item, .Page__food .Content__recipe_item, .Page__cosmetic .Content__recipe_item, .Page__trouble .Content__recipe_item, .Page__point .Content__recipe_item, .Page__base .Content__recipe_item { width: 280px; float: right; box-sizing: border-box; border: 1px dashed #ccc; padding: 1em !important; }
.Page__list .Content__recipe_item > p, .Page__brand .Content__recipe_item > p, .Page__category .Content__recipe_item > p, .Page__cart .Content__recipe_item > p, .Page__product .Content__recipe_item > p, .Page__forest .Content__recipe_item > p, .Page__history .Content__recipe_item > p, .Page__food .Content__recipe_item > p, .Page__cosmetic .Content__recipe_item > p, .Page__trouble .Content__recipe_item > p, .Page__point .Content__recipe_item > p, .Page__base .Content__recipe_item > p { font-size: 1.4rem; font-weight: bold; text-align: center; }
.Page__list .Content__recipe_item .Item__img, .Page__brand .Content__recipe_item .Item__img, .Page__category .Content__recipe_item .Item__img, .Page__cart .Content__recipe_item .Item__img, .Page__product .Content__recipe_item .Item__img, .Page__forest .Content__recipe_item .Item__img, .Page__history .Content__recipe_item .Item__img, .Page__food .Content__recipe_item .Item__img, .Page__cosmetic .Content__recipe_item .Item__img, .Page__trouble .Content__recipe_item .Item__img, .Page__point .Content__recipe_item .Item__img, .Page__base .Content__recipe_item .Item__img { width: 240px; margin: auto; }
.Page__list .Content__recipe_item .Item_catch, .Page__brand .Content__recipe_item .Item_catch, .Page__category .Content__recipe_item .Item_catch, .Page__cart .Content__recipe_item .Item_catch, .Page__product .Content__recipe_item .Item_catch, .Page__forest .Content__recipe_item .Item_catch, .Page__history .Content__recipe_item .Item_catch, .Page__food .Content__recipe_item .Item_catch, .Page__cosmetic .Content__recipe_item .Item_catch, .Page__trouble .Content__recipe_item .Item_catch, .Page__point .Content__recipe_item .Item_catch, .Page__base .Content__recipe_item .Item_catch { font-size: 1.2rem; }
.Page__list .Content__recipe_item .Item_ttl, .Page__brand .Content__recipe_item .Item_ttl, .Page__category .Content__recipe_item .Item_ttl, .Page__cart .Content__recipe_item .Item_ttl, .Page__product .Content__recipe_item .Item_ttl, .Page__forest .Content__recipe_item .Item_ttl, .Page__history .Content__recipe_item .Item_ttl, .Page__food .Content__recipe_item .Item_ttl, .Page__cosmetic .Content__recipe_item .Item_ttl, .Page__trouble .Content__recipe_item .Item_ttl, .Page__point .Content__recipe_item .Item_ttl, .Page__base .Content__recipe_item .Item_ttl { font-size: 1.4rem; font-weight: bold; }
.Page__list .Content__recipe_item a, .Page__brand .Content__recipe_item a, .Page__category .Content__recipe_item a, .Page__cart .Content__recipe_item a, .Page__product .Content__recipe_item a, .Page__forest .Content__recipe_item a, .Page__history .Content__recipe_item a, .Page__food .Content__recipe_item a, .Page__cosmetic .Content__recipe_item a, .Page__trouble .Content__recipe_item a, .Page__point .Content__recipe_item a, .Page__base .Content__recipe_item a { display: block; border: 0; }
.Page__list .Content__recipe_item div:not(:first-child), .Page__brand .Content__recipe_item div:not(:first-child), .Page__category .Content__recipe_item div:not(:first-child), .Page__cart .Content__recipe_item div:not(:first-child), .Page__product .Content__recipe_item div:not(:first-child), .Page__forest .Content__recipe_item div:not(:first-child), .Page__history .Content__recipe_item div:not(:first-child), .Page__food .Content__recipe_item div:not(:first-child), .Page__cosmetic .Content__recipe_item div:not(:first-child), .Page__trouble .Content__recipe_item div:not(:first-child), .Page__point .Content__recipe_item div:not(:first-child), .Page__base .Content__recipe_item div:not(:first-child) { 
    padding-left: 0; }

@media only screen and (max-width: 768px) { 
    .Content .Content__left .Content__recipe_item { width: 100%; float: none; margin: 1em auto 0; }
    .Content .Content__left .Content__recipe_item .Item__img { width: 100% !important; height: auto; }
    }


/* オリーブ受賞歴 */

@media only screen and (max-width: 768px) { 
.bnr--long a {
    display: inline-block;
    border: none;
    text-align: center;
    margin-left: 20px;
    padding-bottom: 0;
    }
.bnr--long a:first-child { 
    margin-left: 0; 
    }
}
.bnr--long a { 
    margin: 20px 0;
}

/* オリーブとともに。 */

.Content .Content__list li { 
    float: left;
    /* margin-left: 40px;  */
    box-sizing: border-box;
    height: 141px;
}
@media only screen and (max-width: 768px) { 
    .Content .Content__list li { 
        margin: 20px 0 0 0;
        float: none;
        width: 100%; 
    }
    
}

/* 紫外線って何？ */

.Content__ttl { 
    font-size: 3.6rem; 
    font-weight: bold; 
    text-align: center; 
    padding-bottom: 10px; 
    border-bottom: 1px solid #ccc; 
}
.Content__desc { text-align: center; margin: 2em auto 0; }
.Content__desc + .note { margin-top: 1em; }

    @media only screen and (max-width: 768px) { 
        .Content .Content__ttl { 
            font-size: 6.4vw; 
            letter-spacing: 0; padding: 20px 0 10px; 
            letter-spacing: -1.5px;
        }
        .Content .Content__desc, .Content .Content__desc--left, .Content .Top__desc { font-size: 14px; text-align: left; letter-spacing: -0.5px; }
        .Content .Content__desc { margin: 20px 0 0; }
    }

/* 食用オリーブオイル一覧 */
.Top__desc { margin: 0; width: auto; text-align: left; padding: 0 0 80px; background: url(/img/bg_border.png) left bottom repeat-x; }
.Top__desc:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Top__desc.Top__desc--bdrnone { padding-bottom: 0 !important; background: none; }
.Top__desc + .Mainbox { margin-top: 60px; }

.Top__desc--bnr { background: url(/img/bg_border.png) left bottom repeat-x; margin: 2em auto 0; padding: 0 20px 20px; }
.Top__desc--bnr p { margin-bottom: 20px; }

.Top__desc--other { text-align: center; }
.Top__desc--other:first-child { padding-bottom: 80px; }

.Top__desc--lead { 
    font-size: 2.4rem; 
    /* font-family: "hannari";  */
    line-height: 2; }


/* 小豆島産オリーブ商品一覧 */
#Cosmetic__column .Item__container { background: none; border-top: 1px solid #ccc; padding: 40px; }
#Cosmetic__column .Item__container .Item__left, #Cosmetic__column .Item__container .Item__right { margin-right: 0; }
#Cosmetic__column .Item__container .Item__left { width: 200px; }
#Cosmetic__column .Item__container .Item__left .Item__img img { width: 100% !important; height: auto; }
#Cosmetic__column .Item__container .Item__left .Content__ttl { border: none; padding-top: 0; font-size: 1.6rem; border-bottom: 1px solid #ccc; }
#Cosmetic__column .Item__container .Item__right { width: 520px; }
#Cosmetic__column .Item__container:first-child { margin-top: 0; }
#Cosmetic__column .Item__container--list .Item__catch { font-size: 1.6rem; font-weight: bold; }
#Cosmetic__column .Item__container--list .Item__ttl { margin-top: .5em; }
#Cosmetic__column .Item__container--list .Item__left { width: auto; }
#Cosmetic__column .Item__container--list .Item__left .Item__img { width: 160px; }
#Cosmetic__column .Item__container--list .Item__left .Item__img img { height: 240px; width: auto !important; display: block; margin: auto; }
#Cosmetic__column .Item__container--list .Item__right { width: 600px; }
#Cosmetic__column .Item__container--rank { width: 33.333%; box-sizing: border-box; display: inline-block; vertical-align: top; padding: 40px 1em 20px; }
#Cosmetic__column .Item__container--rank .Item__ttl { margin-top: .5em; font-size: 1.6rem; }
#Cosmetic__column .Item__container--rank .Item__ttl span { font-family: "ヒラギノ明朝 ProN W3",'Hiragino Mincho ProN',"ＭＳ Ｐ明朝",'MS PMincho','Times New Roman',serif; vertical-align: super; font-size: 2.4rem; }
#Cosmetic__column .Item__container--rank .Item__ttl .rank1 { color: #d8c537; }
#Cosmetic__column .Item__container--rank .Item__ttl .rank2 { color: #dcdcdc; }
#Cosmetic__column .Item__container--rank .Item__ttl .rank3 { color: #a38472; }
#Cosmetic__column .Item__container--rank .Item__img img { width: 100% !important; height: auto; }

.Item__container { padding: 40px 0 60px; background: url(/img/bg_border.png) left bottom repeat-x; /* 注文リスト */ }
.Item__container:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Item__container .Item__left { width: 300px; float: left; margin-right: 40px; position: relative; }
.Item__container .Item__left .Item__img { position: relative; }
.Item__container .Item__left .Item__img .Item__ico { position: absolute; top: 0; left: 0; }
.Item__container .Item__left .Content__ttl { font-size: 1.6rem; margin-top: 20px; padding-bottom: 5px; }
.Item__container .Item__right { float: right; width: 640px; box-sizing: border-box; }
.Item__container .Item__right .bnr_oliveday { padding-bottom: 1em; }
.Item__container .Item__right .Summary__box { width: 100%; float: right; }
.Item__container .Item__right .Summary__box .Summary__btn { width: 50%; box-sizing: border-box; }
.Item__container .cp_label .alpha, .Item__container .cp_label .Page__cart .Style__textlink, .Page__cart .Item__container .cp_label .Style__textlink, .Item__container .cp_label .Page__shopping .Style__textlink, .Page__shopping .Item__container .cp_label .Style__textlink { border: none; }
.Item__container .Item__ttl { font-size: 2.8rem; font-weight: bold; line-height: 1.2; }
.Item__container .Item__ttl a { display: inline; vertical-align: super; }
.Item__container .Item__series { font-size: 1.2rem; margin-top: .5em; }
.Item__container .Item__series a { color: #146f99; border-color: #146f99; }
.Item__container .Content__snsButton { position: relative; bottom: auto; right: auto; margin: 20px 0 5px; }
.Item__container .Content__snsButton li { margin: 0 10px 0 0; }
.Item__container .Item__summary { margin-top: .5em; }
.Item__container .Item__summary:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Item__container .Item__summary .Item__summary_inner:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Item__container .Item__summary .Layout__left { width: 480px; }
.Item__container .Item__summary .Layout__right { width: 120px; }
.Item__container .Item__summary .Item__txt { font-size: 1.6rem; }
.Item__container .Item__summary .Item__txt.Item__txt_catch { font-size: 1.8rem; font-weight: bold; margin-bottom: 5px; }
.Item__container .Item__summary .Item__status { margin-top: 15px; }
.Item__container .Item__summary .Item__status:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Item__container .Item__summary .Item__status li { float: left; padding: 2px 20px; border: 1px dashed #ccc; box-sizing: border-box; text-align: center; margin: 0 10px 10px 0; }
.Item__container .Item__summary .Item__status li br { display: none; }
.Item__container .Item__summary .Item__delivery { margin-top: 15px; }
.Item__container .Item__summary .Item__ingredient { text-align: right; margin-top: 10px; text-decoration: underline; font-size: 1.2rem; line-height: 1; }
.Item__container .Item__summary .Item__ingredient a { display: inline-block; }
.Item__container .Summary__box { text-align: center; }
.Item__container .Summary__box .Summary__btn { margin-top: 30px; width: 70%; }
.Item__container .Item__orderbox { width: 100%; box-sizing: border-box; font-size: 1.2rem; margin-top: 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.Item__container .Item__container--wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Item__container:first-child { margin-top: -60px; }

.Item__infobox { margin-top: 10px; font-size: 1.4rem; }
.Item__infobox:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Item__infobox .Item__info_list { margin: 3px 0 2px 0; font-size: 1.4rem; line-height: 1.4; float: left; }
.Item__infobox .Item__info_list:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.Item__infobox .Item__info_list dl { display: table; table-layout: fixed; width: 100%; }
.Item__infobox .Item__info_list dl dt, .Item__infobox .Item__info_list dl dd { vertical-align: middle; display: table-cell; }
.Item__infobox .Item__info_ttl { background: rgba(190, 185, 177, 0.9); width: 120px; color: #fff; text-align: center; padding: 5px 0; box-sizing: border-box; }
.Item__infobox .Item__info_cont { background: rgba(236, 235, 229, 0.9); width: 180px; float: left; padding: 5px 10px 5px; box-sizing: border-box; }
.Item__infobox .Item__info_cont a { color: #146f99; border-color: #146f99; }
    
    @media only screen and (max-width: 768px) { 
        #Cosmetic__column .Item__container .Item__left { margin: auto; }
        #Cosmetic__column .Item__container--list { padding: 40px 0; }
        #Cosmetic__column .Item__container--rank { width: 100%; padding: 40px 0; }
        #Cosmetic__column .Item__container--rank .Item__img { display: block; width: 180px; height: auto; margin: auto; }
        .Item__container { padding: 60px 0; }
        .Item__container:first-child { margin-top: -40px; }
        .Item__container .Item__right { float: none; width: 100% !important; margin-top: 20px; }
        .Item__container .Item__right .Layout__left { width: 100%; float: none; }
        .Item__container .Item__right .Layout__right { width: 100%; float: none; }
        .Item__container .Item__right .Layout__right li { width: 100%; height: 30px; margin-top: 20px; }
        .Item__container .Item__right .Layout__right li br { display: none; }
        .Item__container .Item__left { float: none; width: 100%; }
        .Item__container .Item__left .Item__img { width: 240px; margin: 0 auto; }
        .Item__container .Item__left .Item__img img { width: 100%; height: auto; }
        .Item__container .cp_label { text-align: center; }
        .Item__container .cp_label img { width: 100% !important; height: auto; }
        .Item__container .Item__heading { min-height: 0; padding-bottom: 0; }
        .Item__container .Item__ttl { font-size: 1.8rem !important; line-height: 1.3; }
        .Item__container .Item__origin + .Item__ttl { margin-top: 5px; }
        .Item__container .Item__summary { margin-top: 20px; }
        .Item__container .Item__summary .Item__txt { font-size: 1.2rem; }
        .Item__container .Item__summary .Item__txt img.point { width: 100% !important; height: auto; }
        .Item__container .Item__summary .Item__txt.Item__txt_catch { font-size: 4vw; }
        .Item__container .Item__summary .Item__infobox { margin-top: 0; }
        .Item__container .Item__summary .Item__infobox.Item__infobox_top { margin-top: 10px; }
        .Item__container .Item__summary .Item__infobox .Item__info_list { margin-right: 0; width: 100%; }
        .Item__container .Item__summary .Item__infobox dl { display: table; width: 100%; }
        .Item__container .Item__summary .Item__infobox dl .Item__info_ttl, .Item__container .Item__summary .Item__infobox dl .Item__info_cont { display: table-cell; float: none; }
        .Item__container .Item__summary .Item__infobox dl .Item__info_ttl { min-width: 20%; width: 90px; padding: 5px; }
        .Item__container .Item__summary .Item__infobox dl .Item__info_cont { width: auto; }
        .Item__container .Item__summary .Item__infobox dl dt, .Item__container .Item__summary .Item__infobox dl dd { font-size: 1.2rem; }
        .Item__container .Item__summary .Item__status { font-size: 1.2rem; }
        .Item__container .Item__orderbox { width: 100%; padding-top: 0; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__list_table .d-flex { justify-content: space-between; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__list_table > div { display: block; width: 100%; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__list_table > div:not(.Orderbox__price) { margin-top: 0; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__list_table > div:not(.Orderbox__price) .Orderbox__select { margin-top: 0; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__list_table > div:not(.Orderbox__price) .Orderbox__select .Orderbox__number { margin-bottom: 0; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__select { padding-right: 0; text-align: right; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__select:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__select input, .Item__container .Item__orderbox .Orderbox__list .Orderbox__select select { padding: 5px; font-size: 16px; margin-bottom: 10px; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__select select { padding: 5px 10px; -webkit-appearance: button; -moz-appearance: button; appearance: button; background-color: #fff; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__select .Orderbox__number { width: 60px; float: right; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__select .Orderbox__number select { margin-left: 0; }
        .Item__container .Item__orderbox .Orderbox__list .Orderbox__price, .Item__container .Item__orderbox .Orderbox__list .Orderbox__select, .Item__container .Item__orderbox .Orderbox__list .Orderbox__cartin { max-width: none; }
        .Item__container .Item__orderbox .Orderbox__list.Orderbox__list-price { padding: 15px 0 !important; }
        .Item__container .Item__setcontents .Item__setcontents_ttl, .Item__container .Item__setcontents .Item__setcontents_txt { display: block; }
        .Item__container .Item__setcontents .Item__setcontents_ttl { padding: 0 0 1em; }
        .Item__container .Item__setcontents .Item__setcontents_txt { padding-left: 0; }
        .Item__container .Summary__box .Summary__btn { width: 100%; margin-top: 20px; }
        .Item__container.Item__container_brand .Item__heading { background-size: 60px; padding-left: 70px; margin-top: 10px; }
        .Item__container.Item__container_brand .Item__heading .bland_name { font-size: 1.4rem; }
    }





    /* 会社概要 */
    
    @media only screen and (max-width: 768px) { 
        .Page__forest .Table__info th, .Page__forest .Table__info td{
            display: block;
            text-align: left;
        }
        .Page__forest .Table__info.Table__company td, .Page__history .Table__info.Table__company td{
            width: 100%;
        }
    }

    /* お悩みナビ */
    .Page__trouble .Cosmetic__column_top{
        padding-top: 80px;
    }
     .Page__trouble .Mainbox.Mainbox--bdrnone{
        padding: 6rem 0;
     }
     @media only screen and (min-width: 769px) { 
     .Container__mainvis.Container__mainvis--trouble .Container__mainvis_txt img{
        width: auto;
        height: auto;
     }
    }
     @media only screen and (max-width: 768px) { 
        .Page__trouble .Mainbox.Mainbox--bdrnone{
            padding-bottom: 5rem;
         }
         section.Mainbox.Mainbox__column.Mainbox--bdrnone{
            width: 100%;
            padding: 0 20px 40px;
         }
         .Mainbox__column .Mainbox__column_post li{
            background-color: #fff;
            margin-bottom: 2rem;
         }
     }

     /* 紫外線ってなに？ */
     #Page__cosmetic__faq_uv .Content__snsButton{
        max-width: 300px;
        left: 0;
        position: absolute;
    }
    @media only screen and (max-width: 768px) { 
        #Page__cosmetic__faq_uv .Content__snsButton{
        max-width: 100%;
        }
        #Page__cosmetic__faq_uv .Content__left{
            padding-bottom: 7rem;
        }
}
/* オリーブ大事典 - オリーブの起源と歴史 */

#Page__olive-history_shodoshima .Content__entry{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
#Page__olive-history_shodoshima .Content__entry .Entry_txt{
    width: 50%;
}
@media only screen and (max-width: 768px) { 
    #Page__olive-history_shodoshima .Content__entry .Entry_txt{
        width: 100%;
    }
}