/*---------------------------------------------
 メニューボタン　アウト 
---------------------------------------------*/
.flow #navi ul li.nav01 a{color:#FFFF00;}
.about #navi ul li.nav02 a{color:#FFFF00;}
.menupage #navi ul li.nav03 a{color:#FFFF00;}
.rare #navi ul li.nav04 a{color:#FFFF00;}
.company #navi ul li.nav05 a{color:#FFFF00;}
.question #navi ul li.nav06 a{color:#FFFF00;}

/*---------------------------------------------

 パンくず 
---------------------------------------------*/
#bread{
	margin:10px 0;
	font-size:16px;}
	

#bread a{
	text-decoration: underline;
	
	}

/* 大本タイトル　*/

h2{
	/*font-size:50px;
	margin:15px 0;*/
	display:none;
	}
	
.h2bodr{
	background:#ff0099;
	height:10px;
	margin-bottom:5px;
	display:none;}

.text{
	font-size:22px;
	margin:15px 0;
}

#contents .mb40{margin-bottom:20px;}

/*---------------------------------------------
 左タイトル　
---------------------------------------------	*/
.title{
	float:left;
	margin:0 2% 0 10px;
	background: rgb(255,0,153);
	background: linear-gradient(180deg, rgba(255,0,153,1) 0%, rgba(255,0,153,1) 80%, rgba(255,0,153,0) 100%);
	    text-align:center;
	}
	
.title img{
	display:none;
}

.title p{ 
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size:32px;
  color:#fff;
  padding:18px 26px 60px;
  font-weight:bold;
  }

/*---------------------------------------------
 右コンテンツ内容　
---------------------------------------------*/
.menu-contents{
	float:left;
	width: 86%;
	/*margin-bottom:50px;*/
	}


/*---------------------------------------------
  内　ページ　
---------------------------------------------*/	
.menu-contents ul.menu-box{
	margin:0px auto 30px;
	
}


	
.menu-contents ul.menu-box li{
	width: 33%;
    display: inline-block;
    margin: 5px auto;   
}

	body#game .menu-contents ul.menu-box li {
    width: 48%;
    display: inline-block;
    margin: 5px auto;}

body#example .menu-contents ul.menu-box li{
	display: inline-flex;
}
#captions.menu-contents ul.menu-box li{
	display: inline-flex;
}

	
.menu-contents ul.menu-box li img {
  display: block;
  width: 100%;
  height: auto;}
	
.menu-contents p{	
	font-size:16px;
	padding-right:15px;
}
	
.menu-contents a{
	color:#333;
	-webkit-transition: opacity 0.2s; /*Safari,Chrome*/
	-o-transition: opacity 0.2s; /*Opera*/
	-moz-transition: opacity 0.2s; /*Firefox*/
	transition: opacity 0.2s;
	opacity: 1;
}

.menu-contents a:hover{
	text-decoration:none;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}


.menu-box span,.menu-contents h3.subtitle{
	font-weight:bold; 
	color:#ff0099;
	font-size:20px;
}

.menu-box img{
	border:1px #aaa solid;
}

.menu-contents ul.menu-box li h3{
	color:#ff0099;
	font-size:22px;
	font-weight:bold;
	margin:10px 0 2px;
}


.item-menu{
	margin-top:100px;
	padding:10px;
}

.item-menu p{
	font-size:22px;
	color:#FFFF00;
	font-weight:bold;
	background:#ff0099;
	padding:6px 10px;
}

.item-menu p a{
	font-size:16px;
	margin-left:20px;
	color:#FFFF00;
	text-decoration: underline;
}

.item-menu ul li{
	display:inline-block;
	margin:10px 0.5% 0;
	width:23.5%;
	
}

.item-menu ul li img{width:100%;margin:0 auto;}

.fbg{
	vertical-align:middle;
	margin-right:20px;
}

.price{
	 background:rgba(229,0,17,0.8);
	 text-align:right;
	 padding:3px 0;
	 color:#FFF;
	 font-weight:bold;
	 margin-top:-38px;
	 z-index:999;
	 position: relative; 
	 width:227px;
}

#sns{margin:20px 0;}

/*----------------------------------------------
 flow.html about.html
----------------------------------------------*/

 
.flowbg-01{
	background: url(../img/flow/nav01-p1bg.png) no-repeat right top;
}

.flowbg-02{
	background: url(../img/flow/nav01-p2bg.png) no-repeat right top;		
}

.flow-y{
	margin:5px 65px;
}

.flow-txt{
	font-weight:bold;
	font-size:40px;
}

.flow-box{
	float:left;
	width:380px;
	margin-top:10px;
}

.flow-box .wt170{
	width:170px;
}

img.img100{width:100%;}

.qrcord{display:flex;}
.qrcord img{width:100%;max-width:240px;}


.about-01{
	background: url(../img/about/about-01.png) no-repeat left top;	
	width:768px;
	height:330px;
}

.about-02{
	background: url(../img/about/about-02.png) no-repeat left top;	
	width:768px;
	height:262px;
}

.youser-text{
	font-weight:bold;
	font-size:36px;
}
.y02{display:inline;}
.y03{display:none;}

/* 点滅 */
span.blin{
	color:#FFF;
	background:#ff0099;
	padding:2px 10px 0;
	font-size:12px;
	margin-right:10px;

}


/*----------------------------------------------
 company.html map.html
----------------------------------------------*/

.shopmap{
	float:right;
	margin-left:15px;
}

.comp{
	width: 45%;
	border-collapse: collapse;
	
}

.comp td{
		padding: 10px;
		background-color: #fff;
		border: 1px solid #b9b9b9;
		height:50px;
}

.comp2{
	width: 100%;
	border-collapse: collapse;
	margin-top:10px;
}

.comp2 td{
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	height:20px;
}

.comp2 td input{width:90%;padding:5px;}

.formbox{width:100%;}

.comp2 td textarea{height:200px;width:90%;}
/*----------------------------------------------
 バナー
----------------------------------------------*/

.bnr-01{margin-right:30px;}

/*----------------------------------------------
 プライバシーポリシー
----------------------------------------------*/

#pagedocs{
	margin-top:10px;
}

#pagedocs p{
	margin-top:30px;
}