@charset 'UTF-8';

#doc {
	margin:5px auto 20px;
	padding:0;
	text-align:center;
	}

#contents_area {
	margin:0 auto;
	text-align:left;
	}

/* pankuzu */
#pankuzu_dsn {
    clear:both;
	width:950px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
}
#snstt li {
	float: right;
	list-style: none;
}
#pankuzu_dsn_s01 {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size:10px;
	text-align:left;
}
#snstt  .facebook  {
    margin-left:10px;
}
#snstt .twitter {
	text-align:right;
	width:110px;
}
#pankuzu_dsn_s02 {
	float: right;
	position: relative;
}
.sos_clear {
	font-size: 0px;
	clear: both;
	height: 0px;
	width: 100px;
}
#pankuzu_dsn_s02 ul {
}
#sw_memo {
	height: 39px;
	width: 272px;
	position: absolute;
	left: 421px;
	top: 3px;
}
#sono_03 {
	height: 846px;
	width: 866px;
}
#receive {
	height: 484px;
	width: 866px;
	position: relative;
}

#footer {
	background-position:0 17px;
}
#footer .pagetop {
    width:950px;
    margin:0 auto;
}





/*Konamon Original---------------------------------*/
#KonamonSeries{line-height:1; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width:100%; overflow:hidden;}

#KonamonSeriesMain{ line-height:2; }

#KonamonSeriesMainBox{ position:relative; width:981px; margin:0 auto;}
#KonamonSeriesMainBox h1{ text-align:center; opacity:1; background:url(../image/loading.gif) no-repeat center center; height:650px;}
#KonamonSeriesMainBox h1 img{ display:none; }
#KonamonSeriesMainBox p{ position:absolute;display:none; width:auto; }
#KonamonSeriesMainBox p img{ position:relative; width:1px; height:1px;}
#Main-akamaru{left:190px; top:0px; width:580px; height:580px;}
#Main-nande{left:227px; top:292px; width:503px; height:85px;}
#Main-hit{left:669px; top:10px; width:119px; height:265px;}
#Main-gottu{left:260px; top:129px; width:440px; height:163px;}
#Main-tower{left:718px; top:105px; width:231px; height:521px;}
#Main-no1{left:587px; top:360px; width:314px; height:285px;}
#Main-siro{left:2px; top:311px; width:307px; height:309px;}
#Main-chochin1{left:19px; top:46px; width:217px; height:289px;}
#Main-chochin2{left:793px; top:5px; width:151px; height:163px;}
#Main-takoyaki{left:862px; top:145px; width:102px; height:66px;}

/*2018　キャンペーン*/
#cpbnr18 { text-align:center; margin:0 0 40px 0; z-index:20; }

#KonamonSeriesMain h2{ height:0; overflow:hidden; background:url(../image/main-read.png) no-repeat center top; padding:415px 0 0}

/*PAGE MENU*/
#KonamonSeriesMenu{ border-top:8px solid #000; position:relative;}
#KonamonSeriesMenu ul{ width:800px; margin:0 auto; position:relative; top:-10px;}
#KonamonSeriesMenu li{ width:346px;}
#KonamonSeriesMenu li a{ display:block; height:0; overflow:hidden; padding:115px 0 0; background-repeat:no-repeat; background-position:0 0;}
#KonamonSeriesMenu li.btn-okonomi{ float:left;}
#KonamonSeriesMenu li.btn-takoyaki{ float:right;}
#KonamonSeriesMenu li.btn-okonomi a{ background-image:url(../image/menubtn-okonomi-up.png);}
#KonamonSeriesMenu li.btn-takoyaki a{ background-image:url(../image/menubtn-takoyaki-up.png);}
#KonamonSeriesMenu li.btn-okonomi a:hover{ background-image:url(../image/menubtn-okonomi-ov.png);}
#KonamonSeriesMenu li.btn-takoyaki a:hover{ background-image:url(../image/menubtn-takoyaki-ov.png);}
#KonamonSeriesMenu.fixed{position:fixed; width:100%; top:0; z-index:1000;}
#KonamonSeriesMenu li.btn-okonomi.on a{ background-image:url(../image/menubtn-okonomi-ov.png);}
#KonamonSeriesMenu li.btn-takoyaki.on a{ background-image:url(../image/menubtn-takoyaki-ov.png);}


#KonamonPageTop{ position:fixed; width:100%; text-align:right; bottom:10px; right:10px; }
#KonamonPageTop a{display:inline-block; background:url(../image/pagetop-up.png) no-repeat 0 0; width:70px; height:0; padding:90px 0 0; overflow:hidden; line-height:2; outline:none;}
#KonamonPageTop a:hover{background:url(../image/pagetop-ov.png) no-repeat 0 0;}

/*PAGE OKONOMI*/
#Okonomi{ padding:50px 0 0;}
#Okonomi h1{ background:#FFF url(../image/bg-main-ok.jpg) no-repeat center 0; text-align:center; line-height:0;}



.KonamonContens{}
.KonamonContens-01-02{ background:url(../image/bg2.jpg) repeat center top;background-attachment:fixed; padding:30px 0 0;}
.KonamonContens-01{ background:url(../image/bg_tessoku02.png) no-repeat 10px 100px; }
.KonamonContens-01 h2{ text-align:center; }

.Okonomi-Tessoku-Box{ width:770px; margin:0 auto 90px; }
.Okonomi-Tessoku-Box h3{ padding:0;}
.Okonomi-Tessoku-Box h4{ margin:50px 0 0;}

#Okonomi-Tessoku-01{ background:url(../image/bg_tessoku01.png) no-repeat left bottom;}
#Okonomi-Tessoku-01 .Okonomi-Tessoku-Box{margin-bottom:0; padding-bottom:90px;}
#Okonomi-Tessoku-01 h3{}

#Okonomi-Tessoku-02{ }
#Okonomi-Tessoku-02 h3{ }

#Okonomi-Tessoku-03{ background:url(../image/bg_tessoku01.png) no-repeat left center; position:relative;}
#Okonomi-Tessoku-03 h4{ margin-left:115px;}
#Okonomi-Tessoku-03 h4.sono1{ }
#Okonomi-Tessoku-03 h4.sono2{ }
#Okonomi-Tessoku-03 h4.sono3{ }
#Okonomi-bg-kaesi01{position:absolute; left:-20px; top:180px;}
#Okonomi-bg-kaesi02{position:absolute; left:-20px; bottom:220px;}

#Okonomi-Tessoku-04{ background:url(../image/bg_tessoku04.png) no-repeat right bottom}
#Okonomi-Tessoku-04 h3{ }
#Okonomi-Tessoku-04 .Okonomi-Tessoku-Box{ margin-bottom:0;}


/*EFX*/


.Okonomi-Tessoku-img01{  position:relative;}
.Okonomi-Tessoku-img01 img{position:absolute; top:-200px; right:-140px; z-index:2}
.Okonomi-Tessoku-img02{  position:relative;}
.Okonomi-Tessoku-img02 img{position:absolute; top:-200px; right:-140px; z-index:2}
.Okonomi-Tessoku-img03{  position:relative;}
.Okonomi-Tessoku-img03 img{position:absolute; top:-250px; right:-150px; z-index:2}
.Okonomi-Tessoku-img04{  position:relative;}
.Okonomi-Tessoku-img04 p{position:absolute; top:-50px; right:-130px; z-index:2}
.Okonomi-Tessoku-img04 p img{margin:0 0 10px;}

.Okonomi-Tessoku-img05{  position:relative;}
.Okonomi-Tessoku-img05 p{position:absolute; top:-50px; right:-130px; z-index:2}
.Okonomi-Tessoku-img05 p img{margin:0 0 10px;}
.Okonomi-Tessoku-img06{  position:relative;}
.Okonomi-Tessoku-img06 p{position:absolute; top:-50px; right:-130px; z-index:2}
.Okonomi-Tessoku-img06 p img{margin:0 0 10px;}
.Okonomi-Tessoku-img07{  position:relative;}
.Okonomi-Tessoku-img07 p{position:absolute; top:10px; right:-130px; z-index:2}

.Okonomi-Tessoku-Koji{ background:url(../image/face-koji01.png) no-repeat left center; padding:10px 120px 10px 120px;}
.Okonomi-Tessoku-Koji.Koji1{    background:url(../image/face-koji01.png) no-repeat left center;}
.Okonomi-Tessoku-Koji.Koji2{    background:url(../image/face-koji02.png) no-repeat left center;}
.Okonomi-Tessoku-Koji.Koji3{    background:url(../image/face-koji03.png) no-repeat left center;}
.Okonomi-Tessoku-Koji.Koji4{    background:url(../image/face-koji04.png) no-repeat left center;}
.Okonomi-Tessoku-Koji-B{ background:url(../image/fukidashi-koji-b.png) no-repeat left bottom; padding:0 0 35px;}
.Okonomi-Tessoku-Koji p{ background:url(../image/fukidashi-koji-t.png) no-repeat left top; padding:30px 50px 15px; font-size:16px; line-height:2;}

.Okonomi-Tessoku-Shoji{background:url(../image/face-shoji02.png) no-repeat right center; padding:10px 100px 10px 135px;position:relative; z-index:10;}
.Okonomi-Tessoku-Shoji.Shoji1{background:url(../image/face-shoji01.png) no-repeat right center; }
.Okonomi-Tessoku-Shoji.Shoji2{background:url(../image/face-shoji02.png) no-repeat right center; }
.Okonomi-Tessoku-Shoji.Shoji3{background:url(../image/face-shoji03.png) no-repeat right center; }
.Okonomi-Tessoku-Shoji.Shoji4{background:url(../image/face-shoji04.png) no-repeat right center; }
.Okonomi-Tessoku-Shoji-B{background:url(../image/fukidashi-shoji-b.png) no-repeat left bottom; padding:0 0 33px;}
.Okonomi-Tessoku-Shoji p{background:url(../image/fukidashi-shoji-t.png) no-repeat left top; padding:30px 80px 5px 50px; font-size:16px; line-height:2; }
.Okonomi-Tessoku-Shoji-S{ margin-right:150px;}
.Okonomi-Tessoku-Shoji-S .Okonomi-Tessoku-Shoji-B{background:url(../image/fukidashi-shoji-b-s.png) no-repeat left bottom; padding:0 0 33px;}
.Okonomi-Tessoku-Shoji-S p{background:url(../image/fukidashi-shoji-t-s.png) no-repeat left top; padding:30px 65px 5px 35px; font-size:16px; line-height:2; }



.KonamonContens-02{background:url(../image/bg_tessoku05.png) no-repeat left top; padding:120px 0 0; margin-top:-60px;}
.KonamonContens-02 h2{ text-align:center; }
.benri01{xbackground:url(../image/bg_tessoku06.png) no-repeat left bottom; padding:10px 0 60px 40px; text-align:center;}

.Okonomi-Point{position:relative; width:950px; margin:0 auto;}
.Okonomi-Point .Point{position:relative; padding-left:75px;}
.Okonomi-Point .Point p{position:absolute;right:0; top:0;}
.Okonomi-Point .Point1{ padding-top:15px;}
.Okonomi-Point .Point1 p{ right:20px;}
.Okonomi-Point .Point2{ padding-top:20px;}
.Okonomi-Point .Point2 p{ right:25px; top:35px;}
.Okonomi-Point .Point3{ padding-top:60px;}
.Okonomi-Point .Point3 p{ right:100px; top:35px;}
.Okonomi-Point .Point4{ padding-top:60px;}
.Okonomi-Point .Point4 p{ right:75px; top:60px;}
.Okonomi-Point .Point5{ padding-top:45px; padding-bottom:220px;}
.Okonomi-Point .Point5 p{ right:25px; top:90px;}

.KonamonContens-03{ background:url(../image/bg_dekonomi.jpg) repeat-x center top; padding:30px 0 90px;  font-size:14px; line-height:2;}
.Okonomi-Deco-Box{background:url(../image/ti_dekonomi.png) no-repeat center top; height:640px;}
.KonamonContens-03 h3{ height:0; overflow:hidden; line-height:2; padding:180px 0 0;}
.KonamonContens-03 h4{ text-align:center; font-size:15px; margin:0 0 20px; line-height:1.8; font-weight:normal; color:#000;}
.KonamonContens-03 ul{ overflow:hidden; width:780px; margin:0 auto; }
.KonamonContens-03 li{ float:left; width:269px; font-size:13px;}
.KonamonContens-03 li.lastn{ width:242px;}
.KonamonContens-03 li em{display:block; padding:0 30px 4px 4px; font-size:14px; font-weight:bold; line-height:1.4;}
.KonamonContens-03 li.lastn em{ padding-right:0;}
.KonamonContens-03 li strong{font-size:18px;}
.KonamonContens-03 a{color:#000;}


.KonamonContens-03 a{color:#333;}

.KonamonContens-04 {
	background: url(../image/bg_mokume.jpg); background-repeat:repeat-y;
	padding: 0 0 30px;
	position: relative;
	text-align: center;
	
}
.KonamonContens-04 img{max-width:100%; height:auto;}
.KonamonContens-04 .shinagaki{ position:relative; width:1000px; margin:0 auto;}
.KonamonContens-04 .shinagaki p{position:absolute;display: none;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup01{ top:40px; left:0px; min-width:491px; min-height:470px;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup02{ top:60px; right:20px; min-width:491px; min-height:470px;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup03{ top:550px; left:0px; min-width:387px; min-height:470px;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup04{ top:600px; right:20px; min-width:387px; min-height:484px;}
/*.KonamonContens-04 .shinagaki p.Okonomi-lineup05{ bottom:152px; left:0px; min-width:328px; min-height:535px;}*/
/*.KonamonContens-04 .shinagaki p.Okonomi-lineup06{ bottom:130px; left:20px; min-width:410px; min-height:460px;}*/
/*.KonamonContens-04 .shinagaki p.Okonomi-lineup07{ bottom:150px; right:20px; min-width:340px; min-height:400px;}*/
.KonamonContens-04 .shinagaki p.Okonomi-lineup06{ top:1010px; left:140px; min-width:410px; min-height:460px;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup07{ top:1040px; right:20px; min-width:340px; min-height:400px;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup08{ top:1450px; right:180px; min-width:340px; min-height:400px;} /*←粉もん亭*/
.KonamonContens-04 .shinagaki p.Okonomi-lineup08b{ top:1450px; left:20px; min-width:190px; min-height:160px;} /*←粉もん亭*/
.KonamonContens-04 .shinagaki p.Okonomi-lineup08 span{ display:none;} /*←粉もん亭*/


.KonamonContens-05{ width:1000px; margin:auto; padding:40px 0;}
.Okonomi-column-box{line-height:2; position:relative;}
.Okonomi-column-box h3{ height:0; overflow:hidden; background-repeat:no-repeat;}
.Okonomi-column-box p{}
.Okonomi-column01{ }

.Okonomi-column01 h3{ background-image:url(../image/column01.png); background-position:0 0; padding:600px 0 0;}
.Okonomi-column01 p{ height:0; overflow:hidden;}

.Okonomi-column02 h3{ background-image:url(../image/column02.png); background-position:right top; padding:780px 0 0;}
.Okonomi-column02 p{ height:0; overflow:hidden;}

.Okonomi-column03 h3{ height:auto;}
.Okonomi-column03 h3.sp{display:none;}
.Okonomi-column03 h3 a{ background-image:url(../image/column03.png); background-position:0 0; padding:560px 0 0; background-repeat:no-repeat; height:0; overflow:hidden; display:block;}
.Okonomi-column03 h3 a:hover{
opacity:0.7;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.Okonomi-column03 p{ height:0; overflow:hidden;}


a:hover img{
opacity:0.7;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
a img{
	/*Transition*/
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}









/*PAGE TAKOYAKI*/
#Takoyaki{padding:64px 0 240px;line-height:1.5; }
#Takoyaki h1{ text-align:center; line-height:0; background:url(../image/main-takoyaki-bg.jpg) no-repeat center top;}
#Takoyaki h2{ height:0; overflow:hidden;background:url(../image/main2-takoyaki-read.png) no-repeat center top; padding:300px 0 0;}

.TakoyakiContens-01-02{ background:url(../image/bg2.jpg) repeat center top; padding:30px 0; position:relative;}
.TakoyakiContens-01{ background:url(../image/bg_tessoku06.png) no-repeat right bottom; padding:0 0 90px;}
.TakoyakiContens-01 h3{ text-align:center}
#Takoyaki-bg-single{ position:absolute; left:77%; top:50px;}
#Takoyaki-bg-ki{ position:absolute; left:0; top:250px;}

.Takoyaki-Himitsu-Box{ width:770px; margin:0 auto 90px; }
.Takoyaki-Himitsu-Box h3{ background-repeat:no-repeat; background-position:0 0; height:0; overflow:hidden; padding:100px 0 0;}
.Takoyaki-Himitsu-Box h4{ background-repeat:no-repeat; background-position:0 0; height:0; overflow:hidden; padding:45px 0 0; margin:50px 0 0;}

#Takoyaki-Himitsu-01{ background-image:url(../image/bg_tessoku02.png); background-repeat:no-repeat; background-position:left center; position:relative;}
#Takoyaki-Himitsu-01 h3{ background-image:url(../image/ti-takoyaki-himitsu01.png);}

#Takoyaki-Himitsu-02{ background:url(../image/bg_takoyaki02.png) no-repeat left center;}
#Takoyaki-Himitsu-02 h3{ background-image:url(../image/ti-takoyaki-himitsu02.png);}
#Takoyaki-Himitsu-02 .Takoyaki-Himitsu-Box{margin-bottom:0; margin-top:200px;}

#Takoyaki-Himitsu-03{ background:url(../image/bg_takoyaki03.png) no-repeat right top; padding-top:120px; position:relative;}
#Takoyaki-Himitsu-03 h3{ background-image:url(../image/ti-takoyaki-himitsu03.png);}
#Takoyaki-Himitsu-03 h4.waza1{ background-image:url(../image/sti-takoyaki-waza01.png); background-position: 130px  0;}
#Takoyaki-Himitsu-03 h4.waza2{ background-image:url(../image/sti-takoyaki-waza02.png); background-position: 130px  top; margin-top:70px;}
#Takoyaki-Himitsu-03 h4.waza3{ background-image:url(../image/sti-takoyaki-waza03.png); background-position: 130px  top; margin-top:70px;}
#Takoyaki-bg-single2{ position:absolute; left:1%; top:350px;}

#Takoyaki-Himitsu-04{ background:url(../image/bg_tessoku05.png) no-repeat left center;}
#Takoyaki-Himitsu-04 h3{ background-image:url(../image/ti-takoyaki-himitsu04.png)}
#Takoyaki-Himitsu-04 .Okonomi-Tessoku-Box{ margin-bottom:0;}

.Takoyaki-Himitsu-Koji{ background:url(../image/face-koji01.png) no-repeat left center; padding:10px 120px 10px 120px;}
.Takoyaki-Himitsu-Koji-B{ background:url(../image/fukidashi-koji-b.png) no-repeat left bottom; padding:0 0 35px;}
.Takoyaki-Himitsu-Koji p{ background:url(../image/fukidashi-koji-t.png) no-repeat left top; padding:35px 46px 5px; font-size:16px; line-height:2;}

.Takoyaki-Himitsu-Shoji{background:url(../image/face-shoji03.png) no-repeat right center; padding:10px 100px 10px 135px;}
.Takoyaki-Himitsu-Shoji-B{background:url(../image/fukidashi-shoji-b.png) no-repeat left bottom; padding:0 0 33px;}
.Takoyaki-Himitsu-Shoji p{background:url(../image/fukidashi-shoji-t.png) no-repeat left top; padding:30px 50px 5px; font-size:16px; line-height:2; }

.Takoyaki-Himitsu-Shoji.Shoji1{background:url(../image/face-shoji01.png) no-repeat right center; }
.Takoyaki-Himitsu-Shoji.Shoji2{background:url(../image/face-shoji02.png) no-repeat right center; }
.Takoyaki-Himitsu-Shoji.Shoji3{background:url(../image/face-shoji03.png) no-repeat right center; }

.Takoyaki-Himitsu-Koji.Koji1{    background:url(../image/face-koji01.png) no-repeat left center;}
.Takoyaki-Himitsu-Koji.Koji2{    background:url(../image/face-koji02.png) no-repeat left center;}
.Takoyaki-Himitsu-Koji.Koji3{    background:url(../image/face-koji03.png) no-repeat left center;}

em{font-style:normal;}

/*EFX*/
.Takoyaki-Himitsu-img01{  position:relative;}
.Takoyaki-Himitsu-img01 img{position:absolute; top:-150px; right:-120px;}
.Takoyaki-Himitsu-img02{ position:relative; }
.Takoyaki-Himitsu-img02 img{ position:absolute; top:-160px; right:-100px;}
.Takoyaki-Himitsu-Shoji01-01{ margin-top:200px;}
.Takoyaki-Himitsu-Shoji01-02{ margin-top:200px;}

.Takoyaki-Himitsu-img05{  position:relative;}
.Takoyaki-Himitsu-img05 img{position:absolute; top:-150px; right:-130px;}
.Takoyaki-Himitsu-img06{ position:relative; }
.Takoyaki-Himitsu-img06 img{ position:absolute; top:-170px; right:-130px;}
.Takoyaki-Himitsu-img07{ position:relative; }
.Takoyaki-Himitsu-img07 img{ position:absolute; top:10px; right:-130px;}

.TakoyakiContens-02{ padding:0; margin-top:-100px;}
.TakoyakiContens-02 h3{ text-align:center; }
.Takoyaki-Point{position:relative; width:950px; margin:0 auto;}
.Takoyaki-Point .Point{position:relative; padding-left:75px;}
.Takoyaki-Point .Point p{position:absolute;right:0; top:0;}
.Takoyaki-Point .Point1{ padding-top:8px;}
.Takoyaki-Point .Point1 p{ right:30px;}
.Takoyaki-Point .Point2{ padding-top:20px;}
.Takoyaki-Point .Point2 p{ right:55px; top:25px;}
.Takoyaki-Point .Point3{ padding-top:70px;}
.Takoyaki-Point .Point3 p{ right:85px; top:50px;}
.Takoyaki-Point .Point4{ padding-top:80px;}
.Takoyaki-Point .Point4 p{ right:25px; top:80px;}
.Takoyaki-Point .Point5{ padding-top:50px; padding-bottom:220px;}
.Takoyaki-Point .Point5 p{ right:50px; top:90px;}

.TakoyakiContens-02 .benri01{background:url(../image/bg_takoyaki08.png) no-repeat left bottom; padding:10px 0 60px 40px; text-align:center;}


.TakoyakiContens-03 { background:url(../image/bg_mokume.jpg); padding:0 0 30px 0; position:relative;text-align:center;}
.TakoyakiContens-03 .shinagaki { position:relative; width:1000px; margin:0 auto;}
.TakoyakiContens-03 .shinagaki p{ position:relative;display: none;}
.TakoyakiContens-03 img{max-width:100%; height:auto; position:relative; margin-top:-35px;}
.TakoyakiContens-03 .shinagaki p{position:absolute;}
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup01{ top:150px; left:80px; min-width:280px; min-height:400px;}
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup02{ top:146px; left:350px; min-width:280px; min-height:537px;}
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup04{ top:520px; left:80px; min-width:285px; min-height:358px;}
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup05{ top:520px; left:460px; min-width:307px; min-height:358px;}
/*.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup06{ top:560px; left:630px; min-width:307px; min-height:446px;}*/
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup07{ top:1100px; left:220px; min-width:626px; min-height:447px;}/*←粉もん亭*/
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup07b{ top:1100px; left:40px; min-width:190px; min-height:160px;} /*←粉もん亭*/
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup07 span{ display:none;} /*←粉もん亭*/


.TakoyakiContens-04{background:#e8ebb6 url(../image/bg-gottsu.jpg) no-repeat center top; padding:30px 0;}
.Takoyaki-Gottsu-Box{ background:url(../image/takoyaki-gottu.png) no-repeat center top; width:961px; height:690px; margin:0 auto;}
.Takoyaki-Gottsu-Box h3{ height:0; overflow:hidden; padding:228px 0 0;}
.Takoyaki-Gottsu-Box h4{ text-align:center; font-size:15px; margin:0 0 20px; line-height:1.8; font-weight:normal; color:#000;}
.Takoyaki-Gottsu-Box ul{ overflow:hidden; width:800px; margin:0 auto; }
.Takoyaki-Gottsu-Box li{ float:left; width:279px; font-size:13px;}
.Takoyaki-Gottsu-Box li.lastn{ width:242px;}
.Takoyaki-Gottsu-Box li em{display:block; padding:0 30px 4px 4px;}
.Takoyaki-Gottsu-Box li.lastn em{ padding-right:0;}
.Takoyaki-Gottsu-Box li strong{font-size:15px;}
.Takoyaki-Gottsu-Box a{color:#000;}

.Takoyaki-column-box{line-height:1.5; width:1000px}
.Takoyaki-column-box h3{ height:0; overflow:hidden; background-repeat:no-repeat;}
.Takoyaki-column-box p{ color:#000; line-height:1.6; font-size:13px;}

#Takoyaki-column01{ padding:30px 0 60px; width:900px; margin:auto;}
#Takoyaki-column01 .Takoyaki-column-box{ background:url(../image/column4.png) no-repeat 0 0; height:570px; position:relative;}
.Takoyaki-column01 p{position:absolute; left:150px; top:200px; width:520px; height:0; overflow:hidden;}

#Takoyaki-column02{ padding:60px 0 30px; width:950px; margin:auto;}
#Takoyaki-column02 .Takoyaki-column-box{ background:url(../image/column5.png) no-repeat right top; height:570px; position:relative;}
.Takoyaki-column02 p{position:absolute; left:140px; top:265px; width:485px; height:0; overflow:hidden;}

#Takoyaki-column03{ padding:30px 0 30px; width:950px; margin:auto;}
#Takoyaki-column03 .Takoyaki-column-box{ background:url(../image/column6.png) no-repeat 0 0; height:670px; position:relative;}
.Takoyaki-column03 p{position:absolute; left:145px; top:210px; width:330px; height:0; overflow:hidden;}



#KonamonVideo{ background:#101010; text-align:center; color:#fff; padding:0 0 20px;}
.KonamonVideoIn{ top:-40px; position:relative;}
#KonamonVideo h2{}
#KonamonVideo h3{font-weight:bold; font-size:26px; margin:0 0 15px;}
.KonamonVideo h4{font-weight:normal; font-size:18px; line-height:1.5; margin:0 0 15px;}
#youtubeLoader{}

.KonamonEnd{ background:#fff; padding:100px 0 100px; text-align:center;}


ul#mainNav, #navFooter {
    display: none;
}
@media screen and (max-width: 640px) {
    *{max-width:100%;}
    img{height:auto;}

#KonamonSeriesMainBox h1{ text-align:center; opacity:1; background:none; height:auto;}
#KonamonSeriesMainBox h1 img{ display:block; }
#KonamonSeriesMainBox p{ position:absolute;display:none !important; }
#KonamonSeriesMainBox p img{ position:relative; width:1px; height:1px; display:none;}

    #KonamonSeriesMain h2{ height:auto; background:none; padding:10px 10px 20px; font-size:14px; font-weight:normal; text-align:center; line-height:1.8;}
    #KonamonSeriesMain h2 em{font-weight:bold; font-size:1.1em; display:block; padding:10px 0;}

#KonamonSeriesMenu{ border-top:8px solid #000; position:relative;}
#KonamonSeriesMenu ul{ width:100%; margin:0 auto; position:relative; top:-10px;}
#KonamonSeriesMenu li{ width:49%;}
#KonamonSeriesMenu li a{ display:block; height:0; overflow:hidden; padding:90px 0 0; background-repeat:no-repeat; background-position: center top; background-size: contain; line-height:2;}
#KonamonSeriesMenu li.btn-okonomi{ float:left;}
#KonamonSeriesMenu li.btn-takoyaki{ float:right;}

#Okonomi{ padding: 0 0 10px;}
#Okonomi h1{ height:auto; padding:10px; background:none;}

.KonamonContens-01{ background:none; }
.Okonomi-Tessoku-Koji{ background:url(../image/face-koji01s.png) no-repeat left center; padding:15px 10px 15px 80px; }
.Okonomi-Tessoku-Koji.Koji1{    background:url(../image/face-koji01s.png) no-repeat left top;}
.Okonomi-Tessoku-Koji.Koji2{    background:url(../image/face-koji02s.png) no-repeat left top;}
.Okonomi-Tessoku-Koji.Koji3{    background:url(../image/face-koji03s.png) no-repeat left top;}
.Okonomi-Tessoku-Koji.Koji4{    background:url(../image/face-koji04s.png) no-repeat left top;}
.Okonomi-Tessoku-Koji-B{ background:none; padding:0;}
.Okonomi-Tessoku-Koji p{ background:none; padding:0; font-size:16px; line-height:2;}

.Okonomi-Tessoku-Shoji{background:url(../image/face-shoji02s.png) no-repeat right center; padding:15px 80px 15px 10px;position:relative; z-index:10; }
.Okonomi-Tessoku-Shoji.Shoji1{background:url(../image/face-shoji01s.png) no-repeat right top; }
.Okonomi-Tessoku-Shoji.Shoji2{background:url(../image/face-shoji02s.png) no-repeat right top; }
.Okonomi-Tessoku-Shoji.Shoji3{background:url(../image/face-shoji03s.png) no-repeat right top; }
.Okonomi-Tessoku-Shoji.Shoji4{background:url(../image/face-shoji04s.png) no-repeat right top; }
.Okonomi-Tessoku-Shoji-B{background:none; padding:0;}
.Okonomi-Tessoku-Shoji p{background:none; padding:0; font-size:16px; line-height:2; }
.Okonomi-Tessoku-Shoji-S{ margin-right:0;}
.Okonomi-Tessoku-Shoji-S .Okonomi-Tessoku-Shoji-B{background:none; padding:0;}
.Okonomi-Tessoku-Shoji-S p{background:none; padding:0; font-size:16px; line-height:2; }

#Okonomi-Tessoku-03 h4{ margin-left:10px;}
#Okonomi-bg-kaesi01{ display:none;}
#Okonomi-bg-kaesi02{ display:none;}

.KonamonContens-05{ width:auto; margin:auto; padding:20px 10px; background:#eff; border-top:1px solid #666; border-bottom:1px solid #666;}

.Okonomi-column-box{line-height:2; position:relative;}
.Okonomi-column-box h3{ height:auto; overflow:hidden; background-image:none; padding:0 0 10px; text-align:center;}
.Okonomi-column-box h3 em{font-size:1.3em; display:block;}
.Okonomi-column-box p{ height:auto; padding:0 0 1em;}
.Okonomi-column03 h3{display:none;}
.Okonomi-column03 h3.sp{display:block;}
.Okonomi-column03 h3 a{ background-image:url(../image/column03.png); background-position:0 0; padding:560px 0 0; background-repeat:no-repeat; height:0; overflow:hidden; display:block;}


.Okonomi-Tessoku-img01{  position:relative; text-align:center;}
.Okonomi-Tessoku-img01 img{position:static; top:-200px; right:-140px; z-index:2}
.Okonomi-Tessoku-img02{  position:relative; text-align:center;}
.Okonomi-Tessoku-img02 img{position:static; top:-200px; right:-140px; z-index:2}
.Okonomi-Tessoku-img03{  position:relative; text-align:center;}
.Okonomi-Tessoku-img03 img{position:static; top:-250px; right:-150px; z-index:2}
.Okonomi-Tessoku-img04{  position:relative; text-align:center;}
.Okonomi-Tessoku-img04 p{position:static; top:-50px; right:-130px; z-index:2}
.Okonomi-Tessoku-img04 p img{margin:0 0 10px;}

.Okonomi-Tessoku-img05{  position:static; text-align:center;}
.Okonomi-Tessoku-img05 p{position:static; top:-50px; right:-130px; z-index:2}
.Okonomi-Tessoku-img05 p img{margin:0 0 10px;}
.Okonomi-Tessoku-img06{  position:static; text-align:center;}
.Okonomi-Tessoku-img06 p{position:static; top:-50px; right:-130px; z-index:2}
.Okonomi-Tessoku-img06 p img{margin:0 0 10px;}
.Okonomi-Tessoku-img07{  position:static; text-align:center;}
.Okonomi-Tessoku-img07 p{position:static; top:10px; right:-130px; z-index:2}

#Okonomi-Tessoku-04{ background:url(../image/bg_tessoku04.png) no-repeat 320px center}
.Okonomi-column-box{line-height:2; position:relative; left:0 !important;}


.Okonomi-Point{position:relative; width:100%; margin:0 auto;}
.Okonomi-Point .Point{position:relative; padding-left:10px;}
.Okonomi-Point .Point p{position:static; text-align:center}
.Okonomi-Point .Point1{ padding-top:15px;}
.Okonomi-Point .Point2{ padding-top:15px;}
.Okonomi-Point .Point3{ padding-top:15px;}
.Okonomi-Point .Point4{ padding-top:15px;}
.Okonomi-Point .Point5{ padding-top:15px; padding-bottom:20px;}

.Takoyaki-Point{position:relative; width:100%; margin:0 auto;}
.Takoyaki-Point .Point{position:relative; padding-left:10px;}
.Takoyaki-Point .Point p{position:static; text-align:center}
.Takoyaki-Point .Point1{ padding-top:15px;}
.Takoyaki-Point .Point2{ padding-top:15px;}
.Takoyaki-Point .Point3{ padding-top:15px;}
.Takoyaki-Point .Point4{ padding-top:15px;}
.Takoyaki-Point .Point5{ padding-top:15px; padding-bottom:20px;}

.benri01{ padding:0 ; text-align:center;}

.Okonomi-Deco-Box{ background:none; height:auto; padding:0;}
.KonamonContens-03{padding:10px; background:#f0f9ff;}
.KonamonContens-03 h3{ height:auto; overflow:hidden; line-height:2; padding:0 0 0; background:none;}
.Okonomi-column03 h3 a{height:auto; background:none; padding:10px 0;}
.KonamonContens-03 h4{ text-align:left; font-size:15px; margin:0 0 20px; line-height:1.8; font-weight:normal; color:#000;}
.KonamonContens-03 ul{ overflow:hidden; width:100%; margin:0 auto; }
.KonamonContens-03 li{ float:none; width:80%; margin:auto; font-size:13px;}
.KonamonContens-03 li.lastn{ width:80%;}
.KonamonContens-03 li em{display:block; padding:5px;}
.KonamonContens-03 li.lastn em{ padding-right:0;}
.KonamonContens-03 li strong{font-size:15px;}
.KonamonContens-03 a{color:#000;}

.KonamonContens-04 { background:url(../image/bg_mokume.jpg); padding:0 0 30px 0; position:relative;text-align:center;}
.KonamonContens-04 .shinagaki-kakomi {  padding:10px;}
.KonamonContens-04 .shinagaki {   padding:10px;margin:auto; text-align:center; }
.KonamonContens-04 img{max-width:100%; height:auto;}

.KonamonContens-04 img{max-width:100%; height:auto;}
.KonamonContens-04 .shinagaki{ position:relative; width:auto; margin:0 auto; background:url(../image/bg.jpg)}
.KonamonContens-04 .shinagaki img { display:none;}
.KonamonContens-04 .shinagaki p{display:block;position:static; margin:0 0 10px !important; text-align:center;}
.KonamonContens-04 .shinagaki p img{display:block; margin:auto;}
.KonamonContens-04 .shinagaki p i{ display:block; text-align:center}
.KonamonContens-04 .shinagaki p.Okonomi-lineup01{ top:0; left:0px; min-width:inherit; min-height:inherit;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup02{ top:0; right:20px; min-width:inherit; min-height:inherit;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup03{ top:470px; left:0px; min-width:inherit; min-height:inherit;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup04{ top:470px; right:20px; min-width:inherit; min-height:inherit;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup05{ bottom:152px; left:0px; min-width:inherit; min-height:inherit;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup06{ bottom:151px; left:326px; min-width:inherit; min-height:inherit;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup07{ bottom:132px; right:20px; min-width:inherit; min-height:inherit;}
.KonamonContens-04 .shinagaki p.Okonomi-lineup08{ bottom:132px; right:20px; min-width:inherit; min-height:inherit;}/*←粉もん亭*/
.KonamonContens-04 .shinagaki p.Okonomi-lineup08 span{ display:none;} /*←粉もん亭*/



#Takoyaki{padding:10px 0 0;line-height:1.5;}
#Takoyaki h1{ height:auto; overflow:hidden; background:none;padding:0;}
#Takoyaki h2{ height:auto; overflow:hidden;background:none; padding:0 10px;}
    #Takoyaki h2{text-align:center; line-height:1.8; font-weight:normal; font-size:14px;}
    #Takoyaki h2 em{font-weight:bold; font-size:1.1em; display:block; padding:10px 0;}

.TakoyakiContens-01{ background:url(../image/bg_tessoku06.png) no-repeat right bottom; padding:0 0 200px; }

.Takoyaki-Himitsu-Box{margin:0 auto 20px;}
.Takoyaki-Himitsu-Box h3{ background-size:contain;}
.Takoyaki-Himitsu-Box h4{ background-size:contain;}

#Takoyaki-Himitsu-01{ background-image:none; background-repeat:no-repeat; background-position:left center; position:relative;}
#Takoyaki-Himitsu-02{background:none;}
#Takoyaki-Himitsu-04{background:none;}
#Takoyaki-Himitsu-02 .Takoyaki-Himitsu-Box{margin-bottom:0; margin-top:0;}
#Takoyaki-bg-single2{display:none;}
.Takoyaki-Himitsu-img01{ height:auto; overflow:hidden;  position:static;}
.Takoyaki-Himitsu-img01 img{position:static; margin-bottom:10px;}
.Takoyaki-Himitsu-img02{height:auto; overflow:hidden; position:static; }
.Takoyaki-Himitsu-img02 img{ position:static; top:-160px; right:-100px;}
.Takoyaki-Himitsu-Shoji01-01{ margin-top:0px;}
.Takoyaki-Himitsu-Shoji01-02{ margin-top:0px;}

.Takoyaki-Himitsu-img05{ height:auto; overflow:hidden;  position:static; text-align:center;}
.Takoyaki-Himitsu-img05 img{position:static; top:0; right:0;}
.Takoyaki-Himitsu-img06{height:auto; overflow:hidden;  position:static; text-align:center }
.Takoyaki-Himitsu-img06 img{ position:static; top:-170px; right:-130px;}
.Takoyaki-Himitsu-img07{height:auto; overflow:hidden;  position:static; text-align:center }
.Takoyaki-Himitsu-img07 img{ position:static; top:10px; right:-130px;}

#Takoyaki-Himitsu-03 h4.waza1{ background-size:contain; background-position: 0  0;}
#Takoyaki-Himitsu-03 h4.waza2{ background-size:contain; background-position: 0  0;}
#Takoyaki-Himitsu-03 h4.waza3{ background-size:contain; background-position: 0  0;}

.Takoyaki-Himitsu-Koji{ background:url(../image/face-koji01s.png) no-repeat left top; padding:10px 10px 10px 80px; min-height:70px;}
.Takoyaki-Himitsu-Koji-B{ background:none; padding:0;}
.Takoyaki-Himitsu-Koji p{ background:none; padding:0; font-size:16px; line-height:2;}

.Takoyaki-Himitsu-Shoji{background:url(../image/face-shoji03s.png) no-repeat right top; padding:10px 75px 10px 10px; min-height:70px;}
.Takoyaki-Himitsu-Shoji-B{background:none; padding:0;}
.Takoyaki-Himitsu-Shoji p{background:none; padding:0; font-size:16px; line-height:2; }

.Takoyaki-Himitsu-Shoji.Shoji1{background:url(../image/face-shoji01s.png) no-repeat right top; }
.Takoyaki-Himitsu-Shoji.Shoji2{background:url(../image/face-shoji02s.png) no-repeat right top; }
.Takoyaki-Himitsu-Shoji.Shoji3{background:url(../image/face-shoji03s.png) no-repeat right top; }
.Takoyaki-Himitsu-Shoji.Shoji4{background:url(../image/face-shoji04s.png) no-repeat right top; }

.Takoyaki-Himitsu-Koji.Koji1{    background:url(../image/face-koji01s.png) no-repeat left top;}
.Takoyaki-Himitsu-Koji.Koji2{    background:url(../image/face-koji02s.png) no-repeat left top;}
.Takoyaki-Himitsu-Koji.Koji3{    background:url(../image/face-koji03s.png) no-repeat left top;}
.Takoyaki-Himitsu-Koji.Koji4{    background:url(../image/face-koji04s.png) no-repeat left top;}

.TakoyakiContens-02{margin-top:0;}

.Takoyaki-column-box{line-height:1.5; width:auto; padding:0 0 20px;}
.Takoyaki-column-box h3{ height:auto; overflow:hidden; background-image:none; padding:0 0 10px; text-align:center;}
.Takoyaki-column-box h3 em{font-size:1.3em; display:block;}
.Takoyaki-column-box p{ color:#000; line-height:1.6; font-size:13px; margin:0 0 1em;}

#Takoyaki-column01{ padding:10px; width:100%; margin:auto;border-top:1px solid #666; border-bottom:1px solid #666;}

#Takoyaki-column01 .Takoyaki-column-box{ background:none; height:auto; position:static; background:#ffe;}
.Takoyaki-column01 p{position:static; width:auto; height:auto; overflow:hidden;}

#Takoyaki-column02{ padding:10px; width:100%; margin:auto;border-top:1px solid #666; border-bottom:1px solid #666; background:#ffe;}
#Takoyaki-column02 .Takoyaki-column-box{ background:none; height:auto; position:static;}
.Takoyaki-column02 p{position:static; width:auto; height:auto; overflow:hidden;}

#Takoyaki-column03{padding:10px; width:100%; margin:auto;border-top:1px solid #666; border-bottom:1px solid #666; background:#ffe;}
#Takoyaki-column03 .Takoyaki-column-box{background:none; height:auto; position:static;}
.Takoyaki-column03 p{position:static; width:auto; height:auto; overflow:hidden;}
.TakoyakiContens-02 .benri01{background:url(../image/bg_takoyaki08.png) no-repeat left bottom; padding:10px; text-align:center;}

.TakoyakiContens-03 { background:url(../image/bg_mokume.jpg); padding:0 0 30px 0; position:relative;text-align:center;}
.TakoyakiContens-03 .shinagaki-kakomi {  padding:10px;}
.TakoyakiContens-03 .shinagaki{ width:auto;background:url(../image/bg.jpg); padding:10px;}
.TakoyakiContens-03 .shinagaki img{ display:none}
.TakoyakiContens-03 .shinagaki p{ display:block;position:relative; text-align:center;margin:0 auto 60px ;}
.TakoyakiContens-03 .shinagaki p img{display:block; margin:0 auto 10px;}
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup01 { min-width:inherit; min-height:inherit;}
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup02 { min-width:inherit; min-height:inherit;}
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup03 { min-width:inherit; min-height:inherit;}
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup05 { min-width:inherit; min-height:inherit;}
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup06 { min-width:inherit; min-height:inherit;}
.TakoyakiContens-03 img{max-width:100%; height:auto; position:static; margin:0 0 10px;}
.TakoyakiContens-03 .shinagaki p{position:static;}

.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup07{ min-width:inherit; min-height:inherit;}/*←粉もん亭*/
.TakoyakiContens-03 .shinagaki p.Takoyaki-lineup07b{ top:1160px; left:20px; min-width:190px; min-height:160px;} /*←粉もん亭*/



.TakoyakiContens-04{background:url(../image/bg.jpg) repeat center top; padding:10px 10px 20px; text-align:center;}
.Takoyaki-Gottsu-Box{ background:none; width:auto; height:auto; margin:0 auto;}
.Takoyaki-Gottsu-Box h3{ height:auto; overflow:hidden; padding:0 0 20px; font-size:1.5em;}
.Takoyaki-Gottsu-Box h4{ text-align:center; font-size:15px; margin:0 0 20px; line-height:1.8; font-weight:normal; color:#000;}
.Takoyaki-Gottsu-Box ul{ overflow:hidden; width:auto; margin:0 auto; }
.Takoyaki-Gottsu-Box li{ float:none; width:auto; font-size:13px; line-height:1.8;}
.Takoyaki-Gottsu-Box li.lastn{ width:auto;}
.Takoyaki-Gottsu-Box li em{display:block; padding:0 10px 4px 4px;}
.Takoyaki-Gottsu-Box li.lastn em{ padding-right:0;}
.Takoyaki-Gottsu-Box li strong{font-size:15px;}
.Takoyaki-Gottsu-Box a{color:#000;}

.KonamonVideoIn{top:10px;}

}

.TestS{position:relative;}
.TestS #pankuzu{ top:92px; }
.TestS #social_top{top:92px;}