@charset "utf-8";
/* CSS Document */

/*タブレット補正*/
@media screen and (max-width: 960px) {

/*header-------------------*/
header .page-menu .innrmenu .right-box {float:right; font-size:1.0em; margin-left:10px;}

header .innrmenu nav ul li{ letter-spacing:0; margin-left:5px;}

/*footer-------------------*/
footer .innr .right-box{float:left; color:white; font-size:0.9em; text-align:center; }
footer .innr .right-box img{padding-bottom:10px;}

/*topimg-------------------*/
.topimg .absolute {position: absolute; bottom: 250px; right:5%; color: #fff; width: 99%; max-width: 600px; padding: 1em 0;}
.topimg .absolute p {margin: 0; padding: 0 0.8em; font-size: 150%; text-align: right;}
.topimg .absolute h3 {margin: 0; padding: 0 0.8em; font-size: 150%; text-align: right;}

.topimg .innrorder {position: absolute; bottom: 150px; left:30%; color: #fff; background:#640000; padding:1% 5% 1% 5%;}
.topimg .innrorder a{text-decoration:none; color:white; font-size:15px;}


/*concept-------------------*/
.concept .innr .title{float:left; width:100%; height:60px;
		background-image:url("/images/common/title_bg.png");
		background-repeat: no-repeat;background-position: 50% 10%;}

.concept .innr .info{float:left; width:50%; margin-left:30%; margin-top:20px; font-size:1.1em; font-weight:bold;}
.concept .innr .more{float:left; width:20%; margin-left:45%; margin-top:20px;}
.concept .innr .more a{text-decoration:none; color:#640000; padding:0 10px 0 10px;}

.concept .innr .about{float:left; width:80%; margin:25% 0% 0% 15%; letter-spacing: 0.1em;}
.concept .innr .about ul{float:none; list-style: none;}
.concept .innr .about li{float:left; font-size:0.7em; padding:10px 0 10px 15px; }

.blog-main .innr .left-box{float:left; width:25%; min-width:200px;letter-spacing:0;}

}

/*スマホ補正*/
@media screen and (min-width: 820px) {
.spmenu{ display:none;}

/*topimg-------------------*/
.topimg .absolute {position: absolute; bottom: 250px; right:5%; color: #fff; width: 99%; max-width: 600px; padding: 1em 0;}
.topimg .absolute p {margin: 0; padding: 0 0.8em; font-size: 150%; text-align: right;}
.topimg .absolute h3 {margin: 0; padding: 0 0.8em; font-size: 150%; text-align: right;}

.topimg .innrorder {position: absolute; bottom: 150px; left:30%; color: #fff; background:#640000; padding:1% 5% 1% 5%;}
.topimg .innrorder a{text-decoration:none; color:white; font-size:15px;}


}

/*タブレット縦補正*/
@media screen and (max-width: 700px) {
.spmenu{ display:none;}

header .page-menu .innrmenu .right-box {float:right; font-size:0.5em;}


/*topimg-------------------*/
.topimg .absolute {position: absolute; bottom: 250px; right:5%; color: #fff; width: 99%; max-width: 600px; padding: 1em 0;}
.topimg .absolute p {margin: 0; padding: 0 0.8em; font-size: 150%; text-align: right;}
.topimg .absolute h3 {margin: 0; padding: 0 0.8em; font-size: 150%; text-align: right;}

.topimg .innrorder {position: absolute; bottom: 150px; left:30%; color: #fff; background:#640000; padding:1% 5% 1% 5%;}
.topimg .innrorder a{text-decoration:none; color:white; font-size:15px;}

}


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

.en{ letter-spacing:0.1em;}
.en_b{ letter-spacing:0.1em;}
.en_lb{ letter-spacing:0.1em;}

body{ min-width:inherit; letter-spacing:0;}


.spmenu{ position:absolute; left:0px; top:20px; display:inherit; color:#fff;}

header .page-menu .innrmenu .right-box {float:right; font-size:0.7em;}

footer .page .innr .right-box {float:right; width:100%; margin:auto; font-size:0.8em;}

.concept .innr .about{float:left; width:45%; margin:30% 0% 0% 35%; letter-spacing: 0.1em;}

/*topimg-------------------*/
.topimg .absolute {position: absolute; bottom: 250px; right:5%; color: #fff; width: 99%; max-width: 600px; padding: 1em 0;}
.topimg .absolute p {margin: 0; padding: 0 0.8em; font-size: 150%; text-align: right;}
.topimg .absolute h3 {margin: 0; padding: 0 0.8em; font-size: 150%; text-align: right;}

.topimg .innrorder {position: absolute; bottom: 150px; left:30%; color: #fff; background:#640000; padding:1% 5% 1% 5%;}
.topimg .innrorder a{text-decoration:none; color:white; font-size:15px;}


}

/*スマホ横画面*/
@media screen and (max-width: 640px) {

.en{ letter-spacing:0.1em;}
.en_b{ letter-spacing:0.1em;}
.en_lb{ letter-spacing:0.1em;}

body{ min-width:inherit; letter-spacing:0;}


.spmenu{ position:absolute; left:0px; top:20px; display:inherit; color:#fff;}

header .page-menu .innrmenu .right-box {float:right; font-size:0.7em;}

footer .page .innr .right-box {float:right; width:100%; margin:auto; font-size:0.8em;}

.concept .innr .about{float:left; width:50%; margin:30% 0% 0% 35%; letter-spacing: 0.1em;}

/*topimg-------------------*/
.topimg .absolute {position: absolute; bottom: 250px; right:5%; color: #fff; width: 99%; max-width: 600px; padding: 1em 0;}
.topimg .absolute p {margin: 0; padding: 0 0.8em; font-size: 150%; text-align: right;}
.topimg .absolute h3 {margin: 0; padding: 0 0.8em; font-size: 150%; text-align: right;}

.topimg .innrorder {position: absolute; bottom: 150px; left:30%; color: #fff; background:#640000; padding:1% 5% 1% 5%;}
.topimg .innrorder a{text-decoration:none; color:white; font-size:15px;}


}

/*スマホ補正-最小*/
@media screen and (max-width: 600px) {

.pc_only{ display:none;}
.sp_only{ display:inline;}

/*pakuzu-----*/

.pkuzu .innr .home a{color:#640000;padding-bottom:2px; font-size:0.8em;}
.pkuzu .innr .second a{font-weight:bold; color:black; font-size:0.8em;}



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

header {width:100%; background-color:#640000;position:relative; z-index: 0;}

header .page .sp_logo{float:left; width:50%; margin:1% 40% 1% 35%;}

header .innrtop h1{ display:none;}

header .innrtop .center-box{float:none; width:100%; margin:auto; background:#640000;}
header .innrtop .left-box{float:none; width:100%; margin:auto; background:#640000;font-size:8px;}

/*footer--------------------*/
footer .innr h3{ display:none;}
footer .innr ul li{display:none;}

footer .innr .left-box .sp_foot{padding-bottom:10px;}

footer .innr .right-box{float:left; margin-top:3%;margin-bottom:5%; color:white; font-size:12px; text-align:left;}
footer .innr .right-box img{padding-bottom:10px;}

.page-menu{ display:none;}

/*topimg---------------------*/

.topimg .absolute {position: absolute; bottom: 8em; right:5%; color: #fff; width: 100%; max-width: 580px; padding: 1em 0;}
.topimg .absolute p {margin: 0; padding: 0 0.8em; font-size: 0.9em; text-align: right;}
.topimg .absolute h3 {margin: 0; padding: 0 0.8em; font-size: 0.9em; text-align: right;}

.topimg .innrorder {position: absolute; bottom: 6em; left:5%; color: #fff; background:#640000; padding:3% 5% 3% 5%; max-width: 700px;}
.topimg .innrorder a{text-decoration:none; color:white; font-size:0.8em;}


/*subimg---------------------*/

.dot .innr{width:100%; padding-top:10%;}


/*news---------------------*/
.news .innr{width:90%; margin-left:7%; margin-right:3%; padding:0px; height:350px;}

.news .innr .img {
	float:none;margin-top:20px; margin-left:33%;
	background:#640000;
	height:100px; width:100px; border-radius:50%;
	background-position:center;
	text-align:center; color:white;
}

.news .innr .txt{padding-top:25px;}
.news .innr p{text-align: center;color: #fff; margin:0;}

.news .innr .list {float:none; margin-top:20px; margin-left:5%; font-size:0.9em; }
.news dl{display:table;}
.news dl dt{display:table-cell; text-align:left; padding-right:10px;width:auto; vertical-align:center; letter-spacing: 0.1em;}
.news dl dd{display:table-cell; vertical-align:center; padding-right:10px;}


.news .innr .coponimg {float:none; width:80%; min-height:100px; margin-top:30px;margin-left:13%;}




/*concept-------------------*/
.concept .innr .title{float:left; width:100%; height:60px;
		background-image:url("/images/common/title_bg.png");
		background-repeat: no-repeat;background-position: 50% 10%;}

.concept .innr .info{float:left; width:80%; margin-left:20%; margin-top:20px; font-size:0.9em; font-weight:bold;}
.concept .innr .more{float:left; width:40%; margin-left:40%; margin-top:20px;}
.concept .innr .more a{text-decoration:none; color:#640000; padding:0 10px 0 10px;}

.concept .innr .about{float:left; width:90%; margin:40% 0% 0% 15%; letter-spacing: 0.1em; }
.concept .innr .about ul{float:none;}
.concept .innr .about li{float:left; font-size:0.8em; padding:10px 0 10px 10px; }

/*route-------------------*/

.route .innrsp dl{border-bottom:#EEEEEE solid 1px;}

.route .innrsp dl dt{
	font-weight:bold; text-align:left; padding:0 10px 0 20px; width:auto; vertical-align:center;
}

.route .innrsp dl dd{vertical-align:center; padding:0 10px 0 20px;}

/*smenu-------------------*/

.smenu .innr .list{
	float:left; width:95%; height:120px;
	margin-left:3%;margin-right:2%;margin-top:3%; 
	border-bottom:1.5px solid #640000;}

.smenu .innr .list .txt{float:left;width:65%;}
.smenu .innr .list .price{float:right; font-size:16px; color:#640000; padding:20px 5px 10px 5px;}

.smenu .innr dl{font-weight:bold;}
.smenu .innr dl dt{text-align:left; width:auto; vertical-align:center; padding:20px 0 10px 10px;}
.smenu .innr dl dd{text-align:left; width:auto; vertical-align:center; font-size:0.7em; padding: 5px 0 0 10px;}





/*campaign*/
.campaign .innr .ticket{float:left; width:100%; height:100%; margin:3% 3% 5% 3%; background:#EFE9D9;}
.campaign .innr .ticket .price{color:#640000; font-size:28px; padding:5px 5px 5px 5px ;}
.campaign .innr .ticket p{float:left; color:#640000;font-weight:bold; font-size:20px; padding:5px 5px 5px 5px; letter-spacing: 0.1em;}
.campaign .innr .ticket dt{color:#640000; padding:5px 5px 5px 5px; font-weight:bold; }
.campaign .innr .ticket dd{padding:5px 5px 5px 5px; }

/*sub-concept*/
.sub-concept .innr .info{float:left; margin-top:5%; margin-left:20%; }
.sub-concept .innr .info h2{text-align:center;font-size:1.2em; font-weight:bold;}
.sub-concept .innr .about{float:left; width:80%; margin-left:10%;margin-top:5%;}
.sub-concept .innr .about p{font-size:0.9em; padding:0 10px 10px 10px; }

.sub-concept .innr .txt{float:left; width:80%; margin-left:10%;margin-top:5%;}
.sub-concept .innr .txt p{font-size:0.9em; padding:0 10px 10px 10px; }


/*staff recult*/
.staff .staff-photo {float:left; width:100%; height:125px;}
.staff .staff-photo img{width:auto; height:auto; max-width:250px; max-height:150px; position:absolute;left: 50%;margin-left: -100px;}

.staff .recult{float:left; width:90%; height:100%;margin-left:7%;margin-right:3%;margin-top:5%;}
.staff .recult dl{float:left; display:table; font-size:0.8em; }
.staff .recult dl dt{
	display:table-cell; text-align:right; padding:15px 0 15px 0; width:180px; 
	vertical-align:center; border-bottom:#640000 solid 2px;color:#640000;
}

.staff .recult dl dd{
	display:table-cell; text-align:left;width:680px; font-size:1.0em;
	vertical-align:center; padding:15px 0 15px 15px ; border-bottom:#EEEEEE solid 2px;
}

.staff .innr .prof{float:left; width:95%; }

/*blog-main*/
.blog-main .innr .right-box{float:right;width:100%;}
.blog-main .innr .left-box{float:left; width:1%;}

.blog-main .innr .left-box-sp{float:left; width:90%;}
.blog-main .innr .left-box-sp .article{float:left;width:100%;margin:0 0 20px; 0;}
.blog-main .innr .left-box-sp .category{float:left;width:100%; border-bottom:#640000 solid 1px;  margin:0 0 20px 0;}
.blog-main .innr .left-box-sp h5{color:#640000; font-weight:bold; font-size:1.1em;}
.blog-main .innr .left-box-sp img{padding:0 5px 2px 0 ;}
.blog-main .innr .left-box-sp a{text-decoration:none; color:black;}

.blog-main .innr .left-box-sp .article li{padding-top:10px;}
.blog-main .innr .left-box-sp .article dt{padding-top:10px;font-size:0.8em; font-style:italic; color:gray;}
.blog-main .innr .left-box-sp .article dl{padding-bottom:10px;font-size:0.6em; }

.blog-main .link-box{float:right; width:130px; background:#640000; margin: 10% 20% 5% 0%; padding:10px 10px 10px 10px ;}

/*==========================================================
【SCHEDULE】SP
========================================================= */

.other .innr{float:left; width:90%; margin-left:7%;margin-right:3%; padding-bottom:10px;}


}