@charset "UTF-8";
/* CSS Document */

.bg_gray{ background-color: #eee; }
#sec_1{ position: relative; }
#style{ position: relative; }
h2{ position: absolute; left:0; z-index: 99;}

#style li.cl_brown .staff_box hr{ background-color: #C69C6D; }
#style li.cl_blue .staff_box hr{ background-color: #3B7293; }
#style li.cl_red .staff_box hr{ background-color: #E94D45; }
#style li.cl_green .staff_box hr{ background-color: #81774D; }
.cl_red{ color:#E36279; }

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

.sp_br{}

#sec_1{ overflow: hidden; text-align: center; padding:30px 20px;}
#sec_1 ul{ }
#sec_1 li:first-child{ padding-bottom:40px; }
	
h2{ top:20px; width:110px; }

#style{ padding-bottom:0; }
#style h2{  }
#style ul{ padding:0; overflow: hidden;}
#style li{ clear: both; overflow: hidden; position: relative; padding:20px 0; }
#style figure.style_img{ padding:20px; text-align: center; }

#style li .txt_box{ position: relative; top:-135px;  margin:0 auto -135px; padding:0 40px; max-width:540px; }
#style li .txt_box .inner{ padding:70px 20px 20px; background-color:rgba(255,255,255,0.8); background-repeat: no-repeat; }
#style li .txt_box h3{ position: absolute; right:-20px; top:-40px; transform: scale(0.9);}
#style li:nth-child(even) .txt_box h3{ position: absolute; left:-40px; top:-50px; }

#style li.cl_brown .txt_box .inner{ background-image: url(../image/aw2016/bg_frame_brown_sp.png); background-size: 100% 100%; }
#style li.cl_blue .txt_box .inner{ background-image: url(../image/aw2016/bg_frame_blue_sp.png); background-size: 100% 100%; }
#style li.cl_red .txt_box .inner{ background-image: url(../image/aw2016/bg_frame_red_sp.png); background-size: 100% 100%; }
#style li.cl_green .txt_box .inner{ background-image: url(../image/aw2016/bg_frame_green_sp.png); background-size: 100% 100%; }

#style dl.style_concept{ padding-bottom:25px; z-index: 99; }
#style dl.style_concept dt{ font-size:16px; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; text-align: center; padding-bottom:10px; }
#style dl.style_concept dd{ font-size: 12px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 2em; }
#style .txt_box .menu{ text-align:center; font-size: 12px; padding:8px; border:1px solid #555; line-height: 1.5em; }

#style .staff_box{ margin-top:30px; position: relative; overflow: hidden; }
#style .staff_box .staff{ width:34%; position: relative; overflow: hidden; }
#style .staff_box.ly_2 .staff:nth-child(1){ float: left; }
#style .staff_box.ly_2 .staff:nth-child(2){ float: right; }
#style .staff_box.ly_2 .cross{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width:15%; left:0; right:0; margin:auto; }
#style .staff_box.ly_3 .staff{ width:28%; margin-right:8%; float: left; }
#style .staff_box.ly_3 .staff:nth-child(3){ margin-right:0; }
#style .staff_box.ly_3 .cross{ position: absolute; left:31%; margin-top:40px; margin-left:-18px; width:36px; }
#style .staff_box.ly_3 .cross:nth-child(5){ left:68%; margin-left:-18px; }

#style .staff_box p{ padding:6px; position: absolute; bottom: 0; display: block; color:#fff; text-align: center; font-size:10px; margin:0 auto; left:0; right:0; letter-spacing: 0.1em; }
#style li .staff_box hr{ mix-blend-mode: multiply; position: absolute; height:40px; width:100%; bottom:0; padding:0; margin:0; }

#style .txt_box .menu .menu_title{ font-size:12px; font-weight: bold; display:block;}
#style .txt_box .menu_reserve{ width:100%; background-color:#E36279; overflow: hidden; margin-bottom:15px;}
#style .txt_box .menu_reserve a{ display: block; padding:5px; text-align: center; color:#fff; }
#style .txt_box .menu_reserve:last-child{ margin-bottom:0; }

#style .txt_box .coution{ clear:both; font-size: 12px; color: #888; padding:6px 0 0; text-align: center; }

.other_style{ padding:20px 20px 60px; }

}
@media screen and (min-width: 900px) {

.sp_br{ display: none; }

#main_img img{ width:100%; }
#sec_1{ overflow: hidden; text-align: center; padding:100px ;}
#sec_1 ul{ }
#sec_1 li:first-child{ padding-bottom:80px; }

h2{ top:35px; }

#style{ padding-bottom:110px; }
#style h2{  }
#style ul{ padding:80px 0; overflow: hidden;}
#style li{ clear: both; overflow: hidden; position: relative; padding:40px 0; }
#style figure.style_img{ position: absolute; left:0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 50%; box-sizing: border-box; }

#style li .txt_box{ float: right; padding:50px 80px 50px 130px; margin-right: 50px;  width:50%; }
#style li .txt_box h3{ text-align:center; padding:30px 0 40px; }
#style li:nth-child(even) figure.style_img{ left:auto; right:0; }
#style li:nth-child(even) .txt_box{ float: left; padding:50px 130px 50px 80px; margin-left: 50px; }

#style li.cl_brown .txt_box{ background: url(../image/aw2016/bg_frame_brown.png) no-repeat; background-size: 100% 100%;}
#style li.cl_blue .txt_box{ background: url(../image/aw2016/bg_frame_blue.png) no-repeat; background-size: 100% 100%;}
#style li.cl_red .txt_box{ background: url(../image/aw2016/bg_frame_red.png) no-repeat; background-size: 100% 100%;}
#style li.cl_green .txt_box{ background: url(../image/aw2016/bg_frame_green.png) no-repeat; background-size: 100% 100%;}

#style dl.style_concept{ padding-bottom:40px; }
#style dl.style_concept dt{ font-size:27px; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; text-align: center; padding-bottom:20px; }
#style dl.style_concept dd{ font-size: 12px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 2em; }
#style .txt_box .menu{ text-align:center; font-size: 12px; padding:8px; border:1px solid #555; line-height: 1.5em; }

#style .staff_box{ padding-top:30px; position: relative; }
#style .staff_box .staff{ width:100px; position: relative; }
#style .staff_box.ly_2 .staff:nth-child(1){ float: left; }
#style .staff_box.ly_2 .staff:nth-child(2){ float: right; }
#style .staff_box.ly_2 .cross{ position: absolute; right:0; left:0; margin:40px auto; width:55px;}
#style .staff_box.ly_3 .staff{ width:26%; margin-right:11%; float: left; }
#style .staff_box.ly_3 .staff:nth-child(3){ margin-right:0; }
#style .staff_box.ly_3 .cross{ position: absolute; left:31%; margin-top:40px; margin-left:-18px; width:36px; }
#style .staff_box.ly_3 .cross:nth-child(5){ left:68%; margin-left:-18px; }

#style .staff_box p{ padding:6px; position: absolute; bottom: 0; display: block; color:#fff; text-align: center; font-size:12px; margin:0 auto; left:0; right:0; letter-spacing: 0.1em; }
#style li .staff_box hr{ mix-blend-mode: multiply; position: absolute; height:48px; width:100%; bottom:0; padding:0; margin:0; }

#style .txt_box .menu{  }
#style .txt_box .menu .menu_title{ font-size:12px; font-weight: bold; display:block;}
#style .txt_box .menu_reserve{ width:100%; background-color:#E36279; overflow: hidden; margin-bottom:15px;}
#style .txt_box .menu_reserve a{ display: block; padding:5px; text-align: center; color:#fff; }
#style .txt_box .menu_reserve:last-child{ margin-bottom:0; }

#style .txt_box .coution{ clear:both; font-size: 12px; color: #888; padding:12px 0 0; text-align: center; }
}
 
.other_style{ text-align: center; }
}