#bnsumbarea ul li#bn01 a { background:url(../img/storyphoto/01_1.jpg) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn02 a { background:url(../img/storyphoto/02_1.jpg) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn03 a { background:url(../img/storyphoto/03_1.jpg) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn04 a { background:url(../img/storyphoto/04_1.jpg) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn05 a { background:url(../img/storyphoto/05_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn06 a { background:url(../img/storyphoto/06_3.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn07 a { background:url(../img/storyphoto/07_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn08 a { background:url(../img/storyphoto/08_2.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn09 a { background:url(../img/storyphoto/09_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn10 a { background:url(../img/storyphoto/10_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn11 a { background:url(../img/storyphoto/11_2.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn12 a { background:url(../img/storyphoto/12_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn13 a { background:url(../img/storyphoto/13_3.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn14 a { background:url(../img/storyphoto/14_3.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn15 a { background:url(../img/storyphoto/15_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn16 a { background:url(../img/storyphoto/16_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn17 a { background:url(../img/storyphoto/17_3.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn18 a { background:url(../img/storyphoto/18_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn19 a { background:url(../img/storyphoto/19_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn20 a { background:url(../img/storyphoto/20_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn21 a { background:url(../img/storyphoto/21_2.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn22 a { background:url(../img/storyphoto/22_1.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn23 a { background:url(../img/storyphoto/23_2.png) center top no-repeat; background-size:cover; }
#bnsumbarea ul li#bn24 a { background:url(../img/storyphoto/24_1.png) center top no-repeat; background-size:cover; }



/**************** PC ****************/

/* PC用 */

/**************** PC ****************/

@media only screen and (min-width:752px){

/*-----------------------head-------------------------*/
	#wrap {
		background-color:#e3c0cf;
		margin-bottom:0;
	}
	#header {
		width:100%;
		height:157px;
		background-image:url(../img/header2nd.jpg);
		background-position: center top;
		background-repeat:repeat-x;
		position: relative;
	}
	#header #headmain {
		width:1000px;
		margin: auto;
		position: relative;
	}


	#header #headmain h1 {
		margin: 0;
		padding: 0;
		position: absolute;
		top:15px;
		left:0;
	}
	#header #headmain #schedule {
		position: absolute;
		top:58px;
		right:0;
	}
	#header #headmain #catch {
		position: absolute;
		top:320px;
		right:180px;
	}

/*-----------------------menu-------------------------*/
	
	
#menu {
	width:100%;
	background-color:rgba( 235, 73, 148, 1 );
	}
#menu ul {
	width:100%;	
	margin: 0 auto;
	display: flex;
	flex-flow: row;
	justify-content: center;
	list-style-type: none;
	font-family: 'rounded-mplus-1pb';
	font-size: 140%;/*160%*/
	overflow:hidden;
	height:50px;
	}
	#menu ul li {
	overflow:hidden;
	height:50px;
	margin:0;
		overflow: hidden;
		text-align: center;
	}
	#menu ul li a {
	display:inline-block;
		height:50px;
	color: #fff;	
	text-decoration: none;
	padding: 0.5em 1.2em 0 1.8em;/*0.3em 1.5em 0 1.7em;*/
	line-height:1.2;
	box-sizing:border-box;
  position: relative;
		background: url(../img/icon_fire.png) 0.7em center no-repeat;
	}
	#menu ul li a span { display: block;font-size: 50%;}
	
	#menu ul li a:hover {
  color: rgba( 235, 73, 148, 1 );
	line-height: 1.2;
		height:50px;
	background: url(../img/icon_fire2.png) 0.2em center no-repeat;
	transition: .3s all;
	background-color:rgba( 194, 21, 99, 0.5 );

	}
	
	
#menu ul li a  {
  box-sizing:border-box;
  position: relative;
}
#menu ul li a::before,
#menu ul li a::after {
   box-sizing:border-box;}
   
   /*　buttonG　*/
.buttonG {
  background-color: transparent;
  color: #fff;
  transition: .6s all;
  position: relative;
}
.buttonG::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba( 235, 73, 148, 1 );
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s all;
  transform-origin: 50% 50%;
  z-index:-1;
}
.buttonG::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color:rgba( 194, 21, 99, 0.5 );
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s all;
  transform: scale(1,0);
  transform-origin: 0 50%;
  opacity: 0;
  z-index:-1;
}
.buttonG:hover {
  color: rgba(147,162,0,1);
}
.buttonG:hover::after {
  transform: scale(1,1);
  opacity: 1;
}

	
/*-----------------------content-------------------------*/
.2cont {
	
	}
#soukan,
#story {	background: url(../img/topbg.jpg) center top repeat-x; }
#Introduction,
#present {	background: url(../img/topbg2.jpg) center top repeat-x; }

#cast {	background-image: url(../img/bgcast.jpg);
	background-attachment: fixed;
	background-size:contain;}

#Cafe {	background: url(../img/cafeBG.jpg) center top repeat-x; }

#SNScp h2#SNStitle {background: url(../img/snscp_bg.png) center top repeat; }
	
#gaiyou,#cafemenu,#tokuten,#SNSpre {
		padding-top:60px;
	}

/*-----------------------PRESENT-------------------------*/

	#present {
		background-color: #e5d7dd ;
		font-size: 120%;
		line-height: 1.6;
	}
	
	#present h2 {  background: url(../img/presentbg.png) repeat ; text-align: center; margin-bottom: 4em;}
	#present h3 { text-align: left; margin-bottom: 2em;}
	
	.presenttxt {
		width:870px;
		margin: 0 auto 3em auto;
	}
	
	.presenttxt #preimg {
		display:flex;
		justify-content: space-between;
		margin-bottom: 1em;
	}
	
	.presenttxt:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	
	#present img#presentimg {float: left;}
	#present .presenttxt .prenaiyou p { padding-left:1em; }
	
	.presenttxt .prebtn { text-align: center; margin-top: 3em;}
	.presenttxt .prebtn img:hover { opacity: 0.7;}
	
	.presenttxt.pre2 {
		width:1000px;
		margin: 0 auto 3em auto;
	}
	#present img#presentimg2 {float: none;}
	#present .presenttxt .prenaiyou p { padding-left:1em; }
	#present .presenttxt.pre2  h3 { text-align: center; }
	.pre2 .prenaiyou p { width:549px; margin: auto; }

	
/*-----------------------SNS-------------------------*/
#SNScp {
		background-color: #d7e0e5 ;
		font-size: 120%;
		line-height: 1.6;
	}

#SNScp h2#SNStitle {
		text-align: center;
		width:100%;
	padding: 1em 0;
	margin-bottom: 3em;
	}
	#SNScp h2#SNStitle img {
		width:1056px;
		margin: auto;
	}
#SNScp h2 {
		text-align: center;
		width:100%;
	margin-bottom: 2em;
	}

#SNScp .SNStxt {
	width: 1000px;
	margin: 0 auto 6em auto;
	color: #1da1f2;	
	}
#SNScp .SNStxt p {
	color: #1da1f2;	
	}

#SNScp ul#prelist {
	width:1000x;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-bottom: 1em;
	}
	
#SNScp ul#prelist li {
	
	}
	#oubotxt {
		font-size: 120%;
	}
	
	#SNScp table {
		text-align: center;
		width:100%;
	}
	#SNScp table td {
		position: relative;
	}
	#SNScp table td.te01 {
		padding-bottom: 1em;
	}
	
	#SNScp table img { display: inline-block;}

	
	#SNScp table td img.te_f {
		position: absolute;
		top:auto;
   right:0px;
   bottom:95px;
   left:0px;
   margin:0 auto;
	}
	#SNScp table td img.te_tw {
		position: absolute;
		top:auto;
   right:0px;
   bottom:20px;
   left:0px;
   margin:0 auto;
	}
	
	#SNScp table td img.te_f:hover,
	#SNScp table td img.te_tw:hover {
		opacity: 0.6;
	}

	#SNScp dl#SNScp_youko {
		width:100%;
	}
	dl#SNScp_youko dt {
		font-weight: bold;
		background-color: #1da1f2;
		color: #fff;
		padding: 0.1em 1em 0 1em;
		margin-bottom: 0.5em;
		display: inline-block;
	}
	dl#SNScp_youko dd {
		color: #1da1f2;
		margin-bottom: 1.5em;
	}
	dl#SNScp_youko ul {
		margin-left: 1em;
	}
	dl#SNScp_youko ul li {
		list-style-type: circle;
		list-style-position: outside;
		margin-bottom: 0.6em;
	}

/*-----------------------Cafe-------------------------*/
#Cafe {
		background-color: #e5d7dd ;
		font-size: 120%;
		line-height: 1.6;
	}

#Cafe h2 {
		text-align: center;
		width:100%;
	margin-bottom: 2em;
	}
#Cafe h2#cafemain {
		height:494px;
	margin-bottom: 3em;
	}

#cafetopmenu {
	width:100%;	
	margin: 0 auto 3em;
	display: flex;
	flex-flow: row;
	justify-content: center;
	list-style-type: none;
	font-family: 'rounded-mplus-1pb';
	font-size: 140%;/*160%*/
	overflow:hidden;
	height:50px;
	}
	#cafetopmenu li {
	overflow:hidden;
	height:50px;
	margin:0 1em 0;
		overflow: hidden;
		text-align: center;
	}#cafetopmenu li span { font-size: 50%; margin-right: 1em;}
	#cafetopmenu li a {
	display:inline-block;
		height:50px;
	color: #fff;	
	text-decoration: none;
	padding: 0.5em 2em 0 2em;/*0.3em 1.5em 0 1.7em;*/
	line-height:1.2;
	box-sizing:border-box;
	background-color: #f1368b;
	}
	#cafetopmenu li a:hover {
		color: #f1368b;
		background-color: #fff;
	}
	#menuatt {
		color: #0f2c8c;
		font-weight: bold;
	}
	.cafemenu {
		position: relative;
	}
	.cafemenu img#gentei {
		position: absolute;
		top:-50px;
		right: -20px;
	}
	.cafetxt span.att {
		color:#0f2c8c ;
		font-weight: bold;
		text-decoration: underline;
	}
	.cafetxt span.att2 {
		color:#f1368b ;
		font-weight: bold;
		text-decoration: underline;
	}
	#menuatt h3 {
		width:400px;
		margin: auto;
		background-color: #0f2c8c;
		color: #fff;
		font-weight: bold;
		font-size: 120%;
		margin-bottom: 0.5em;
	}
	
#Cafe .cafetxt {
	width: 1000px;
	margin: 0 auto 5em auto;
	
	}
	.toptxt {
		color:#f1368b;
	}
	.btmtxt {
		margin-top: 3em;
		color:#f1368b;
		padding: 1em 1em 1em 9em;
		border: 1px solid #f1368b;
		background-color: #efe7eb;
		position: relative;
	}

	.btmtxt img#campaign {
		position: absolute;
		top:-20px;
		left: -40px;
	}

	dl.cafegaiyou {
		width:700px;
		margin: 0 auto 1em;
		font-size: 110%;
		line-height: 1.5;

	}dl.cafegaiyou:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	dl.cafegaiyou dt {
		width:25%;
		float: left;
		background-color: #f1368b;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}
	dl.cafegaiyou dd {
		width:72%;
		float: right;
	}
	dl.cafegaiyou dd span {
		display: block;
		font-size: 80%;
		color: #f1368b;
		line-height: 1.2;
	}
	
	.cafemenu {
		width: 720px;
		margin: 0 auto 1.5em;
		border: 1px solid #f1368b;
		background-color: #efe7eb;
	}
	.cafemenu h3 {
		background-color: #f1368b;
		color: #fff;
		margin-bottom: 0.8em;
		text-align: center;
		font-weight:bold;
	}
	.cafemenu ul {
  list-style: none;
		padding-left: 10%;
		padding-top: 1em;
		padding-bottom: 1em;
	}.cafemenu ul:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	.cafemenu p { text-align: center;}
	
	.cafemenu ul li {
		width: 30%;
		float: left;
		font-weight: bold;
		color:#f1368b;
	}
	.cafemenu ul#plate {
		padding-left: 25%;
	}
	.cafemenu ul#plate li {
		width: 35%;
		text-align: center;
	}
	
	
	
	ul.cafemenusumb {
		width:510px;
		margin:0 auto 0.5em;
	}ul.cafemenusumb:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	ul.cafemenusumb li {
		width:160px;
		float: left;
		margin: 0 5px;
	}
	.cafemenusumbatt {
		margin-bottom: 5em;
		text-align: center;
		font-size: 80%;
	}
	
	
	#tokuten {
		width:840px;
		margin: auto;
		text-align: center;
	}#tokuten:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	#tokuten div {
		width:400px;
		float: left;
		margin: 0 10px;
	}
	#tokuten h4 {
		background-color: #f1368b;
		color: #fff;
		margin-bottom: 0.8em;
		text-align: center;
		font-weight:bold;
	}
	
	.openatt {
		font-weight: bold;
		font-size: 100%;
		color: #000;
		text-decoration: underline;
		display: block;
		line-height: 1.5;	
	}
	
/*-----------------------Introduction-------------------------*/

	#Introduction {
		background-color: #e5d7dd ;
		font-size: 120%;
		line-height: 1.6;
	}
	
	#Introduction h2 { text-align: center; margin-bottom: 4em;}
	
	.introtxt {
		width:1000px;
		margin: 0 auto 3em auto;
	}
	.introtxt:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	
	.introtxt img {
		width:290px;
	}
	.introtxt h3,.introtxt p {
		width:690px;
		text-align: left;
	}
	.introtxt.FR img {float: right; margin-left: 20px;}
	.introtxt.FL img {float: left; margin-right: 20px;}
	
	.introtxt.FR p,.introtxt.FR h3 {float: left;}
	.introtxt.FL p,.introtxt.FL h3 {float: right;}
	
	.introtxt h3 {
		font-weight: bold;
		color: #f1368b;
		margin-bottom: 1em;
		font-size: 130%;
		line-height: 1.3;
	}
	
	
	/*-----------------------arasuji-------------------------*/

	#arasuji {
		background-image: url(../img/indexstory.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size:cover;
		color: #fff;
		padding: 5em 0 10em 0;
		text-align: center;
		font-size: 110%;
		line-height: 2;
	}
	#arasuji h2 {
	margin-bottom: 4em;
	}
	#arasuji span {
		font-size: 150%;
		font-weight: bold;
	}

	
/*-----------------------soukan-------------------------*/
#soukan {
	text-align:center;
	padding-top:4em;
	}
#soukan h2 {
	margin-bottom:3em;
	}
#soukan p {
	padding-bottom:2em;
	}


/*-----------------------cast-------------------------*/
#cast {
	text-align:center;
	padding-top:4em;
	}
#cast h2 {
	margin-bottom:4em;
	}


.castarea {
	width:440px;
	margin:0 auto 5em;
	color:#f1368b;
	text-align:left;
	}
.castarea#cast01 { background:url(../img/cast01.jpg) left top no-repeat; padding:20px 20px 20px 540px; background-color:#ecd4de;}
.castarea#cast02 { background:url(../img/cast02.jpg) right top no-repeat; padding:20px 540px 20px 20px; background-color:#ecd4de;}
.castarea#cast03 { background:url(../img/cast03.jpg) left top no-repeat; padding:20px 20px 20px 540px; background-color:#ecd4de;}
.castarea#cast04 { background:url(../img/cast04.jpg) right top no-repeat; padding:20px 540px 20px 20px; background-color:#ecd4de;}
.castarea#cast05 { background:url(../img/cast05.jpg) left top no-repeat; padding:20px 20px 20px 540px; background-color:#ecd4de;}

.castname h3 { font-size:270%; line-height:1.2;}
.castname h4 { font-size:184%; margin-bottom:0.5em;}
.castname p { font-size:123%; margin-bottom:3em;}

.actname h3 { font-size:238%;}
	.actname h3 span { font-size:50%;}

.actname p { font-size:92%; }

#staffarea {
	width:1000px;
	margin:auto;
	padding-bottom: 5em;
	display:flex;
	justify-content: center;
	color:#f1368b;
	}
.staffname {
	width:45%;
	padding:1em;
	margin:auto 1em;
	background-color:#ecd4de;
	text-align:center;
	}
.staffname h3 {
	font-size:276%;
	}
.staffname h4 {
	font-size:184%;
	}
.staffname p {
	font-size:123%;
	}

	.smpcast { display: none;}

/*-----------------------story-------------------------*/
#story {
	text-align:center;
	padding-top:4em;
	}
#story h2 {
	margin-bottom:4em;
	}
	
#bnarea {
	width:1000px;
	margin:0 auto 5em auto;
	background-color:#ecd4de;
	background-image:url(../img/honoo.png);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
#bnarea h3 {
	color:#f1368b;
	font-weight:bold;
	font-size:138%;
	line-height:1.1;
	padding-top:1em;
	margin-bottom:0.2em;
	}
#bnarea h3 span {
	font-size:315%;
	display:block;
}
#bnarea h4 {
	font-size:184%;
	font-weight:bold;
	background-color:#f1368b;
	color:#fff;
	width:50%;
	margin: 2em auto 1em;
	border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;  
	}
#bnarea p {
	width:92%;
	margin: 0 auto;
	padding:0 0 3em 0;
	text-align:left;
	font-size:123%;
	color:#f1368b;
	}
#bnarea h5 {
	width:auto;
	display: inline-block;
	font-size:184%;
	padding: 0 1em;
	font-weight:bold;
	color:#f1368b;
	margin: 0 auto 1em;
	border-bottom: 3px solid #f1368b;
	}


#bnarea #photo section {
	width:100%;
	}
#bnarea #photo section img {
	width:100%;
	}

#bnsumbarea {
	width:1000px;
	margin:0 auto;
	padding-bottom: 5em;
	}
#bnsumbarea ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
#bnsumbarea ul li {
	width:22%;
	margin:0 0.5em;
}
#bnsumbarea ul li a {
	display:inline-block;
	width:100%;
	height:120px;
	text-decoration:none;
	position:relative;
	line-height:1.1;
	margin-bottom: 0.5em;
	}

#bnsumbarea ul li a span {
	display:inline-block;
	background-color:rgba(227,192,207,0.75);
	color:#f1368b;
	position:absolute;
	left:0;
	top:0;
	border-radius: 0% 0% 100%;
	padding:0.5em 1.5em 1em 0.5em;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	}
	#bnsumbarea ul li a span em {
		font-size:250%;
		}

#bnsumbarea ul li a:hover {
	opacity:0.7;
	}






}
/**************** MOBILE ****************/

/* モニター幅750px以下 */

/**************** MOBILE ****************/

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

#wrap {
		background-color:#e3c0cf;
		padding-bottom:0em;
	}
	#header {
		width:100%;
		height:157px;
		background-image:url(../img/header2nd2.jpg);
		background-position: center top;
		background-repeat:repeat-x;
		position: relative;
	}
	#header #headmain {
		width:100%;
		margin: auto;
		position: relative;
	}


	#header #headmain h1 {
		margin: 0;
		padding: 0;
		position: absolute;
		top:5px;
		left:0;
	}#header #headmain h1 img {width:90%;}
		
	#header #headmain #schedule {
		position: absolute;
		top:115px;
		left:15px;
	}

	
/*-----------------------menu-------------------------*/
	
	
#menu {
	width:100%;
	background-color:rgba( 235, 73, 148, 1 );
	font-size: 80%;
	}
#menu ul {
	width:100%;	
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
	font-family: 'rounded-mplus-1pb';
	font-size: 120%;
	overflow:hidden;
	height:80px;
	}
	#menu ul li {
	overflow:hidden;
	height:40px;
		width: 25%;
	margin:0;
		overflow: hidden;
		text-align: center;
	}
	#menu ul li a {
	display:inline-block;
		height:40px;
		width: 100%;
	color: #fff;	
	text-decoration: none;
	padding: 0.5em 0 0 0;
	line-height:1.2;
	box-sizing:border-box;
  position: relative;
		background: url(../img/icon_fire_small.png) 0.7em center no-repeat;
	}
	#menu ul li a span { display: block;font-size: 70%;}
	
	#menu ul li a:hover {
  color: rgba( 235, 73, 148, 1 );
	line-height: 1.2;
		height:40px;
	background: url(../img/icon_fire2.png) 0.2em center no-repeat;
	transition: .3s all;
	background-color:rgba( 194, 21, 99, 0.5 );

	}
	
	
#menu ul li a  {
  box-sizing:border-box;
  position: relative;
}
#menu ul li a::before,
#menu ul li a::after {
   box-sizing:border-box;}
	
	
   /*　buttonG　*/
.buttonG {
  background-color: transparent;
  color: #fff;
  transition: .6s all;
  position: relative;
}
.buttonG::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba( 235, 73, 148, 1 );
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s all;
  transform-origin: 50% 50%;
  z-index:-1;
}
.buttonG::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color:rgba( 194, 21, 99, 0.5 );
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s all;
  transform: scale(1,0);
  transform-origin: 0 50%;
  opacity: 0;
  z-index:-1;
}
.buttonG:hover {
  color: rgba(147,162,0,1);
}
.buttonG:hover::after {
  transform: scale(1,1);
  opacity: 1;
}
	
/*-----------------------content-------------------------*/
.2cont {
	
	}
#soukan,
#story {	background: url(../img/topbg.jpg) center top repeat-x; }
#Introduction {	background: url(../img/topbg2.jpg) center top repeat-x; }

#cast {	background-image: url(../img/bgcast.jpg);
	background-attachment: fixed;
	background-size:contain;
	padding-bottom: 3em;}

#Cafe {	background:none; }

#SNScp h2#SNStitle {background: url(../img/snscp_bg.png) center top repeat; }
	
#gaiyou,#cafemenu,#tokuten,#SNSpre {
		padding-top:60px;
	}


/*-----------------------PRESENT-------------------------*/

	#present {
		background-color: #e5d7dd ;
		font-size: 120%;
		line-height: 1.6;
	}
	
	#present h2 {  background: url(../img/presentbg.png) repeat ; text-align: center; margin-bottom: 2em;}
	#present h2 img { width:100%;}
	#present h3 { text-align: left; margin-bottom: 2em;}
	#present h3 img { width:100%;}

	.presenttxt {
		width:100%;
		margin: 0 auto 3em auto;
	}
	.presenttxt:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	
	#present img#presentimg {float: none; margin: auto auto 2em auto;}
	#present .presenttxt .prenaiyou p { padding-left:1em; }
	
	.presenttxt .prebtn { text-align: center; margin-top: 3em;}
	.presenttxt .prebtn img:hover { opacity: 0.7;}
	
	#present img#presentimg2 {width:100%;}
	
/*-----------------------SNS-------------------------*/
#SNScp {
		background-color: #d7e0e5 ;
		font-size: 120%;
		line-height: 1.6;
	}

#SNScp h2#SNStitle {
		text-align: center;
		width:100%;
	padding: 1em 0;
	margin-bottom: 3em;
	}
	#SNScp h2#SNStitle img {
		width:100%;
		margin: auto;
	}
#SNScp h2 {
		text-align: center;
		width:100%;
	margin-bottom: 2em;
	}

#SNScp .SNStxt {
	width: 100%;
	margin: 0 auto 6em auto;
	color: #1da1f2;	
	}
#SNScp .SNStxt p {
	color: #1da1f2;	
	}

#SNScp ul#prelist {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-bottom: 1em;
	}
	
#SNScp ul#prelist li {
	
	}
	#oubotxt {
		font-size: 120%;
	}
	
	#SNScp table {
		text-align: center;
		width:100%;
	}
	#SNScp table td {
		position: relative;
	}
	#SNScp table td.te01 {
		padding-bottom: 1em;
	}
	
	#SNScp table img { display: inline-block; width: 100%;}

	
	#SNScp table td img.te_f {
		position: absolute;
		top:auto;
   right:0px;
   bottom:95px;
   left:0px;
   margin:0 auto;
	}
	#SNScp table td img.te_tw {
		position: absolute;
		top:auto;
   right:0px;
   bottom:20px;
   left:0px;
   margin:0 auto;
	}
	
	#SNScp table td img.te_f:hover,
	#SNScp table td img.te_tw:hover {
		opacity: 0.6;
	}

	#SNScp dl#SNScp_youko {
		width:100%;
	}
	dl#SNScp_youko dt {
		font-weight: bold;
		background-color: #1da1f2;
		color: #fff;
		padding: 0.1em 1em 0 1em;
		margin-bottom: 0.5em;
		display: inline-block;
	}
	dl#SNScp_youko dd {
		color: #1da1f2;
		margin-bottom: 1.5em;
	}
	dl#SNScp_youko ul {
		margin-left: 1em;
	}
	dl#SNScp_youko ul li {
		list-style-type: circle;
		list-style-position: outside;
		margin-bottom: 0.6em;
	}


	/*-----------------------Cafe-------------------------*/
#Cafe {
		background-color: #e5d7dd ;
		font-size: 120%;
		line-height: 1.6;
	}

#Cafe h2 {
		text-align: center;
		width:100%;
	margin-bottom: 2em;	
	}
	#Cafe h2 img { width:100%;}
#Cafe h2#cafemain {
		height:auto;
	margin-bottom: 3em;
	background: url(../img/cafeBG.jpg) center top repeat-x;
	background-size:cover;
	}#Cafe h2#cafemain img { width:100%;}

	

#cafetopmenu {
	width:100%;	
	margin: 0 auto 2em;
	display: flex;
	flex-flow: row;
	justify-content: center;
	list-style-type: none;
	font-family: 'rounded-mplus-1pb';
	font-size: 100%;/*160%*/
	overflow:hidden;
	height:auto;
	}
	#cafetopmenu li {
	overflow:hidden;
	height:auto;
	margin:0 0.5em 0;
		overflow: hidden;
		text-align: center;
	}#cafetopmenu li span { font-size: 50%; margin-right: 1em;}
	#cafetopmenu li a {
	display:inline-block;
		height:auto;
	color: #fff;	
	text-decoration: none;
	padding: 0.5em 0.5em 0.5em 0.5em;/*0.3em 1.5em 0 1.7em;*/
	line-height:1.2;
	box-sizing:border-box;
	background-color: #f1368b;
	}
	#cafetopmenu li a:hover {
		color: #f1368b;
		background-color: #fff;
	}
	
	
#Cafe .cafetxt {
	width: 100%;
	margin: 0 auto 6em auto;
	
	}
	#cafebnr img { width: 98%; margin: auto;}
	.toptxt {
		color:#f1368b;
	}

	
	.btmtxt {
		margin-top: 6em;
		color:#f1368b;
		padding: 6em 1em 1em 1em;
		border: 1px solid #f1368b;
		background-color: #efe7eb;
		position: relative;
	}

	.btmtxt img#campaign {
		position: absolute;
		top:-5em;
		left: 0;
		right:0;
	}
	

	dl.cafegaiyou {
		width:100%;
		margin: 0 auto 1em;
		font-size: 110%;
		line-height: 1.5;

	}dl.cafegaiyou:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	dl.cafegaiyou dt {
		width:25%;
		float: left;
		background-color: #f1368b;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}
	dl.cafegaiyou dd {
		width:72%;
		float: right;
	}
	dl.cafegaiyou dd span {
		display: block;
		font-size: 80%;
		color: #f1368b;
		line-height: 1.2;
	}
	
	.cafemenu {
		width: 98%;
		margin: 0 auto 1.5em;
		border: 1px solid #f1368b;
		background-color: #efe7eb;
	}
	.cafemenu h3 {
		background-color: #f1368b;
		color: #fff;
		margin-bottom: 0.8em;
		text-align: center;
		font-weight:bold;
	}
	.cafemenu h3#titleplate {
		line-height: 1.5;
		padding-right: 2em;
	}
	.cafemenu h3#titleplate span {
		display: block;
	}
	
	.cafemenu ul {
  list-style: none;
		padding-left: 10%;
		padding-top: 1em;
		padding-bottom: 1em;
	}.cafemenu ul:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	.cafemenu p { text-align: center;}
	
	.cafemenu ul li {
		width: 30%;
		float: left;
		font-weight: bold;
		color:#f1368b;
	}
	.cafemenu ul#plate li {
		width: 45%;
		text-align: center;
	}
	
	
	
	ul.cafemenusumb {
		width:100%;
		margin:0 auto 0.5em;
	}ul.cafemenusumb:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	ul.cafemenusumb li {
		width:160px;
		float: left;
		margin: 0 5px 10px;
	}
	
	.cafemenusumbatt {
		margin-bottom: 5em;
		text-align: center;
		font-size: 80%;
	}
	
	
	
	#tokuten {
		width:100%;
		margin: auto;
		text-align: center;
	}#tokuten:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	#tokuten div {
		width:80%;
		float: none;
		margin: 0 auto 2em;
	}
	#tokuten h4 {
		background-color: #f1368b;
		color: #fff;
		margin-bottom: 0.8em;
		text-align: center;
		font-weight:bold;
	}
	#menuatt {
		color: #0f2c8c;
		font-weight: bold;
	}
	.cafemenu {
		position: relative;
	}
	.cafemenu img#gentei {
		position: absolute;
		top:-60px;
		right: 0;
	}
	.cafetxt span.att {
		color:#0f2c8c ;
		font-weight: bold;
		text-decoration: underline;
	}
	.cafetxt span.att2 {
		color:#f1368b ;
		font-weight: bold;
		text-decoration: underline;
	}
	#menuatt h3 {
		width:400px;
		margin: auto;
		background-color: #0f2c8c;
		color: #fff;
		font-weight: bold;
		font-size: 120%;
		margin-bottom: 0.5em;
	}
	.openatt {
		font-weight: bold;
		font-size: 100%;
		color: #000;
		text-decoration: underline;
		display: block;
		line-height: 1.5;	
	}
	/*-----------------------Introduction-------------------------*/

	#Introduction {
		background-color: #e5d7dd ;
		padding-bottom: 2em;
	}
	
	#Introduction h2 { text-align: center; margin-bottom: 1em; width:94%;}
	#Introduction h2 img { width:100%;}
		
	.introtxt {
		width:94%;
		margin: 0 auto 3em auto;
	}
	.introtxt:after {content: "."; display: block; 	height: 0; 	clear: both; visibility: hidden;}
	
	.introtxt img {
		width:100%;
		margin-bottom: 0.5em;
	}
	.introtxt h3,.introtxt p {
		width:100%;
		text-align: left;
	}
	.introtxt.FR img {float: none; margin-left: 0;}
	.introtxt.FL img {float: none; margin-right: 0;}
	
	.introtxt.FR p,.introtxt.FR h3 {float: none;}
	.introtxt.FL p,.introtxt.FL h3 {float: none;}
	
	.introtxt h3 {
		font-weight: bold;
		color: #f1368b;
		margin-bottom: 1em;
		font-size: 130%;
		line-height: 1.3;
	}
	#Introduction h3 br { display: none;}
	
	
	/*-----------------------arasuji-------------------------*/

	#arasuji {
		background-image: url(../img/indexstory.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size:cover;
		color: #fff;
		padding: 5em 1em 8em 1em;
		text-align: left;
		font-size: 100%;
		line-height: 1.3;
	}
	#arasuji h2 {
		text-align: center;
	margin-bottom: 4em;
	}
	#arasuji span {
		font-size: 150%;
		font-weight: bold;
	}
/*-----------------------soukan-------------------------*/
#soukan {
	text-align:center;
	padding-top:4em;
	}
#soukan h2 {
	margin-bottom:3em;
	}
#soukan p {
	padding-bottom:5em;
	}
#soukan p img { width:100%;}

/*-----------------------cast-------------------------*/
#cast {
	text-align:center;
	padding-top:4em;
	}
#cast h2 {
	margin-bottom:4em;
	}
	
.castarea {
	width:94%;
	margin:0 auto 5em;
	color:#f1368b;
	text-align:left;
	}
	
#cast01,
#cast02,
#cast03,
#cast04,
#cast05 {display: none;}

.smpcast{
	width:94%;
	margin: 0 auto 5em auto;
	background-color:#ecd4de;
	color:#f1368b;
	}
	
.smpcast img {width: 100%; margin-bottom: 1.5em;}
.smpcast p {text-align: left;}

.castname h3 { font-size:220%; line-height:1.2;}
.castname h4 { font-size:184%; margin-bottom:0.2em;}
.castname p {margin-bottom: 2em; text-align: center; padding: 0 1em 0 1em;}

.actname h3 { font-size:200%;}
.actname h3 span { font-size:50%;}
.actname p { padding: 0 1em 2em 1em;}

#staffarea {
	width:94%;
	margin:auto;
	display:block;
	justify-content:center;
	color:#f1368b;
	padding-bottom: 2em;
	}
.staffname {
	width:100%;
	line-height: 1.2;
	margin:0 auto 1.5em;
	background-color:#ecd4de;
	text-align:center;
	padding: 1em 0;
	}
.staffname h3 {
	font-size:200%;
	}
.staffname h4 {
	font-size:150%;
	margin-bottom: 0.5em;
	}
.staffname p {
	font-size:100%;
	padding: 0 1em;
	line-height:inherit;
	}



/*-----------------------story-------------------------*/
#story {
	text-align:center;
	padding-top:4em;
	}
#story h2 {
	margin-bottom:4em;
	}
	
#bnarea {
	width:100%;
	margin:0 auto 5em auto;
	background-color:#ecd4de;
	background-image:url(../img/honoo.png);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
#bnarea h3 {
	color:#f1368b;
	font-weight:bold;
	font-size:138%;
	line-height:1.1;
	padding-top:1em;
	margin-bottom:0.2em;
	}
#bnarea h3 span {
	font-size:315%;
	display:block;
}
#bnarea h4 {
	font-size:184%;
	font-weight:bold;
	background-color:#f1368b;
	color:#fff;
	width:70%;
	margin: 2em auto 1em;
	border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;  
	}

#bnarea h5 {
	width:auto;
	display: inline-block;
	font-size:184%;
	padding: 0 1em;
	font-weight:bold;
	color:#f1368b;
	margin: 0 auto 1em;
	border-bottom: 3px solid #f1368b;
	}
	
#bnarea p {
	width:92%;
	margin: 0 auto;
	padding:0 0 3em 0;
	text-align:left;
	font-size:123%;
	color:#f1368b;
	}


#bnarea #photo section {
	width:100%;
	}
#bnarea #photo section img {
	width:100%;
	}

#bnsumbarea {
	width:94%;
	margin:0 auto;
	padding-bottom: 5em;
	}
#bnsumbarea ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
#bnsumbarea ul li {
	width:30%;
	margin:0 auto 1em;
}
#bnsumbarea ul li a {
	display:inline-block;
	width:100%;
	height:100px;
	text-decoration:none;
	position:relative;
	line-height:1.1;
	}

#bnsumbarea ul li a span {
	display:inline-block;
	background-color:rgba(241,54,139,0.80);
	color:#ffffff;
	position:absolute;
	left:0;
	top:0;
	border-radius: 0% 0% 100%;
	padding:0.5em 1.5em 1em 0.5em;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	}
	#bnsumbarea ul li a span em {
		font-size:200%;
		}

#bnsumbarea ul li a:hover {
	opacity:0.7;
	}


	#copyright img {
		width: 100%;
	}	
}