@charset "UTF-8";
/*!サイト全体の共通アイコン等*/
.arr{background-image:url(/club-me/common/image/arr_gray_333.png)}
.washoku04 .icon{vertical-align:middle}
.washoku04 .icon_blank{width:18px;margin-right:3px;position:relative;right:-10px;bottom:-5px}
.washoku04 .icon_blank_small{width:14px;margin-right:3px;position:relative;right:-10px;bottom:-5px}
.container .release_date{font-size:92.6%;text-align:right;margin-top:36px;margin-bottom:35px;line-height:1.7}
#cmeFooter .toPageTop a{z-index:201;}
/*!ページの全体のスタイル*/
#main{position:relative}
.washoku04{font-size:1.3333333333em;font-family:"游ゴシック","Yu Gothic",YuGothic,"HGゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:2em}
.washoku04 a.hover-effect{display:block;color:#333;-webkit-transition:opacity .25s ease-out;-o-transition:opacity .25s ease-out;transition:opacity .25s ease-out;text-decoration:none}
.washoku04 a.hover-effect .btn{-webkit-transition:border-color .25s ease-out;-o-transition:border-color .25s ease-out;transition:border-color .25s ease-out}
.washoku04 a.hover-effect:hover{opacity:.7;text-decoration:none}
.washoku04 a.hover-effect:hover .btn{border-color:#c50707}
.washoku04 img{vertical-align:top}
.washoku04 img.pc_only{display:inline-block!important}
.washoku04 img.sp_only{display:none!important}
.washoku04 .pc_only.inline{display:inline!important}
.washoku04 .sp_only.inline{display:none!important}
.washoku04 .container{max-width:1174px;margin-right:auto;margin-left:auto;padding-right:13px;padding-left:13px}
.washoku04 .image{-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.23);box-shadow:0 0 30px 0 rgba(0,0,0,.23);width:100%}
.washoku04 .text_blue{color:#1d2855}
.washoku04 .text_red{color:#a41b1b}
.washoku04 .fontSmall{font-size:.9em}
.washoku04 .dash{letter-spacing:-4px;padding-right:4px}
.washoku04 .note_list li{line-height:1.8em;margin-top:1em}
.washoku04 .note_list li::before{content:"※"}
.washoku04 .underLine{text-decoration:underline}
/*!ヘッダー*/
.washoku04 .btn{margin-top:16px;padding:10px 10px;background-color:#fff;border:1px solid #c3c3c3;text-align:center;color:#333}
.washoku04 .btn .inner{display:inline-block;padding-left:15px;background:url(/club-me/knowledge/washoku04/img/common/arr.png) no-repeat 0 .57em;font-weight:700;line-height:1.5}
#inner_share{margin-top:0;padding:40px 0 50px;background-color:#fff}
/*!メインビジュアル*/
.washoku04 .header_visual{position:relative;padding-top:0;text-align:center;font-family:"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","HG明朝E",serif;font-weight:100}
.washoku04 .header_visual .lead{margin-top:30px}
.washoku04 .header_visual .header_bg01{margin-right:auto;margin-left:auto;background-image:url(../img/header_bg.jpg);background-repeat:repeat-x}
.washoku04 .header_visual .header_title{margin-top:0}
.washoku04 .header_visual .header_title img{width:100%}
.washoku04 .header_visual .container{max-width:1200px;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.washoku04 .header_visual .header_subtitle{font-size:34px;color:#fff;background-color:#7a0000;line-height:1.5;padding:.2em}
.washoku04 .header_visual .header_subtitle h2{margin:0 8%}
/*!lead_area*/
.lead_area{padding:82px 0 0;margin-bottom:-14px}
.lead_area .sayagata_bg{background-image:url(../img/sayagata.svg);background-repeat:repeat;margin-bottom:70px}
.lead_area .sayagata_bg .line_display{background:rgba(240,240,240,.9);padding-bottom:20px}
.lead_area .sayagata_bg .lead_text{font-size:112.5%;line-height:2.3333333em;background-color:#fff;padding-bottom:69px;font-family:"游明朝体","Yu Mincho",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}
.lead_area .lead_flexbox{display:-webkit-box;display:-ms-flexbox;display:flex}
.lead_area .lead_flexbox{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}
.lead_area .lead_flexbox .flex-item1{width:36.6%;margin-left:-3%;display:block;padding-bottom:100px}
.lead_area .lead_flexbox .flex-item2{width:53.7%}
.lead_area .lead_flexbox .flex-item2 img{margin-top:0}
.lead_area .lead_flexbox .flex-item3{width:100%;padding:50px 40px 40px;color:#fff;background-image:url(../img/led_bg.jpg);background-position:bottom;background-repeat:repeat;margin-top:-100px;z-index:-10}
.lead_area .lead_flexbox .flex-item3 .thin{margin-top:25px;font-size:93.75%}
/*!back_banner_area*/
.back_banner_area .banner{margin:42px auto 50px;text-align:center}
.ingredient{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:76px auto 60px}
.ingredient .sp_fullWidth{margin-right:4.5073375%}
.ingredient img{width:100%}
.ingredient .ingredient_list{width:53.8553459%}
.ingredient .ingredient_list .ingredient_title{font-size:1.25em;margin-bottom:10px;font-weight:700}
.ingredient .ingredient_list .ingredient_table{width:100%;border-top:1px solid #dcdcdc;border-collapse:collapse}
.ingredient .ingredient_list .ingredient_table tr{border-bottom:1px solid #dcdcdc}
.ingredient .ingredient_list .ingredient_table tr th{padding:9px 0 6px 12px}
.ingredient .ingredient_list .ingredient_table tr .indent{text-indent:1em}
.step{background-color:#f4f4f4;border:solid 1px #dedede;width:100%}
.step .step_title{text-align:center;font-size:1.375em;font-weight:700;margin-top:50px}
.step .step_list{width:80.7127882%;margin:36px auto 60px}
.step .step_list li{display:-webkit-box;display:-ms-flexbox;display:flex}
.step .step_list li .number{margin-right:25px;padding:11px;height:100%;background-image:url(../img/number_bg.jpg);background-repeat:no-repeat;background-size:contain;background-position:center;color:#fff;font-size:1.75em;}
@media all and (-ms-high-contrast: none) {.step .step_list li .number{font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif;}}
.step .step_list li span{display:block;font-weight:700;font-size:1.25em}
.step .step_list li+li{margin-top:52px}
.step .step_list li div:nth-child(2){flex-grow: 1;}
/*!related_info*/
.container-w{max-width:1174px;margin-right:auto;margin-left:auto;padding-right:13px;padding-left:13px}
.related_info{background-color:#eeebe3;margin-top:70px}
.related_info_container .h_index{font-size:2.25em;overflow:visible}
.related_info_container{width:81.1320754%;margin:0 auto;padding:70px 0 48px 0}
.related_info_container img{width:100%}
.related_info_container .aside_main{margin:40px auto}
.related_info_button:hover,.related_info_button:link,.related_info_button:visited,.related_info_container .related_info_button:active{color:#000}
.related_info_container .related_info_button{display:block;width:100%;border:solid 1px #000;line-height:1.6875;padding:21px 0 17px 34px;position:relative;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;margin-top:20px}
.related_info_button::before,.related_info_container .related_info_button::after{content:"";position:absolute;top:50%;display:block;height:1px;background-color:#000}
.related_info_container .related_info_button::before{width:60px;right:-30px}
.related_info_container .related_info_button::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;width:15px;right:-30px}
/*!博物館・資料館*/
.washoku04 .aside{background-image:url(../img/aside_bg.jpg);background-repeat:repeat;color:#fff;padding-top:86px;padding-bottom:90px}
.washoku04 .aside .h_index{font-size:36px;margin-bottom:46px;line-height:1.5}
.washoku04 .aside .figure img{width:100%}
.washoku04 .aside .aside_information dt{float:left;width:5em}
.washoku04 .aside .aside_information dd{padding-left:5.5em}
.washoku04 .aside .aside_information dd .note_list{font-size:12px;line-height:2.2em}
.aside_button:hover,.aside_button:link,.aside_button:visited,.washoku04 .aside .aside_button:active{color:#fff}
.washoku04 .aside .aside_button{display:block;width:95%;border:solid 1px #fff;line-height:1.8;padding:19px 0 19px 33px;position:relative;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;margin-top:44px}
.aside_button::before,.washoku04 .aside .aside_button::after{content:"";position:absolute;top:50%;display:block;height:1px;background-color:#fff}
.washoku04 .aside .aside_button::before{width:60px;right:-30px}
.washoku04 .aside .aside_button::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;width:15px;right:-30px}
.washoku04 .aside .float_fig .figure{margin:45px 0 0;float:left;width:35.7388316%}
.washoku04 .aside .float_fig .body{margin:45px 0 0;float:right;width:58.7628865%}
/*!フッター*/
.washoku04 .section_banner{background-color:#f8f8f8}
.washoku04 .section_banner .container{padding-bottom:100px;}
.washoku04 .section_banner .heading{margin-bottom:35px;font-size:16px;font-weight:700;text-align:center}
.washoku04 .section_banner .body{background-color:#f8f8f8;padding:45px 50px 40px}
.washoku04 .section_banner .lead{font-weight:700;text-align:center}
.washoku04 .section_banner .col_w{margin-top:30px}
.washoku04 .section_banner .col{float:left;width:30.612%}
.washoku04 .section_banner .col+.col{margin-left:4.08%}
.washoku04 .section_banner .col .thumb .link{-webkit-transition:opacity .25s ease-out;-o-transition:opacity .25s ease-out;transition:opacity .25s ease-out}
.washoku04 .section_banner .col .thumb .link:hover{opacity:.7}
.washoku04 .section_banner .thumb img{width:100%;vertical-align:bottom}
.washoku04 .section_banner .caption{margin-top:1.1em;font-size:12px;line-height:normal}
.washoku04 .section_banner .banner{border:1px solid #e8e8e8}
.washoku04 .section_banner .banner img{max-width:100%}
.section_banner .container{padding:62px 13px 65px;border-bottom:none}
.back_link {text-align: center;font-size: 1.1666666em;font-family:"游ゴシック","Yu Gothic",YuGothic,sans-serif;line-height: 1.857142em;}
.back_link a{display: inline-block;color: #333;}
.back_link a::before {display: inline-block;margin-right: 10px;content: url(../img/arr_back.png);vertical-align: middle;}
/*!インタビュー*/
.p_interview .container{background-color:#fff}
.p_interview .interview{overflow:hidden}
.p_interview .interview dt{float:left}
.p_interview .interview dd{padding-left:8em}
.p_interview .interview dt{font-weight:700}
.p_interview .interview+.interview{margin-top:20px}
.p_interview .interview+.float_fig{margin-top:20px}
@media only screen and (min-width:768px) and (max-width:960px){.aside .container{margin:auto}
.washoku04 .aside .aside_button{width:90%}
/*!lead_area----01.html-pc-max-width:960px-------------------*/
.lead_area .lead_flexbox .flex-item1{width:40%;margin-left:-1%;padding-bottom:100px}
.lead_area .lead_flexbox .flex-item2{width:50%}
.lead_area .lead_flexbox .flex-item2 img{margin-bottom:-100px;width:100%}
.lead_area .lead_flexbox .flex-item3{margin-top:0;padding:20px 20px 30px 20px}
/*!related_info--max-width:960px-------------------*/
.related_info_container .related_info_button{padding-left:25px}
.related_info_container .related_info_button .sp_only{display:block}
}
@media only screen and (max-width:767px){.back_banner_area .banner{margin:35px auto}
.back_banner_area .banner img{width:100%}
.ingredient{display:block;margin:50px auto 40px}
.ingredient img{width:100%}
.ingredient .ingredient_list{margin-top:38px;width:100%}
.ingredient .ingredient_list .ingredient_title{text-align:center}
.step .step_title{font-size:1.285714285em;margin-top:30px}
.step .step_list{margin:18px auto 45px}
.step .step_list li{font-size:.93em}
.step .step_list li .number{margin-right:0;font-size:1.08em;padding:2px}
.step .step_list li span{font-size:1.15em;margin:10px auto 3px}
.step .step_list li{display:block;text-align:center}
.step .step_list li+li{margin-top:22px}
.sp_fullWidth{width:100vw;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
}
@media (max-width:767px){/*!ページの全体のスタイル*/
.float_fig .body,.float_fig .figure,.washoku04 .aside .aside_information dt,.washoku04 .aside .float_fig .body,.washoku04 .aside .float_fig .figure{float:none;width:100%}
.washoku04{font-size:100%;line-height:182.14%}
.washoku04 .container{padding-right:20px;padding-left:20px}
.washoku04 a.hover-effect{-webkit-transition:none;-o-transition:none;transition:none}
.washoku04 a.hover-effect .btn{-webkit-transition:none;-o-transition:none;transition:none}
.washoku04 a.hover-effect:hover{opacity:1}
.washoku04 a.hover-effect:hover .btn{border-color:#c3c3c3}
.washoku04 img.pc_only{display:none!important}
.washoku04 img.sp_only{display:inline-block!important}
.washoku04 .pc_only.inline{display:none!important}
.washoku04 .sp_only.inline{display:inline!important}
.arr{background-image:url(/club-me/common/image/arr_gray_333_x2.png);background-size:6px}
.container .release_date{margin-top:36px;margin-bottom:37px}
/*!ヘッダー*/
.btn .inner{background-image:url(/club-me/knowledge/washoku04/img/common/arr_2x.png);background-size:7px auto}
/*!メインビジュアル*/
.washoku04 .header_visual .header_bg01{background-image:none;height:auto}
.washoku04 .header_visual .header_subtitle{font-size:25px}
/*!lead_area*/
.lead_area{padding:33px 0 0;text-align:left;margin-bottom:0}
.lead_area .sayagata_bg{margin-bottom:51px}
.lead_area .sayagata_bg .lead_text{margin-bottom:0;padding-bottom:48px;line-height:2em}
.lead_area .sayagata_bg .lead_text+p{margin-bottom:20px}
.lead_area .lead_flexbox{display:block;width:100%}
.lead_area .lead_flexbox .flex-item1{width:100%;padding-bottom:0}
.lead_area .lead_flexbox .flex-item2{width:100%;margin:42px auto -80px}
.lead_area .lead_flexbox .flex-item3{width:100%;margin-left:-20px;margin-right:-20px;margin-top:0;padding:100px 20px 30px 20px}
.lead_area .lead_flexbox .flex-item1{margin-left:0}
/*!related_info*/
.container-w{width:100%;padding-right:0;padding-left:0}
.related_info{padding-right:20px;padding-left:20px}
.related_info_container .aside_main{margin:20px auto}
.related_info_container{width:100%;margin:0 auto;padding:25px 0 56px}
.related_info_container .h_index{font-size:2.142857142em;line-height:1.5}
.related_info_container .related_info_button{width:93%}
/*!博物館・資料館*/
.washoku04 .aside{padding-top:40px;padding-bottom:45px;margin-top:50px}
.washoku04 .aside .h_index{font-size:2.142857142em;line-height:1.5;margin-bottom:30px}
.washoku04 .aside .float_fig .figure .img_wrap{text-align:center}
.washoku04 .aside .float_fig .figure img{width:80%}
.washoku04 .aside .aside_information{border-bottom:1px solid #525366;padding:15px 0}
.washoku04 .aside .aside_information:first-of-type{border-top:1px solid #525366}
.washoku04 .aside .aside_information dd{padding-left:0}
.washoku04 .aside .aside_button{width:93%}
/*!フッター*/
.washoku04 .section_banner .container{padding-bottom:40px;}
.washoku04 .section_banner .body{padding:40px 20px}
.washoku04 .section_banner .col_w{margin-top:20px}
.washoku04 .section_banner .col{float:none;width:auto}
.washoku04 .section_banner .col+.col{margin-left:0;margin-top:20px}
.washoku04 .section_banner .container{padding:80px 20px 3px}
.washoku04 .section_banner .heading{margin-bottom:30px;font-size:19px;font-weight:700}
.washoku04 .section_banner .col_w{margin-bottom:30px}
.washoku04 .section_banner .col{float:none;width:100%}
.washoku04 .section_banner .col+.col{margin-top:20px;margin-left:0}
.washoku04 .section_banner .caption{font-size:14px}
.global_footer{margin-top:0}
.back_link {font-size: 0.8571428em;margin:20px auto 30px;padding-top: 13px;line-height: 1.3333em;}
.back_link a {display: block;}
.back_link a::before{display: block;margin: 0 0 5px;}
/*!インタビュー*/
.p_interview .interview dt{float:none;width:auto;margin-bottom:8px}
.p_interview .interview dd{padding-left:0}
.p_interview .figure+.body{margin-top:26px}
}