@charset "utf-8";
/* common.css */

/*--- body --*/

html {
	height: 100%;
	width: 100%;
	
	}

body {
	height: 100%;
	width: 100%;
	/*background-color:#0a918b;*/
}
  
/* IE7 hack */
*:first-child+html body {
font-size:small;
  }
  
/* IE6 hack */
* html body {
  font-size:small;
  }
/*--- /body --*/

#mainContents img{
  width: auto;
  height: auto;
  display: inline-block;
}

#BEIGE{
position: fixed !important;
top:0;
left: 0;
width: 100%;}

/*--- link ---*/
#mainContents a:link {
  border:none;
  color:#333;
  text-decoration:none;
  }
  
#mainContents a:visited { 
  border:none;
 color:#333;
   text-decoration:none;
  }
  
#mainContents a:active {
  border:none;
  color:#333;
   text-decoration:none;
  }
  
#mainContents a:hover {
  border:none;
  /*color:#001f05;*/
  text-decoration:none;
	outline: none;
 }

/*a:hover img{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a:focus {
	border:none !important;
}*/
	
	
/*--- /link ---*/

#wrapper{
  position:relative;
  min-height:100%;
	margin:0 auto;
	opacity:0;
}

* html div#wrapper{
  height:100%;
}

/*--- header ---- */

header{

}

/*--- /header ---- */

#mainContents{
	color:#333;
  font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size:13px;
  line-height:1.8;
	overflow: hidden;
	position: relative;
	z-index: 1;
}


.inner{
	width:910px;
	margin:0 auto;
	position:relative;
}

#BEIGE #HGROUP{
}
#PRODUCT_CONTAINER{
	background: none !important;
}

#HGROUP {
	min-height: auto !important;
}

/*----------------------------------
			mv
-----------------------------------*/
#mv{
  width: 100%;
	background: url(../images/mv.jpg) no-repeat center top #25110a;
	background-size: cover;
	position: relative;
	min-height: 634px;
}


#mv.bg{
	background: #25110a;
}
#mv.bg .bgImg{ display:block; text-align: center;}
#mv h2{
	position: absolute;
	top:16px;
	left:-9px;
}
#mv .bnr{
	position: absolute;
	top:16px;
	right:-6px;
}
#nav{
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	z-index: 3;
}
.low #nav{
	position: absolute;
	bottom: auto;
	top:0;
	width: 100%;
	z-index: 3;
}

.fixed{
	position: fixed !important;
	bottom: auto !important;
	top:0;
	width: 100%;
}

.gnav{
	width: 100%;
	background: url(../images/nav_bg.png) repeat-x center 0;
	margin-bottom: -10px;
	overflow: hidden;
}
.low .gnav{ margin-bottom: 0;}

#nav h2{
	position: absolute;
	top: 0;
	left: 0;
}

.gnav ul{padding-left: 235px;}
.gnav ul li{
	float: left;
	margin-left: 29px;
}

.subNav{
	position: absolute;
	top:51px;
	width: 100%;
	background-color: #fff;
	z-index: 999;
	padding: 25px 0;
	overflow: hidden;
	display: none;
}
.subNav .inner{ overflow: hidden; }
.subNav ul{
	width:575px;
	margin: 0 auto;
}
.subNav li{
	float: left;
	width: 164px;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #eae4e2;
}
.subNav li:first-child{
	margin-left: 0px;
	padding-left: 0px;
	border-left: 0px solid #eae4e2;
}
.subNav li h5{
	color: #e60012;
	padding: 10px 0 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}
.subNav .btnClose{
	position: absolute;
	bottom:10px;
	right: 0;
	cursor: pointer;
}

.subNav .btn{
	position: absolute;
	left: 700px;
	top: -97px;
	background: #000;
}

/*----------------------------------
			area1
-----------------------------------*/
#area1{
	background: url(../images/bg1.jpg) repeat-x center 0;
	background-size: cover;
	padding: 100px 0 240px;
	text-align: center;
	overflow: hidden;
}
@media all and (-ms-high-contrast: none) {
 *::-ms-backdrop, #area1 {
    padding: 345px 0 240px;
  }
}

#area1 .inner{
	width: 1060px;
}
#area1 p.lead{ margin-bottom:40px;}
#area1 li{
	display: inline-block;
	*display: inline;
	*zoom:1;
	margin-bottom: 140px;
}
#area1 .block{position: relative;}
#area1 .block a{
	position: absolute;
	right: 69px;
	bottom:0;
}
#area1 .obj1{
	position: absolute;
	top:-100px;
	left:-380px;
	z-index: 1;
}

#area1 .waza{
	position: relative;
}
#area1 .waza .btn1{
	position: absolute;
	top:360px;
	left:65px;
	background-color: #000;
	width: 310px;
	height: 145px;
	opacity: 0;
	cursor: pointer;
	z-index: 12;
	filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
#area1 .waza .btn2{
	position: absolute;
	top:360px;
	left:375px;
	background-color: #000;
	width: 310px;
	height: 145px;
	opacity: 0;
	cursor: pointer;
	z-index: 12;
	filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

#area1 .waza .pic{
	position: absolute;
	top:270px;
	left:-10px;
	opacity: 0;
	z-index: 11;
	transition: all .5s;
	/*filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;*/
}

#area1 .waza .pic2{
	position: absolute;
	top:270px;
	left:310px;
	z-index: 11;
	opacity: 0;
	transition: all .5s;
	/*filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;*/
}

#area1 .waza .fade{
	opacity: 1;
	/*filter: alpha(opacity=1);
  -ms-filter: "alpha(opacity=1)";
  -khtml-opacity: 1;
  -moz-opacity: 1;*/
}

@media only screen and (min-width: 0px) and (max-width: 1024px){
	#area1 .waza img{ width: 760px; margin: 0 auto 80px;}
	#area1 .lead3 img {width:850px;}
	#area1 li img{width: 260px;}
	#area1 .block p{ margin-left: -100px;}
	#area1 .block a{right: 150px;}
}


/*----------------------------------
			lineup
-----------------------------------*/
#lineup{
	text-align: center;
	color: #fff;
	padding: 90px 0 80px;
	background: url(../images/bg4.jpg) repeat center 0;
}
#lineup .inner{
	width: 1000px;
	background: url(../images/lineup_bg.png) repeat-y 0 0;
}
#lineup .box{
	width: 730px;
	margin: 0 auto;
}
#lineup h3{ margin-bottom: 30px;}
#lineup h4{
	clear: both;
	margin-bottom: 60px
}
#lineup h4.obj1{
	background: url(../images/lineup_obj1.jpg) no-repeat 80px 0;
	min-height: 126px;
}
#lineup h4.obj2{
	background: url(../images/lineup_obj2.png) no-repeat 91% top;
	padding-top: 70px;
	min-height: 105px;
}
#lineup ul{
	margin: 0 auto;
	overflow: hidden;
}
#lineup li{
	float: left;
	margin-left: 72px;
	margin-bottom: 30px;
	color: #fff !important;
}
#lineup li a{color: #fff !important;}
#lineup li:nth-child(3n+1),#lineup li.clear{ margin-left: 0;}
#lineup li.clear +li{ margin-left: 72px;}

#lineup li p{
	width: 194px;
	text-align: left;
	line-height: 1.4;
	font-size: 13px;
}
#lineup li h5{
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 10px;
	margin-bottom: 10px;
	background: url(../images/lineup_line.png) 0 bottom no-repeat;
	line-height: 1.4;
}

#lineup p.annotation{
	clear: both;
	text-align: left;
	color: #fff;
}
#lineup hr{
	clear: both;
	border: 0;
	background: url(../images/lineup_line2.png) no-repeat 0 0;
	height: 9px;
	width: 748px;
	margin: 40px auto;
}

/*----------------------------------
			arrangemenu
-----------------------------------*/

#arrangemenu{
	background: url(../images/bg1.jpg) no-repeat center 0;
	background-size: cover;
	padding: 130px 0 140px;
}
#arrangemenu .inner{
	width: 925px;
	text-align: center;
}
#arrangemenu .inner .box{
	background: url(../images/arrangemenu_bottom.png) 0 bottom no-repeat;
	padding-bottom: 30px;
}
#arrangemenu .inner .box .boxInner{
	background: url(../images/arrangemenu_bg.png) repeat-y 0 0;
	padding: 30px 0;
}
#arrangemenu .inner .box .boxInner h3{margin-bottom: 45px;}
#arrangemenu .inner .box .boxInner li{
	padding-left: 82px;
	margin-bottom: 40px;
}

/*----------------------------------
			area4
-----------------------------------*/
#area4{
	background: url(../images/bg2.jpg) repeat center 0;
	text-align: center;
	padding: 180px 0 260px;
	overflow: hidden;
}

#area4 .txt{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 40px;
}
#area4 p.annotation{
	text-align: right;
	padding-top: 20px;
}
#area4 ul{
	overflow: hidden;
	margin-left: -25px;
	margin-bottom: -17px;
	position: relative;
	z-index: 2;
} 
#area4 li{
	float: left;
	margin-left: 25px;
	margin-bottom: 17px;
}
#area4 .obj1{
	position: absolute;
	top:-94px;
	left:-230px;
	z-index: 1;
}
#area4 .obj2{
	position: absolute;
	bottom:-260px;
	right:-250px;
	z-index: 1;
}

.bg_movie_youtube {
    position: fixed;
    left: 0;
    top: 64px;
    z-index: 0;
    background-size: cover;
}
.bg_movie_youtube2 {
    position: fixed;
    left: 0;
    top: 94px;
    z-index: -100;
    background-size: cover;
		background-color:#000;
		width:100%;
}

.bg_movie video {
    position: fixed;
    right: 0;
    top: 50px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
}
.btnWrap{
	position: relative;
	width: 1060px;
	height: 705px;
	margin: 0 auto;
}
.btnMovie {
	position: absolute;
	bottom: 60px;
	left: 10px;
	z-index:1;
	cursor:pointer;
	display:none;
}
.bgImg{
	position: absolute;
	top:0;
	left: 60%;
	width: 100%;
	height: 100%;
	margin-left: -75%;
	text-align: center;
}
.bgImg img{
	margin: 0 auto;
}
.main_btm_line{
	display: block;
	border: 10px;
	background: #a61427;
	width: 100%;
	height: 10px;
	padding: 5px;
	position: absolute;
	top: -20px;
}
.fixed .main_btm_line{
	display:none;
}
#top-content {
	width: 100%;
	height: 622px;
	background-image: url(../image/main00.jpg);
	background-position: center;
	background-repeat:no-repeat;
	background-size: cover;
	margin: 0 auto;
	position: fixed;
	z-index: 100;
	top: 95px;
}
#top-content.nobg{ background:none;}

#top-content .inner {
	position: relative;
	width: 920px;
	height: 622px;
	margin: 0 auto;
}

#top-content .inner .product-logo {
	position: absolute;
	top: 10px;
	left:50%;
	margin-left:-331px;
	display:none;
}

#top-content .inner .product-logo img {
	vertical-align:top;
}
#overlay{
	position:fixed;
	top:0;
	left:0;
	z-index:9998;
	width:100%;
	height:100%;
	background-color:#fff;
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
	display:none;
}

#movie{
	position:fixed;
	top:50%;
	left:50%;
	z-index:9999;
	width:700px;
	height:394px;
	margin:-197px 0 0 -350px !important;
	display:none;
}
#movie iframe{
	width:699px;
	height:393px;
}

#movie .btnClose{
	position:absolute;
	top:-40px;
	right:0;
	cursor:pointer;
}

#BEIGE,.footerWrap{
 position: relative;
 z-index: 3;
}

/*----------------------------------
			low
-----------------------------------*/
.low #mv{
	height:265px !important;
	max-height: inherit !important;
	text-align: center;
	position: relative;
  min-height: inherit;
}
.low #mv h3{
	padding-top: 110px;
}
hr.mv_line{
	background: url(../images/mv_line.png) repeat-x 0 0;
	border: none;
	height: 35px;
	margin: -35px 0 0;
	width: 100%;
	position: relative;
}

/*----------------------------------
			party
-----------------------------------*/
.party #mv{
	background: url(../images/party_h3_bg.jpg) no-repeat center 0;
	background-size: cover;
}

/*----------------------------------
			recipe
-----------------------------------*/

#recipe{
	background: url(../images/bg3.jpg) repeat center 0;
	text-align: center;
	padding: 70px 0 110px;
	overflow: hidden;
}
#recipe .inner{ width: 920px;}
#recipe h4{
	clear: both;
	margin-bottom: 30px;
}
#recipe ul{
	overflow: hidden;
	margin-left: -39px;
	margin-bottom: -31px;
	padding-bottom: 100px;
}
#recipe li{
	float: left;
	margin-left: 39px;
	margin-bottom: 31px;
}
#recipe .note{text-align: right;}

/* text.image */

.clear {clear:both;}


.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px !important;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px !important;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f24{font-size:24px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mt0{ margin-top:0px !important;}
.mt10d{ margin-top:-10px !important;}
.mt20_pc{ margin-top:20px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb160 {margin-bottom:160px;}
.no_mb{ margin-bottom:-15px !important;}

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr60 {margin-right:60px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml3p{margin-left:3%;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt10_pc{ padding-top:10px;}

.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb80{padding-bottom:80px;}

.pl5{padding-left:5px !important;}
.pl20{padding-left:20px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr50{padding-right:50px;}

.disnon {display:none;}

.alignL{text-align:left;}
.alignR{text-align:right;}


.annotation{ font-size:11px;}
sup{font-size: 11px !important;}


.bnr-page{
	position: absolute;
	width: 1060px;
	top: -142px;
}
.tw_bnr_area{
	width: 440px;
	margin: 30px auto 0 auto;
}
.tw_follow_btn{
width: 190px;
float: right;
margin: 0px 0 0 0;
position: relative;
top: -98px;
}
.shop_bnr_area{
	width: 440px;
	margin: 30px 0 0 80px;
	float: left;
}
.special_bnr_text{
z-index: 3;
position: relative;
width: 975px;
top: 13px;
margin: 0 auto;
}
.special_bnr_man{
z-index: 2;
position: relative;
top: 0px;
left: -220px;
width: 641px;
margin: 0 auto;
	
}
.special_bnr_kamado{
	position: relative;
	z-index: 1;
	top: -750px;
	right: -180px;
	width: 660px;
	margin: 0 auto;
}
.tvcm_sec01{
	width:440px;
	margin: 0 40px 0 0;	
	float:left;
}
.tvcm_sec01 img{
	width:100%;
}


.tvcm_sec02{
	width:440px;
	margin: 0 auto;	
}
.tvcm_sec01 h4{
	margin:0 0 50px!important;
}
.tvcm_sec02 h4{
	margin:0 0 50px!important;
}
.tvcm_area{
	margin: 0 0 15px;
}
.movie_h3{
	margin:0 0 60px 0;
}
.ishigama_logo {
	position: relative;
	text-align: center;
	width: 300px;
	height: 237px;
	margin: 0 auto -158px;
	top: 65px;
	right: 380px;
}

#btnPageTop{
  display: none;
}

#fNav{
  display: none;
}

.sp{
  display: none !important;
}

.pc{
  display: block !important;
}

img.pc{
  display: inline-block !important;
}

#overlay{
  display: none;
}
#modal{
  display: none;
}

.pan{
  display: none;
}

@media screen and (max-width:767px){
#lineup li:nth-child(3n+1),#lineup li.clear{     margin-left: 2%;}
    
  .sp{
    display: block !important;
  }

  .pc{
    display: none !important;
  }
  
  img.pc{
    display: none !important;
  }  
  #mainContents{
     color:#333;
    font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size:13px;
    line-height:1.8;
    overflow: hidden;
    position: relative;
  }

  #mainContents img{width: 100%; height: auto;}

  .inner{
    width:100%;
    margin:0 auto;
    position:relative;
  }

  
  /*----------------------------------
			nav
  -----------------------------------*/
  nav#gNav {
    position: relative;
    width: 100%;
    /*height: 50px;
    line-height: 50px;*/
    margin: 0;
    background: #15166b;
    z-index: 99;
    margin-bottom:-1px;
  }

  nav#gNav a {
    width: 100%;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }

  nav#gNav p {
  }

  nav#gNav .menu-open{
    display: block;
    width: 46px;
    height: 46px;
    background:url(../images/sp/menu.png) no-repeat 0 0;
    background-size: 46px;
    text-indent: -9999px;
  }
  nav#gNav .menu-open.active{
    background:url(../images/sp/menu_close.png) no-repeat 0 0;
    background-size: 46px;
  }

  nav#gNav .menu-open-top span{
    display:inline-block;
    background-size:100px;
    min-height:30px;
    line-height:30px;
    width:100%;
    text-align:center;
    padding:0 5%;
    box-sizing:border-box;
  }

  nav#gNav .btnMenu{
    position: absolute;
    top:10px;
    right: 10px;
    z-index: 9999;
    width: 46px;
    height: 46px;
  }

  nav#gNav ul {
    width: 100%;
    margin: 0 auto;
    display: none;
    background: #1a3061;
    position: absolute;
    top:0;
    left:0;
  }

  nav#gNav ul li {
    width: 100%;
    border-top:1px solid #8d98b0;
  }
  nav#gNav ul li:nth-child(1){height: 60px;}
  nav#gNav ul li a {
    font-size: 4vw;
    display:block;
    color: #FFF !important;
    padding: 2.5vw 5%;
    text-align: left;
    background: url(../images/sp/arrow.png) no-repeat 96% 50%;
    background-size: 3vw;
    box-sizing: border-box;
  }
  nav#gNav ul li:nth-child(4) a{
    background: url(../images/sp/down.png) no-repeat 96% 50%;
    background-size: 3vw;
  }
  nav#gNav ul li:nth-child(4).active a{
    background: url(../images/sp/up.png) no-repeat 96% 50%;
    background-size: 3vw;
  }
  nav#gNav ul li dd{
    border-top:1px solid #8d98b0;
  }
  nav#gNav ul li dd a {
    font-size: 4vw;
    display:block;
    padding: 2.5vw 5% 2.5vw 8%;
    text-align: left;
    background: url(../images/sp/arrow.png) no-repeat 96% 50% !important;
    background-size: 3vw !important;
    box-sizing: border-box;
  }
  nav#gNav ul li:last-child a{
    text-align: left;
  }

  nav#gNav ul li dl{ /*display: none;*/}

  nav#gNav h2{
    text-align: left;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 140px;
  }

  nav#gNav .head{
    /*background: url(../images/nav_bg.png) repeat 0 0 !important;*/
    background-size: contain;
    overflow: hidden;
    position: relative;
    z-index: 9999;
    height: 60px;
  }
  nav#gNav .home a{
    padding: 5px 5% 0;
    background: none;
  }
  nav#gNav .home {
    width: 140px;
  }
  
  /*----------------------------------
        fNav
  -----------------------------------*/

  #fNav{
    display: block;
    background-color: #fff;
    padding: 3vw 0;
  }

  #fNav ul {
    width: 92%;
    margin: 0 auto;
    background: #fff;
    border-bottom:1px solid #ccc;
  }

  #fNav ul li {
    width: 100%;
    border-top:1px solid #ccc;
    text-align: left;
  }
  #fNav ul li:nth-child(1){display: none;}
  #fNav ul li:nth-child(2){border-top:none !important; }
  #fNav ul li a {
    font-size: 3.3vw;
    display:block;
    padding: 2vw 5%;
    text-align: left;
    background: url(../images/sp/arrow2.png) no-repeat 96% 50%;
    background-size: 3vw;
    box-sizing: border-box;
  }
  #fNav ul li:nth-child(4) a{
    background: url(../images/sp/down2.png) no-repeat 96% 50%;
    background-size: 3vw;
  }
  #fNav ul li:nth-child(4).active a{
    background: url(../images/sp/up2.png) no-repeat 96% 50%;
    background-size: 3vw;
  }
  #fNav ul li dd{
    border-top:1px solid #ccc;
  }
  #fNav ul li dd a {
    font-size: 3.3vw;
    display:block;
    padding: 2vw 5% 2vw 8%;
    text-align: left;
    background: url(../images/sp/arrow2.png) no-repeat 96% 50% !important;
    background-size: 3vw !important;
    box-sizing: border-box;
  }
  #fNav ul li dl{ /*display: none;*/}
  
  /*----------------------------------
			area1
  -----------------------------------*/
  .area1{
    display: block;
    background: url(../images/bg1.jpg) repeat-y center 0;
    background-size: contain;
    padding: 5% 0 50px;
    text-align: center;
    overflow: hidden;
  }

  .area1 .bnr{
    margin-left: -4%;
    width: 110%;
  }

  .area1 p.lead{ margin-bottom:25px;}
  .area1 p.lead1{ margin-bottom: 5%;}
  .area1 li{
    display: inline-block;
  }
  .area1 .block{position: relative; margin-top: 30px;}
  .area1 .block a{
    width: 30%;
    display: block;
    float: right;
    margin-right: 8%;
  }

  .area1 ul{ margin-bottom: 30px;}

  .area1 .waza{
    position: relative;
  }

  .area1 .waza .btn1{
    position: absolute;
    top:17.5%;
    left:9.5%;
    opacity: 0.7;
    cursor: pointer;
    width: 80%;
  }
  .area1 .waza .btn2{
    position: absolute;
    top:47%;
    left:9.5%;
    opacity: 0.7;
    cursor: pointer;
    width: 80%;
  }

  #overlay{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 120%;
    background: rgba(255,255,255,0);
    z-index: 9998;
    display: none;
  }
  #modal{
    position: fixed;
    top:50%;
    left:5%;
    width: 90%;
    z-index: 9999;
    margin-top: -50%;
    display: none;
  }
  #modal .btnClose{
    position: absolute;
    top:3%;
    right: 3%;
    width: 12%;
  }
  #modal .pic1,#modal .pic2{display: none;}
  #imagelightbox{
      position: fixed;
      z-index: 9999;

      -ms-touch-action: none;
      touch-action: none;
  }
  
  #modal2{
    position:fixed;
    top:120px;
    left:2%;
    z-index:9999;
    width:96%;
    display:none;
  }

  .btnClose2{
    position:absolute;
    top:-35px;
    right:2%;
    width:20px;
    height:20px;
  }

  .movieWrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .movieWrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  #overlay2{
    position:fixed;
    top:0;
    left:0;
    z-index:9998;
    width:100%;
    height:120%;
    background:rgba(255,255,255,0.7);
    display:none;
  }
  .tw_follow_btn{
    margin-bottom:6%;
  }
  
  .tw_follow_btn{
  width: auto;
  float: none;
  margin-bottom:6%;
  position: static;
  top: auto;
  }
  
  .bnr_img{
    margin:0 auto 10px;
    width:95%
  }
  .tvcm_sec {
    margin:0 auto 40px!important;
  }
  .tvcm_sec:last-of-type {
    margin:0 auto 0!important;
  }
  .tvcm_sec h4{
    margin:0 auto 0!important;
  }
  .movie_area{
    width:280px;
    margin:0 auto 0;
  }
  .movie_h3{
    margin:0 0 20px 0;
  }
  
  /*----------------------------------
			lineup
  -----------------------------------*/
  #lineup{
    text-align: center;
    color: #fff;
    padding: 30px 0% 40px;
    background: url(../images/sp/bg4.jpg) repeat center 0;
  }
  #lineup .inner{
    width: 100%;
    background: url(../images/lineup_bg.png) repeat-y 0 0;
    background-size: contain;
    padding: 10px 5% 30px;
    box-sizing: border-box;
    margin-bottom: -5px
  }
  #lineup .box{
    width: 90%;
    margin: 0 auto;
  }
  
  #lineup h3{ margin-bottom: 30px;}
  #lineup h4{
    clear: both;
    margin-bottom: 30px
  }
  
  #lineup h4.obj1{
    background: none;
    min-height: inherit;
  }
  #lineup h4.obj2{
    background: none;
    padding-top: 0;
    min-height: inherit;
  }

  #lineup ul{
    margin: 0 auto;
    overflow: hidden;
  }
  #lineup ul.obj1{
    background: url(../images/sp/lineup_obj1.png) no-repeat right 70%;
    background-size: 44%;
  }
  #lineup ul.obj2{
    background: url(../images/sp/lineup_obj2.png) no-repeat right 80%;
    background-size: 54%;
  /*	オブジェクトチーズのcss*/
  }
  #lineup li{
    float: left;
    width: 49%;
    margin-left: 2%;
    margin-bottom: 30px;
    color: #fff !important;
  }
  #lineup li a{color: #fff !important;}
  #lineup li:nth-child(2n+1){ clear: both; margin-left: 0;}
  #lineup li.clear +li{ margin-left: 0;}

  #lineup li p{
    width: 100%;
    text-align: left;
    line-height: 1.3;
    font-size: 3vw;
  }
  
  #lineup li h5{
    font-size: 3.3vw;
    line-height: 1.3;
    font-weight: bold;
    text-align: left;
    padding: 5px 0 10px;
    margin-bottom: 10px;
    background: url(../images/sp/lineup_line.png) 0 bottom no-repeat;
    background-size: contain;
  }

  #lineup p.annotation{
    clear: both;
    text-align: left;
    color: #fff;
  }
  #lineup hr{
    clear: both;
    border: 0;
    background: url(../images/sp/lineup_line2.png) no-repeat 0 0;
    background-size: contain;
    height: 9px;
    width: 100%;;
    margin: 20px auto;
  }

  /*----------------------------------
        arrangemenu
  -----------------------------------*/

  #arrangemenu{
    background: url(../images/sp/bg1.jpg) repeat-y center 0;
    background-size: contain;
    padding: 40px 0 40px;
    position: relative;
  }
  #arrangemenu .inner{
    width: 100%;
    text-align: center;
  }
  #arrangemenu .inner .box{
    background: url(../images/sp/arrangemenu_bottom.png) 0 bottom no-repeat;
    background-size: contain;
    padding-bottom: 5%;
  }
  #arrangemenu .inner .box .boxInner{
    background: url(../images/sp/arrangemenu_bg.png) repeat-y 0 0;
    background-size: contain;
    padding: 30px 15%;
  }
  #arrangemenu .inner .box .boxInner h3{margin-bottom: 25px;}
  #arrangemenu .inner .box .boxInner ul{margin-bottom: -20px;}
  #arrangemenu .inner .box .boxInner li{
    padding-left: 0;
    margin-bottom: 20px;
  }

  /*----------------------------------
        area4
  -----------------------------------*/
  #area4{
    background: url(../images/sp/bg2.jpg) repeat center 0;
    background-size: contain;
    text-align: center;
    padding: 20px 0 130px;
    overflow: hidden;
    position: relative;
  }

  #area4 .txt{
    font-weight: bold;
    font-size: 3vw;
    margin-bottom: 20px;
    padding: 0 5%;
    text-align: center;
  }
  #area4 p.annotation{
    padding-top: 10px;
    padding-left: 3%;
    padding-right: 3%;
  }
  #area4 ul{
    overflow: hidden;
    margin-left: -2%;
    margin-bottom: -1px;
    position: relative;
    z-index: 2;
  }
  #area4 li{
    float: left;
    width: 48%;
    margin-left: 2%;
    margin-bottom: 10px;
  }
  #area4 .obj1{
    display: none;
  }
  #area4 .obj2{
    position: absolute;
    bottom:-130px;
    right:0px;
    z-index: 1;
  }
  
  /*----------------------------------
        low
  -----------------------------------*/
  .low #mv{
    height: 150px !important;
    min-height: inherit !important;
    text-align: center;
    position: relative;
    margin-top: -5px;
  }
  .low #mv h3{
    padding-top: 50px;
    width: 260px;
    margin: 0 auto;
  }
  hr.mv_line{
    background: url(../images/mv_line.png) repeat-x 0 0;
    background-size: 70px;
    border: none;
    height: 25px;
    margin: -23px 0 0;
    width: 100%;
    position: relative;
    z-index: 5;
  }

  /*----------------------------------
        party
  -----------------------------------*/
  .party #mv{
    background: url(../images/party_h3_bg.jpg) no-repeat right 0;
    background-size: cover;
  }

  
  /*----------------------------------
        recipe
  -----------------------------------*/

  #recipe{
    background: url(../images/sp/bg3.jpg) repeat center 0;
    text-align: center;
    padding: 35px 0 50px;
    overflow: hidden;
  }
  #recipe .inner{ width:90%;}
  #recipe h4{
    clear: both;
    margin-bottom: 20px;
  }
  #recipe ul{
    overflow: hidden;
    margin-bottom: -20px;
    padding-bottom: 50px;
  }
  #recipe li{
    margin-bottom: 20px;
  }
  #recipe .note{
    text-align: right;
    width: 260px;
    float: right;
  }
  
  
  /*----------------------------------
        btnPageTop
  -----------------------------------*/

  #btnPageTop{
    position:fixed;
    bottom:10px;
    right:0px;
    z-index:9990;
    display:none;
    width: 45px;
  }

  #btnPageTop a{
    display: block;
  }

  .pan{
    display: block;
    padding: 3vw 3% 2vw;
  }
  
  .pan li{
    font-size: 3.5vw;
    line-height: 1.3;
    display: inline-block;
    margin-right: 0.5em;
  }
  
  .pan li a{
    color: #3479c8;
  }
  
  .pan li a::after{
    content: ">";
    padding-left: 0.8em;
    color: #000;
  }
  
  

}