@charset "UTF-8";
@import url(//fonts.googleapis.com/css2?family=Noto+Sans+JP);
@import url(//fonts.googleapis.com/css2?family=Noto+Serif+JP);

#module_titleArea .social_wrap { top: -15px; right: 0; border: none; }
#module_titleArea .social_wrap li{margin:0 0 0 8px}
#main { overflow: hidden; position: relative; }
#content2 { padding: 0; color: #373737;}
#content2 img { width: 100%; vertical-align: middle; }
#contents_wrap{ font-family: 'Noto Sans JP',sans-serif; font-size: 116.6%; }
#contents_wrap .container{max-width: 1174px;margin: 0 auto;padding-right: 13px;padding-left: 13px;}
#main_image { width: 100%; overflow: hidden; position: relative;  }
#main_image img { margin-left: 0; width: 100%; position: static; left: 0; }

[data-aos=fade-up]{transform:translate3d(0,60px,0)}
[data-aos^=fade][data-aos^=fade].aos-animate{transform:translateZ(0)}

.intro_section { background-color: #f8f6ee; position: relative; }
.intro_section .container { position: relative; }
.intro_section .scroll { position: absolute; left: 13px; width: 14px; transform: translateY(-182px); }
.scroll_down { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 1.5s ease 6s; position: absolute; left: 13px; width: 1px; height: 80px; background-color: #fff; top: -80px; }
.show.scroll_down{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.show.scroll_down { opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.scroll_down_bar { position: relative; overflow: hidden; width: 1px; height: 80px; }
.scroll_down_bar:before { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #fff;  content: '';  }
.scroll_down_bar:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #333;  content: '';  }
.scroll_down_bar:before { opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
.show .scroll_down_bar:after { animation: scroll-bar 2.5s cubic-bezier(.645,.045,.355,1) infinite; }
@keyframes scroll-bar{0%{height:100%;bottom:0}25%{height:0;bottom:0}75%{height:0;bottom:100%}100%{height:100%;bottom:0}}
.intro_section_map { position: absolute; top: 0; height: auto; left: 0; }
.intro_col_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 90px 0 94px; position: relative; }
.intro_col_wrap .intro_col { width: 30.32%; }
.intro_col_wrap .intro_col+.intro_col { width: 63.2%; }
.intro_col_wrap .intro_col .type_text { margin-left: 67px; text-align: center; margin-top: 77px; position: relative; }
.intro_col_wrap .intro_col .num { position: absolute; left: -44px; max-width: 128px; top: -70px; }
.intro_col_wrap .intro_col .type_text .label { font-size: 115%; font-weight: 500; }
.intro_col_wrap .intro_col .type_text .kind { font-size: 358%; font-family: 'Noto Serif JP',sans-serif; line-height: 1em; margin-top: 22px; }
.intro_col_wrap .intro_col .type_text .country { font-size: 157%; font-family: 'Noto Serif JP',sans-serif; display: inline-block; margin-top: 12px; }
.intro_col_wrap .intro_col .intro_text { font-size: 115%; line-height: 1.926em; }
.intro_col_wrap .intro_col .intro_text+.intro_text { margin-top: 30px; }

.recipe_section { margin: 82px 0 69px; }
.recipe_section .heading { font-size: 215%; font-family: 'Noto Serif JP',sans-serif; text-align: center; line-height: 2em; letter-spacing: 0.05em; }
.recipe_section .block_odd { margin-top: 88px; }
.recipe_section .block_even { margin-top: 116px; }
.recipe_section .block .menu { position: relative; max-width: 1200px; margin: 0 auto; font-family: 'Noto Serif JP',sans-serif; }
.recipe_section .block_odd .menu .menu_image { margin-right: -16.6%; }
.recipe_section .block_even .menu .menu_image { margin-left: -16.6%; }
.recipe_section .block_odd .menu .menu_text { background-color: #fff; width: 454px; position: relative; z-index: 2; padding: 65px 20px 52px 10px; margin-top: -21.44em; }
.recipe_section .block_even .menu .menu_text { background-color: #fff; width: 458px; position: relative; z-index: 2; padding: 50px 20px 67px 72px; margin-top: -21.44em; margin-left: auto; right: -1px; }
.recipe_section .block .menu .menu_text .name { font-size: 343%; letter-spacing: 0.2em; }
.recipe_section .block_even .menu .menu_text .name { color: #b57101; }
.recipe_section .block .menu .menu_text .name_eng { font-size: 121.6%; margin-top: 7px; letter-spacing: 0.04em; }
.recipe_section .block .menu .menu_text .inner_text { font-size: 129%; margin-top: 29px; line-height: 1.65em;     letter-spacing: 0.1em; }
.recipe_section .block .material { border: 1px solid #e1e1e1; position: relative; padding: 40px 60px 47px; margin-top: 85px; }
.recipe_section .block .material .amount { background-color: #fff; font-size: 143%; font-weight: 500; padding: 0 13px; position: absolute; left: 50%; top: -16px; transform: translateX(-50%); }
.recipe_section .block .material .ingredient_2col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.recipe_section .block .material .ingredient_col { width: 47.38%; font-size: 115%; }
.recipe_section .block .material .ingredient_col+.ingredient_col { width: 47.6%; }
.recipe_section .block .material .ingredient_col .piece_wrap { margin-top: 15px; border-left: 1px solid #d6d6d6; margin-left: 22px; padding-left: 13px; }
.recipe_section .block .material .ingredient_col .piece { position: relative; display: flex; justify-content: space-between;}
.recipe_section .block .material .ingredient_col .piece+.piece { margin-top: 16px; }
.recipe_section .block .material .ingredient_col .piece:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../01/img/img_dot.png) repeat-x center center; background-size: 16px auto; width: 100%; height: 4px; z-index: -99;  }
.recipe_section .block .material .ingredient_col .item { background-color: #fff; display: inline-block; margin-right: 50px; }
.recipe_section .block .material .ingredient_col .item+.item { margin-right: 0; padding-left: 8px; display: ruby-base-container; }
.recipe_section .block .making { margin-top: 51px; }
.recipe_section .block .making .sub_heading { font-size: 229%; font-weight: 500; text-align: center; }
.recipe_section .block .making .step { margin-top: 59px; }
.recipe_section .block .making .step .step_head { font-size: 186%; font-family: 'Noto Serif JP',sans-serif; position: relative; padding-left: 1em; }
.recipe_section .block .making .step .step_num { position: absolute; left: 0; }
.recipe_section .block .making .step .step_text { font-size: 115%; margin-top: 22px; line-height: 1.87em; }
.recipe_section .block .making .step .has_2col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.recipe_section .block .making .step .has_2col .col { width: 48.126%; }
.recipe_section .block .making .step .has_2col .col .step_text+.step_image { margin-top:23px; }
.recipe_section .block .making .step .has_2col.single .step_image { margin-top: 9px; }

.recipe_section .block .making .point { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; background-color: #fbfaf6; margin-top: 63px; padding: 44px 96px; align-items: center; }
.recipe_section .block .making .point .logo { max-width: 89px; width: 10%; }
.recipe_section .block .making .point .point_text { width: 80.4%; }
.recipe_section .block .making .point .note { font-size: 115%; position: relative; padding-left: 1em; line-height: 1.87em; }
.recipe_section .block .making .point .note .indent { position: absolute; left: 0; }

.product_section { margin-bottom: 97px; }
.product_section .product_wrap { border-top: 1px solid #e1e1e1; padding-top: 53px; color: #333; }
.product_section .product_2col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.product_section .product_col { width: 48.126%; }
.product_section .product_col .product_image { max-width: 250px; width: 50%; margin-left: auto; margin-top: 6px; }
.product_section .product_col .category { font-size: 143%; font-weight: 500; }
.product_section .product_col .model { font-size: 129%; font-weight: 500; margin-top: 1px; }
.product_section .product_col .series { font-size: 129%; font-weight: 500; display: inline-block; margin-top: 8px; }
.product_section .product_col .product_text { font-size: 129%; margin-top: 7px; }
.product_section .btn_link { padding-left: 1em; background: url(../01/img/img_arrow.png) no-repeat left center; background-size: 7px auto; color: #333; display: inline-block; margin-top: 15px; font-size: 115%; }

.info_section { background-color: #f8f6ee; }
.info_section .container { position: relative; }
.info_section_map { position: absolute; top: 0; height: auto; }
.info_section .head_line { text-align: center; padding-top: 92px; position: relative; }
.info_section .head_line .title { font-size: 200%; position: relative; display: inline-block; }
.info_section .head_line .title:before { content: "";display: block;height: 1px; width: 67px; position: absolute; top: 50%; left: -84px; background-color: #000000; }
.info_section .head_line .title:after { content: "";display: block;height: 1px; width: 67px; position: absolute; top: 50%; right: -84px; background-color: #000000; }
.info_section .info_inner_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 76px 0 102px; position: relative; }
.info_section .info_inner_wrap .info_col { width: 48.126%; }
.info_section .info_inner_wrap .info_col+.info_col { width: 45.485%; }
.info_section .info_inner_wrap .info_col .info_heading { font-size: 329%; font-family: 'Noto Serif JP',sans-serif; line-height: 1em; }
.info_section .info_inner_wrap .info_col .tip { font-size: 189%; font-family: 'Noto Serif JP',sans-serif; margin-top: 30px; line-height: 1.8em; }
.info_section .info_inner_wrap .info_col .details { font-size: 115%; margin-top: 38px; line-height: 1.86em; }

.release_date { font-size: 117%; padding-top: 20px; text-align: right; }
.back_link{text-align:center;font-size:100%;padding-top: 20px;}
.back_link a{display:inline-block;color:#333}
.back_link a:before{display:inline-block;margin-right:10px;content:url(../01/img/arr_back.png);vertical-align:middle}

#footer_button_area { margin-bottom: 40px; max-width:1174px; }
/*#footer_button_area .back_button { font-size: 87.5%; }*/
#footer_links.w980_center .container {max-width: 1174px;}

@media screen and (min-width:768px) and ( max-width:1080px) {
	.recipe_section .block_odd .menu .menu_text,
	.recipe_section .block_even .menu .menu_text {width: 42.5%;font-size: 1.3vw;}
}

@media screen and (max-width:767px){

#category_title{float:none;padding-top:0;}
#category_title a{display:block;margin:20px;width:280px;height:20px;background:url(/club-me/common/image/ttl_cme1_x2.gif) 0 0/280px auto no-repeat}
#category_title img{display:none}
#content2 { margin-top: 0;}
#contents_wrap { font-size: 16px; }
#contents_wrap .container{padding-right: 25px ;padding-left: 25px; }

.intro_section_map { position: absolute; top: 0; left: 0; }
.scroll_down { display: none; }
.intro_col_wrap { display: block; padding: 44px 0 54px; }
.intro_col_wrap .intro_col { width: 100%; text-align: center; }
.intro_col_wrap .intro_col+.intro_col { width: 100%; margin-top: 15px; text-align: left; }
.intro_col_wrap .intro_col .type_text { margin-left: 0; margin-top: 0; display: inline-block; }
.intro_col_wrap .intro_col .num { position: absolute; left: -35px; max-width: 64px; width: auto; top: -17px; }
.intro_col_wrap .intro_col .type_text .label { font-size: 69%; display: inline-block; margin-top: 16px; letter-spacing: 0.1em; }
.intro_col_wrap .intro_col .type_text .kind { font-size: 163%; margin-top: 10px; letter-spacing: 0.15em; }
.intro_col_wrap .intro_col .type_text .country { font-size: 69%; margin-top: 0; letter-spacing: 0.1em; margin-top: 7px; display: inline-block; }
.intro_col_wrap .intro_col .intro_text { font-size: 88%; line-height: 1.74em; }
.intro_col_wrap .intro_col .intro_text+.intro_text { margin-top: 23px; }

.recipe_section { margin: 46px 0 37px; position: inherit; }
.recipe_section .heading { font-size: 100%; line-height: 1.9em; }
.recipe_section .block_odd { margin-top: 28px; }
.recipe_section .block_even { margin-top: 40px; }
.recipe_section .block_odd .menu { text-align: left; }
.recipe_section .block_even .menu { text-align: right; }
.recipe_section .block_odd .menu .menu_image { margin-right: 0; }
.recipe_section .block_even .menu .menu_image { margin-left: 0; }
.recipe_section .block_odd .menu .menu_text { width: auto; padding: 21px 22px 15px 25px; margin-top: -4.2em; display: inline-block; text-align: left; }
.recipe_section .block_even .menu .menu_text { width: auto; padding: 19px 20px 15px 24px; margin-top: -4.2em; display: inline-block; text-align: left; right: 0; }
.recipe_section .block .menu .menu_text .name { font-size: 147%; }
.recipe_section .block .menu .menu_text .name_eng { font-size: 61.3%; margin-top: 7px; letter-spacing: 0.2em; }
.recipe_section .block .menu .menu_text .inner_text { font-size: 80%; margin-top: 16px; line-height: 1.65em; }
.recipe_section .block .material { padding: 27px 34px 34px 33px; margin-top: 21px; }
.recipe_section .block .material .amount { font-size: 81%; padding: 0 7px; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); }
.recipe_section .block .material .ingredient_2col { display: block; }
.recipe_section .block .material .ingredient_col { width: 100%; font-size: 81%; }
.recipe_section .block .material .ingredient_col+.ingredient_col { width: 100%; margin-top: 10px; }
.recipe_section .block .material .ingredient_col .piece_wrap { margin-top: 8px; margin-left: 15px; padding-left: 12px; }
.recipe_section .block .material .ingredient_col .piece { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between;}
.recipe_section .block .material .ingredient_col .piece+.piece { margin-top: 9px; }
.recipe_section .block .material .ingredient_col .piece:after { content: ""; background: url(../01/img/img_dot.png) repeat-x center center; background-size: 8px auto; width: 100%; height: 2px; top: 60%; }
.recipe_section .block .material .ingredient_col .item { background-color: #fff; display: inline-block; margin-right: 30px; }
.recipe_section .block .material .ingredient_col .item+.item { margin-right: 0; padding-left: 8px; display: ruby-text-container; }
.recipe_section .block .making { margin-top: 36px; }
.recipe_section .block .making .sub_heading { font-size: 131%; }
.recipe_section .block .making .step { margin-top: 23px; }
.recipe_section .block .making .step .step_head { font-size: 106%; }
.recipe_section .block .making .step .step_text { font-size: 88%; margin-top: 13px; line-height: 1.5em; }
.recipe_section .block .making .step .has_2col { display: block; }
.recipe_section .block .making .step .has_2col .col { width: 100%; }
.recipe_section .block .making .step .has_2col.double .col+.col { margin-top: 30px; }
.recipe_section .block .making .step .has_2col.single .col+.col { margin-top: 17px; }
.recipe_section .block .making .step .has_2col.single .step_image { margin-top: 0; }
.recipe_section .block .making .step .has_2col .col .step_text+.step_image { margin-top:15px; }
.recipe_section .block .making .point { display: block; margin-top: 33px; padding: 26px 20px 25px; }
.recipe_section .block .making .point .logo { max-width: 58px; width: 100%; margin: 0 auto; }
.recipe_section .block .making .point .point_text { width: 100%; margin-top: 15px; }
.recipe_section .block .making .point .note { font-size: 88%; line-height: 1.5em; }

.product_section { margin-bottom: 48px; }
.product_section .product_wrap { padding-top: 30px; }
.product_section .product_2col { display: block; }
.product_section .product_col { width: 100%; text-align: center; }
.product_section .product_col+.product_col { margin-top: 17px; }
.product_section .product_col .product_image { max-width: 270px; width: auto; margin:0 auto; }
.product_section .product_col .category { font-size: 110%; }
.product_section .product_col .model { font-size: 100%; margin-top: 2px; }
.product_section .product_col .series { font-size: 90%; margin-top: 9px; }
.product_section .product_col .product_text { font-size: 90%; margin-top: 10px; }
.product_section .btn_link { padding-left: 10px; background: url(../01/img/img_arrow.png) no-repeat left center; background-size: 5px auto; margin-top: 15px; font-size: 81%; }

.info_section { padding-top: 51px; }
.info_section_map { position: absolute; top: inherit; transform: inherit; }
.info_section .head_line { padding-top: 0; position: relative; }
.info_section .head_line:before { content: ""; display: block; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; background-color: #000; }
.info_section .head_line .title { font-size: 100%; background-color: #f8f6ee; padding-left: 8px; padding-right: 8px; z-index:2; }
.info_section .head_line .title:before,.info_section .head_line .title:after { display: none; }
.info_section .info_inner_wrap { display: block; padding: 24px 0 42px; }
.info_section .info_inner_wrap .info_col { width: 100%; }
.info_section .info_inner_wrap .info_col+.info_col { width: 100%; }
.info_section .info_inner_wrap .info_col .info_heading { font-size: 150%; line-height: 1em; margin-top: 28px; }
.info_section .info_inner_wrap .info_col .tip { font-size: 100%; margin-top: 11px; line-height: 1.6em; }
.info_section .info_inner_wrap .info_col .details { font-size: 88%; margin-top: 22px; line-height: 1.5em; }

.release_date { font-size: 75%; padding-top: 15px; }
.back_link { font-size: 88%; }
.back_link a:before{display:block;margin:0 0 5px;}

#footer_button_area { margin-bottom: 30px; }
#footer_button_area .container { margin-top: 20px; }
#footer_button_area .back_button { font-size: 133.333%; }

}

.bottomFunc {margin: 80px 0 0;}
.bottomBtn {margin: 0 auto;text-align: center;}
.bottomBtn a {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;font-family: 'Noto Sans JP', sans-serif;color: #222;display: inline-block;max-width: 50%;padding: 12px 20px;background-color: #fff;border: 1px solid #dbdbdb;border-radius: 3px;font-size: 16px;text-decoration: none;transition: all 0.3s ease;line-height: 1.5;}
.bottomBtn a:hover {color: #c00 !important;background: #f5f5f5;}
.bottomBtn .inner {position: relative;display: inline-block;padding: 0 20px;text-align: left;}
.bottomBtn .inner::after {content: '';position: absolute;right: 0;top: calc(50% + 1px);-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;display: block;width: 7px;height: 7px;border-top: 2px solid #c00;border-right: 2px solid #c00;transform: translate(-50%, -50%) rotate(45deg);}
#bottomShare {display: flex;justify-content: center;margin: 48px 0 0;list-style-type: none;}
#bottomShare li#twitter .box .share,
#bottomShare li#facebook .box .share {width: 44px;height: 44px;margin: 0 13px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;outline: none;}
#bottomShare li#twitter .box .share {background-color: #1da1f2;background-image: url(/club-me/common/v0006/images/icon_twitter.svg);background-size: 25px auto;border-radius: 50%;}
#bottomShare li#facebook .box .share {background-image: url(/club-me/common/v0006/images/icon_facebook.svg);background-size: contain;}
@media only screen and (max-width: 767px) {
.bottomFunc{margin: calc(100vw/(750/80)) 0;}
.bottomBtn a {max-width: 90%;border-radius: 5px;font-size: calc(100vw/(750/30));}
.bottomBtn .inner::after {width: 9px;height: 9px;}
#bottomShare {margin: calc(100vw/(750/120)) 0 0;}
#bottomShare li#twitter .box .share,
#bottomShare li#facebook .box .share {width: calc(100vw/(750/88));height: calc(100vw/(750/88));margin: 0 calc(100vw/(750/40));}
#bottomShare li#twitter .box .share {background-size: calc(100vw/(750/50)) auto;}
}
@media only screen and (max-width: 350px) {
.bottomBtn a {font-size: 14px;}
}