body {font-size: 100%; padding-bottom: 60px;}

/***************************************
Tag Level
***************************************/
h1 { font-size: 120%;}
h2 { font-size: 115%; }
h3 { font-size: 110%; }
h4 { font-size: 105%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

/***************************************
Layout
***************************************/
#wapper {width: 92%; margin: 0 auto;}

/***************************************
Header
***************************************/
header {width: 92%; margin: 0 auto; padding-top: 5px;}
header #logo {width:100%; margin: 10px 0 20px 0; text-align: center;}
header #logo img {width:100%; max-width: 200px; height: auto; margin: 0 auto;}

header div#action-info {width: 100%; text-align: left;}
header div#action-info ul {margin: 0 0 10px 0; display: none;}
header div#action-info li { margin-bottom: 5px; width: 100%;}

.budget {width:100%;}

/***************************************
Main Contents
***************************************/
main#column1{width: 100%;}

/***************************************
Footer
***************************************/
footer {text-align: center;　font-size:90%;}

footer p#go-to-top {margin-bottom: 0;}
footer p#go-to-top a {margin-bottom: 0px;}

footer ul {width: 100%; margin: 0 auto 20px auto;}
footer ul li {margin: 0; padding: 0; display: inline-block; width: 100%;}
footer ul li {white-space: nowrap; word-wrap: break-word; word-break: keep-all;}
footer ul li a {
width: 100%;
display: block;
padding:0 10px 10px 10px;
margin:0 0 0 0;
box-sizing: border-box;
white-space: normal;
}

footer #footer-info {padding: 30px 5% 10px 5%;	margin-bottom: 0;}
footer #footer-info.flex div:first-child {margin-bottom: 30px; text-align: center;}
footer #footer-info.flex div:last-child {text-align: center;}
footer #footer-info.flex div:last-child ul {margin-bottom: 5px;}

footer #links {display: none;}

footer address.copyright {
padding: 20px 0 20px 0;
margin-bottom: 0;
font-style: normal;
font-size: 70%;
}

footer ul#footer-menu {
background-color: #232323	;
display: block;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 5000;
text-align: center;
padding: 10px 4px;
margin-bottom: 0;
height: 66px;
box-sizing: border-box;
}

footer #footer-menu li {margin: 0 16px 0 0; width: auto;} 
footer #footer-menu li:last-child {margin-right: 0;}
footer #footer-menu li a {color: #F1F1F1; text-decoration: none; padding: 4px 8px; border: none; white-space: nowrap;}

footer #footer-menu li i {font-size: 180%; display: block; margin-right: 0; margin-bottom: 4px; text-align: center;}
footer #footer-menu li span {font-size: 80%; display: block; text-align: center;}

/***************************************
Parts
***************************************/
.flex {display: block; margin-bottom: 20px;}
.half {width: 100%;}
.inner {width: 100%; margin: 0 auto;}
.pc-none {display: inline;}
.sp-none {display: none;}

.buttonbox div {width: 100%;  text-align: center;}
.buttonbox div:first-child {width: 80%; margin: 0 auto 20px auto;}
.buttonbox div:last-child {width: 80%; margin: 0 auto;}


/***************************************
Accordion List.
***************************************/
.title{
	pointer-events: all;
	cursor: pointer;
	padding-left:1.6em; text-indent:-1.6em;
	border-bottom: 2px solid #232323;
	padding-bottom: 10px;
	text-align: left;
	font-size: 110%;
	margin-bottom: 10px;
}

.ac {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
}

.ac:last-child {	margin-bottom: 30px;}

.title:before {	content: "\f0fe "; font-family: FontAwesome; margin-right: 10px; font-size: 110%; color:#232323	;}
.title.active:before {	content: "\f146 "; font-family: FontAwesome; margin-right: 10px; font-size: 110%; color:#232323	; }
.toggle {margin-bottom: 20px;}
.toggle{display: none;}

/*News*/
ul#news {margin-left: 0;}
ul#news li {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc;}
ul#news li span:first-child {margin: 0 0 10px 0; display: block;}
ul#news li span:last-child {margin-left: 0px; display: block;}

/***************************************
Home (Top Page)
***************************************/
#mainvisual { width: 100%}
#top-message {
  width: 100%;
  padding: 20px 20px;
}
#top-message h1 {
  font-size: 100%;
  font-weight: bold;
}
#top-message h1 span {display: block;}

#shop-links li {margin-bottom: 20px;}
#shop-links li:nth-child(1) {width: 100%; margin-right: 0%;}
#shop-links li:nth-child(2) {width: 100%; margin-right: 0%;}
#shop-links li:nth-child(3) {width: 100%;}


/***************************************
Shop
***************************************/
.shoplist {
padding-bottom: 0px;
margin-bottom: 30px;
}
.shoplist div:first-child {width: 100%; margin-bottom: 20px;}
.shoplist div:last-child {width: 100%;}

.shoplist div:first-child span.shop-photo img {width: 100%; margin: 0 0;}
#shop-photo img {width: 100%; margin: 0;}

iframe {width: 100%; max-height: 400px; }


/***************************************
Contact・Recruit
***************************************/
body#contact th,
body#contact td,
body#recruit th,
body#recruit td {display: block; width: 100%;}

/***************************************
Recruit
***************************************/
#recruit-photo {}
#recruit-photo img {width: 100%; margin: 0;}

/***************************************
Play
**************************************/
.playflowtop {text-align: center; margin-bottom: 30px;}
.playflowtop img{width: 100%;}
.playflow {}
.playflow div:first-child {width: 100%;}
.playflow div:last-child {width: 100%;}
.playflow div:first-child span.play-illust img {width: 100%;}