@charset 'UTF-8';

/*.p_index*/
.p_index .wrapper { background: url(../img/index/bg_index.png) repeat center center; }
.p_index .header_visual { height: 597px; padding-top: 0;}
.p_index .header_background { width: 100%;height: 597px;z-index: -1; }
div.fadeShow-container div.image { background-size: auto 100% !important;}
.p_index .header_text { position:absolute;top:42px;left: 50%;z-index:3;transform: translate(-50%, 0); }
.p_index .header_visual .title { left: 0; }
.p_index .header_visual .lead{margin-top:30px;}
.p_index .header_visual .subtitle { margin-left: 107px; transform: translate(17px, -32px); }
.p_index .header_visual .subtitle img { width: 97px; }
.p_index .section_intro { padding: 68px 0 60px!important; text-align: center; }
.p_index .section_intro .section_header { margin-bottom: 45px; }
.p_index .section_intro .body p > img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.p_index .section_intro .btn_questionnaire { margin-top: 30px; }
.p_index .section_other_intro .desc { text-align: center; }
.p_index .section_other_intro { padding: 50px 20px 0; }
.washoku03 a.hover-effect { display: inline-block; }
.p_index .main { padding-top: 0; }
.p_index .recipe_area.new_proposal { margin-bottom:50px; background: url(../img/index/bg_receipe.png) no-repeat center top;background-color: #a32121; }
.p_index .recipe_area .list_recipe li .name.vertical_align { padding-top: 20px; padding-bottom: 10px; }

/*.food_wrap*/
.p_index .food_container { width: 100%; background: url(../img/index/banner_bg_01.png) no-repeat center bottom;}
.p_index .food_wrap { max-width: 980px; margin-right: auto; margin-left: auto; }
.p_index .food_wrap .block_left { float:left; width: 50%; }
.p_index .food_wrap .block_right { float:right; width: 50%; }
.p_index .food_wrap li img { max-width: 100%; width:auto; vertical-align: bottom; }
.p_index .food_wrap .icon { max-width:110px; width: 100%; position:absolute; z-index: 0; }
.p_index .food_wrap .food { transition: transform .2s;}
.p_index .food_wrap .food:hover { transform: scale(1.1); }
.p_index .food_wrap .block_01 .shoyu { position:relative; float:left; width: 37.8%; margin-right: 7.2%; margin-left: -1.9%;}
.p_index .food_wrap .block_01 .shoyu .icon { right:-47px; }
.p_index .food_wrap .block_01 .shoyu .food { position:relative; margin-top: 54px; z-index: 1; }
.p_index .food_wrap .block_01 .miso { position:relative; float:left; width: 34.2%; margin: 99px 12% 0 5%;}
.p_index .food_wrap .block_01 .miso .icon { right:-59px; }
.p_index .food_wrap .block_01 .miso .food { position:relative; margin-top: 64px; z-index: 1; }
.p_index .food_wrap .block_02 .konbu { position:relative; float:left; width: 44%; margin-left: 5%; }
.p_index .food_wrap .block_02 .konbu .icon { right: -10px; }
.p_index .food_wrap .block_02 .konbu .food { position:relative; margin-top: 89px; z-index: 1; }
.p_index .food_wrap .block_02 .katsuobushi { position:relative; float:left; width: 40%; margin: 99px 7.5% 0 2%;}
.p_index .food_wrap .block_02 .katsuobushi .icon { right:-22.8%; }
.p_index .food_wrap .block_02 .katsuobushi .food { position:relative; margin-top: 58px; z-index: 1;}
.p_index .food_wrap .block_03 { margin-top: -20px; }
.p_index .food_wrap .block_03 .niboshi { position:relative; float:left; width: 38.3%; margin-right: 9.2%; margin-left: -2%; }
.p_index .food_wrap .block_03 .niboshi .icon { right:-45px; }
.p_index .food_wrap .block_03 .niboshi .food { position:relative; margin-top: 52px; z-index: 1; }
.p_index .food_wrap .block_03 .su { position:relative; float:left; width: 39%; margin: 100px 8.8% 0 1%;}
.p_index .food_wrap .block_03 .su .icon { right:-44px; }
.p_index .food_wrap .block_03 .su .food { position:relative; margin-top: 54px; z-index: 1; }
.p_index .food_wrap .block_04 { margin-top: -42px; margin-bottom: 20px; }
.p_index .food_wrap .block_04 .shiitake { position:relative; float:left; width: 43%; margin-left: 6%; margin-right: 2.2%;}
.p_index .food_wrap .block_04 .shiitake .icon { right: -10px; }
.p_index .food_wrap .block_04 .shiitake .food { position:relative; margin-top: 75px; z-index: 1; }
.p_index .food_wrap .block_04 .tofu { position:relative; float:left; width: 52.9%; margin: 99px -1% 0 -3.1%;}
.p_index .food_wrap .block_04 .tofu .icon { right:4px; }
.p_index .food_wrap .block_04 .tofu .food { position:relative; margin-top: 57px; z-index: 1;}
.p_index .food_wrap .block_05 { margin-top: -21px; }
.p_index .food_wrap .block_05 .nori { position:relative; float:left; width: 43.9%; margin-left: -1.2%; margin-right: 2.7%; }
.p_index .food_wrap .block_05 .nori .icon { right:-13px; }
.p_index .food_wrap .block_05 .nori .food { position:relative; margin-top: 70px; z-index: 1; }
.p_index .food_wrap .block_05 .nasu { position:relative; float:left; width: 31.8%; margin: 99px 10.7% 0 6.4%;}
.p_index .food_wrap .block_05 .nasu .icon { right:-53px; }
.p_index .food_wrap .block_05 .nasu .food { position:relative; margin-top: 44px; z-index: 1; }
.p_index .food_wrap .block_06 { margin-top: -44px; margin-bottom:90px; }
.p_index .food_wrap .block_06 .kyuuri { position:relative; float:left; width: 38.4%; margin: 0 3.8% 0 9%; }
.p_index .food_wrap .block_06 .kyuuri .icon { right:-18px; }
.p_index .food_wrap .block_06 .kyuuri .food { position:relative; margin-top: -4px; z-index: 1; }
.p_index .food_wrap .block_06 .negi { position:relative; float:left; width: 50%; margin: 99px -4% 0 2.8%;}
.p_index .food_wrap .block_06 .negi .icon { right: 7.8%; }
.p_index .food_wrap .block_06 .negi .food { position:relative; margin-top: -30px; z-index: 1;}
.p_index .food_wrap .block_07 { margin-top: -15px; margin-bottom: 30px; }
.p_index .food_wrap .block_07 .kabu { position:relative; float:left; width: 43%; margin-right: 4.4%; margin-left: -2%; }
.p_index .food_wrap .block_07 .kabu .icon { right:-22px; }
.p_index .food_wrap .block_07 .kabu .food { position:relative; margin-top: 60px; z-index: 1; }
.p_index .food_wrap .block_07 .daikon { position:relative; float:left; width: 53%; margin: 100px 0 0 1%;}
.p_index .food_wrap .block_07 .daikon .icon { right:25px; }
.p_index .food_wrap .block_07 .daikon .food { position:relative; margin-top: 46px; z-index: 1; }
.p_index .food_wrap .block_08 { margin-top: -117px; }
.p_index .food_wrap .block_08 .tai { position:relative; float:left; width: 62%; margin-left: 2%; }
.p_index .food_wrap .block_08 .tai .icon { right:63px; }
.p_index .food_wrap .block_08 .tai .food { position:relative; margin-top: 68px; z-index: 1; }
.p_index .food_wrap .block_08 .unagi { position:relative; float:left; width: 44%; margin: 110px -2% 0 -8%;}
.p_index .food_wrap .block_08 .unagi .icon { top:0; right:-1px; }
.p_index .food_wrap .block_08 .unagi .food { position:relative; margin-top: 50px; z-index: 1;}
.p_index .food_wrap .block_09 { margin-top: -57px; margin-bottom: 131px; }
.p_index .food_wrap .block_09 .maguro { position:relative; float:left; width: 49%; margin-left: 5.5%; }
.p_index .food_wrap .block_09 .maguro .icon { right:18px; }
.p_index .food_wrap .block_09 .maguro .food { position:relative; margin-top: 80px; z-index: 1; }

.container .release_date { font-size: 92.6%; text-align: right; }

@media screen and (min-width:1500px) {
.p_index .recipe_area.new_proposal { background: url(../img/index/bg_receipe.png) no-repeat center top;background-color: #a32121; }
}

@media screen and (min-width:321px) and (max-width:767px){
.p_index .header_visual { height: 415px; }
.p_index .header_background { width: 100%;height: 415px;z-index: -1; }
div.fadeShow-container div.image { background-size: 414px !important;}
.p_index .header_text { position:absolute;top:0;left: 50%;z-index:3;transform: translate(-50%, 30%); }
}

@media screen and (max-width:320px){
.p_index .header_visual { height: 322px; }
.p_index .header_background { width: 100%;height: 322px;z-index: -1; }
}

@media (max-width:767px) {
.sp_only {display: block;}
#content2 { margin-top: 0; }
.fadeShow-slide0 { background-image:url(../img/index/image_slide_01_2x.png)!important; }
.fadeShow-slide1 { background-image:url(../img/index/image_slide_02_2x.png)!important; }
.fadeShow-slide2 { background-image:url(../img/index/image_slide_03_2x.png)!important; }
.p_index .wrapper {background: url(../img/index/bg_index_2x.png) no-repeat;background-size: cover;background-position: center center;}
.p_index .header_visual .subtitle { transform: translate(-38px, -55px); }
.p_index .header_visual .subtitle img { width: 64px; }
.p_index .header_visual .lead { margin-top: 15px; }
.p_index .header_visual .title_series { margin-top: 10px; }
.p_index .header_visual .title_series img { width: 125px; }
.p_index .section_intro { padding: 40px 0 !important; text-align: left; }
.p_index .section_intro .section_header { margin-bottom: 20px; text-align: center; }
.p_index .section_intro .section_header span { display: inline-block; border-bottom: 1px solid #000; font-size: 1.29em; font-weight: 700; }
.p_index .section_intro .btn_questionnaire { margin-top:22px; text-align: center; }
.p_index .section_intro .btn_questionnaire img { width: 280px; height: auto; }
.p_index .main .article_header img { width: 280px; }
.p_index .recipe_area .list_recipe li .name.vertical_align { padding-top: 0; padding-bottom: 0; }
.p_index .recipe_area.new_proposal { margin-bottom:20px; background: url(../img/index/bg_receipe_2x.png) no-repeat center top;background-size: 100%; background-color: #a32121; }
.p_index .food_container { width: 100%; background: url(../img/index/banner_bg_01_2x.png) no-repeat center bottom; background-size: 100%; }
.p_index .food_wrap  { max-width: none; margin-left: 20px; margin-right: 20px; }
.p_index .food_wrap .food { width: 100%; }
.p_index .food_wrap .food:hover { transform: none; }
.p_index .food_wrap .block_left,.p_index .food_wrap .block_right { float:none; width: 100%; margin-bottom: 17px; margin-top: 0; }
.p_index .food_wrap .icon { max-width:83px; }
.p_index .food_wrap .block_01 .shoyu,.p_index .food_wrap .block_02 .konbu,.p_index .food_wrap .block_03 .niboshi,.p_index .food_wrap .block_04 .shiitake,.p_index .food_wrap .block_05 .nori,.p_index .food_wrap .block_06 .kyuuri,.p_index .food_wrap .block_07 .kabu,.p_index .food_wrap .block_08 .tai,.p_index .food_wrap .block_09 .maguro { width:80%; margin-left:0; margin-right:0; }
.p_index .food_wrap .block_01 .shoyu .icon { transform: translate(88px,0); right: 0; left:0;}
.p_index .food_wrap .block_01 .miso,.p_index .food_wrap .block_02 .katsuobushi,.p_index .food_wrap .block_03 .su,.p_index .food_wrap .block_04 .tofu,.p_index .food_wrap .block_05 .nasu,.p_index .food_wrap .block_07 .daikon { float: right; }
.p_index .food_wrap .block_01 .shoyu .food { margin-top: 44px; }
.p_index .food_wrap .block_01 .miso { width: 80%; margin:-80px 45px 0 0; text-align:right; }
.p_index .food_wrap .block_01 .miso .icon,
.p_index .food_wrap .block_02 .katsuobushi .icon{ right: 0; transform: translate(45px,0); }
.p_index .food_wrap .block_01 .miso .food { margin-top: 44px; }
.p_index .food_wrap .block_02 .konbu .icon { right: 0; left:0; transform: translate(82px,0); }
.p_index .food_wrap .block_02 .konbu .food { margin-top: 70px; }
.p_index .food_wrap .block_02 .katsuobushi { width: 80%; margin:-93px 45px 0 0; text-align:right; }
.p_index .food_wrap .block_02 .katsuobushi .food { margin-top: 43px; }
.p_index .food_wrap .block_03 .niboshi .icon { right: 0; left:0; transform: translate(90px,0); }
.p_index .food_wrap .block_03 .su { width: 80%; margin:-52px 43px 0 0; text-align:right; }
.p_index .food_wrap .block_03 .su .food { margin-top: 34px; }
.p_index .food_wrap .block_03 .su .icon { right: 0; transform: translate(43px,0); }
.p_index .food_wrap .block_04,.p_index .food_wrap .block_05,.p_index .food_wrap .block_07 { margin-bottom: 0; }
.p_index .food_wrap .block_04 .shiitake .icon { right: 0; left:0; transform: translate(87px,0); }
.p_index .food_wrap .block_04 .shiitake .food { margin-top: 56px; }
.p_index .food_wrap .block_04 .tofu { width: 80%; margin: -26px 0 0 0; text-align:right; }
.p_index .food_wrap .block_04 .tofu .icon,.p_index .food_wrap .block_07 .daikon .icon { right: 0; transform: translate(0,0); }
.p_index .food_wrap .block_04 .tofu .food { margin-top: 46px; }
.p_index .food_wrap .block_05 .nori { margin-top: -8px; }
.p_index .food_wrap .block_05 .nori .icon { right: 0; left:0; transform: translate(87px,0); }
.p_index .food_wrap .block_05 .nori .food { margin-top: 55px; }
.p_index .food_wrap .block_05 .nasu { width: 80%; margin:-27px 50px 0 0; text-align:right; }
.p_index .food_wrap .block_05 .nasu .icon { right: 0; transform: translate(50px,0); }
.p_index .food_wrap .block_05 .nasu .food { margin-top: 27px; }
.p_index .food_wrap .block_06 { margin-top:0; margin-bottom: 0; }
.p_index .food_wrap .block_06 .kyuuri .icon { right: 0; left:0; transform: translate(90px,20px); }
.p_index .food_wrap .block_06 .negi { float: right; width: 80%; margin:24px -20px 0 0; text-align:right; }
.p_index .food_wrap .block_06 .negi .icon { right: 0; transform: translate(-20px,0); }
.p_index .food_wrap .block_06 .negi .food { margin-top: -11px; }
.p_index .food_wrap .block_07 .kabu { margin-top: -52px; }
.p_index .food_wrap .block_07 .kabu .icon { right: 0; left:0; transform: translate(100px,0); }
.p_index .food_wrap .block_07 .kabu .food { margin-top: 30px; }
.p_index .food_wrap .block_07 .daikon {  width: 80%; margin:-38px 0 0 0; text-align:right; }
.p_index .food_wrap .block_07 .daikon .food { margin-top: 19px; }
.p_index .food_wrap .block_08 { margin-bottom: 0; }
.p_index .food_wrap .block_08 .tai { margin-top: -33px; }
.p_index .food_wrap .block_08 .tai .icon { right: 0; left:0; transform: translate(90px,0); }
.p_index .food_wrap .block_08 .tai .food { margin-top: 60px; }
.p_index .food_wrap .block_08 .unagi { width: 80%; margin:0; text-align:right; }
.p_index .food_wrap .block_08 .unagi { float: right; width: 80%; margin:12px 10px 0 0; text-align:right; }
.p_index .food_wrap .block_08 .unagi .icon { right: 0; transform: translate(10px,0); }
.p_index .food_wrap .block_08 .unagi .food { margin-top: 36px; }
.p_index .food_wrap .block_09 { float: left; margin-bottom: 120px; }
.p_index .food_wrap .block_09 .maguro .icon { right: 0; left:0; transform: translate(71px,0); }
.p_index .food_wrap .block_09 .maguro .food { margin-top: 64px; }
}