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

/* Basic
**********************************************************************/
html {
	font-size: 62.5%; /* 10px */
}
body {
	background-color:#efefef;
	-webkit-text-size-adjust:100%;
}
body, div, span, a,
section, nav, article, aside, hgroup, header, footer,
h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ol, ul, li,
iframe, caption, code, kbd, samp
table,  tbody, tfoot, thead, tr, th, td,
form, label, input, textarea {
	font-size:1.4rem;
	line-height:150%;
	color:#000;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Playball" sans-serif;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	 margin:0;
}
img {
	display:block;
	max-width:100%;
	max-height:100%;
}
p {
	font-size:inherit;
	color:inherit;
	margin-top:1em;
}
span {
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit;
	color:inherit;
}
h1, h2, h3, h4, h5, h6 {
	line-height:1em;
}

.brSP {
	display:block;
	font-size: inherit !important;
    color: inherit !important;
    font-family: inherit !important;
}

/* Link
**********************************************************************/
a {
	text-decoration:none;
}
a.linkBox_red {
	display:block;
	width:100%;
	background:#62309a;
	color:#fff;
	font-size: 1.6rem;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:1rem;
	margin:1rem 0;
	position:relative;
}
a.linkBox_red:hover {
	background:#999;
	color: #fff;
}
a.linkBox_red:after {
	position:absolute;
	content:"\f105";
	font-family:FontAwesome;
	color: #fff;
	font-size:2.2rem;
	/*color:#cea7a5;*/
	top:25%;
	right:1rem;
}
a.linkBox_red:hover:after {
	color: #fff;
}
.linkBox_white {
	display:block;
	width:100%;
	background:#d41e52;
	/*border:#9c4f4a 1px solid;*/
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:1rem;
	margin:1rem 0;
	position:relative;
}
.linkBox_white:hover {
	background:#999;
	cursor:pointer;
}
.linkBox_white:hover span {
	/*color:#fff;*/
}
.linkBox_white:after {
	position:absolute;
	content:"\f105";
	font-family:FontAwesome;
	font-size:2.2rem;
	color:#fff;
	top:25%;
	right:1rem;
}
.linkBox_white:hover:after {
	color: #fff;
}
.moreopen:after {
	content:"\f107";
}
.opened:after {
	content:"\f106";
}
.moreopen .readAll {
	display:block;
}
.moreopen .closeText {
	display:none;
}
.opened .readAll {
	display:none;
}
.opened .closeText {
	display:block;
}

/* Clearfix
**********************************************************************/
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
.clearfix {zoom:1;}


/* Font
**********************************************************************/
.fontSS {font-size:1.0rem !important;}
.fontS  {font-size:1.2rem !important;}
.fontM  {font-size:1.4rem !important;}
.fontM16 {font-size:1.6rem !important;}
.fontL  {font-size:1.8rem !important;}
.fontLL {font-size:2.2rem !important;}
.fontB  {font-weight:bold !important;}

.LH10 {line-height:1.0em !important;}
.LH12 {line-height:1.2em !important;}
.LH15 {line-height:1.5em !important;}

/* フォントのアクセントカラー指定※汎用 */
.fcolor_red   {color:#9c4f4a !important;}
.fcolor_pink  {color:#d01d6d !important;}
.fcolor_white {color:#fff    !important;}

.fcolorM {color:#d41e52 !important;}
.fcolorG {color:#62309a !important;}


/* Grid ※微調整用ですが、あまり多用しないでください
**********************************************************************/
.w100 {width:100% !important;}
.w90  {width:90%  !important;}
.w80  {width:80%  !important;}
.w70  {width:70%  !important;}
.w60  {width:60%  !important;}
.w50  {width:50%  !important;}
.w40  {width:40%  !important;}
.w30  {width:30%  !important;}
.w20  {width:20%  !important;}
.w10  {width:10%  !important;}

.alignR {text-align:right  !important;}
.alignL {text-align:left   !important;}
.alignC {text-align:center !important;}

.mgnC {margin:0 auto !important;}

/* margin 上下左右 */
.mgn05rem {margin:0.5rem !important;} /*  5px相当 */
.mgn10rem {margin:1.0rem !important;} /* 10px相当 */
.mgn15rem {margin:1.5rem !important;} /* 15px相当 */
.mgn20rem {margin:2.0rem !important;} /* 20px相当 */
.mgn30rem {margin:3.0rem !important;} /* 30px相当 */
.mgn40rem {margin:4.0rem !important;} /* 40px相当 */
.mgn50rem {margin:5.0rem !important;} /* 50px相当 */

/* margin 上 */
.mgnTop05rem {margin-top:0.5rem !important;} /*  5px相当 */
.mgnTop10rem {margin-top:1.0rem !important;} /* 10px相当 */
.mgnTop15rem {margin-top:1.5rem !important;} /* 15px相当 */
.mgnTop20rem {margin-top:2.0rem !important;} /* 20px相当 */
.mgnTop30rem {margin-top:3.0rem !important;} /* 30px相当 */
.mgnTop40rem {margin-top:4.0rem !important;} /* 40px相当 */
.mgnTop50rem {margin-top:5.0rem !important;} /* 50px相当 */

/* margin 右 */
.mgnR05rem {margin-right:0.5rem !important;} /*  5px相当 */
.mgnR10rem {margin-right:1.0rem !important;} /* 10px相当 */
.mgnR15rem {margin-right:1.5rem !important;} /* 15px相当 */
.mgnR20rem {margin-right:2.0rem !important;} /* 20px相当 */
.mgnR30rem {margin-right:3.0rem !important;} /* 30px相当 */
.mgnR40rem {margin-right:4.0rem !important;} /* 40px相当 */
.mgnR50rem {margin-right:5.0rem !important;} /* 50px相当 */

/* margin 下 */
.mgnB05rem {margin-bottom:0.5rem !important;} /*  5px相当 */
.mgnB10rem {margin-bottom:1.0rem !important;} /* 10px相当 */
.mgnB15rem {margin-bottom:1.5rem !important;} /* 15px相当 */
.mgnB20rem {margin-bottom:2.0rem !important;} /* 20px相当 */
.mgnB30rem {margin-bottom:3.0rem !important;} /* 30px相当 */
.mgnB40rem {margin-bottom:4.0rem !important;} /* 40px相当 */
.mgnB50rem {margin-bottom:5.0rem !important;} /* 50px相当 */

/* margin 左 */
.mgnL05rem {margin-left:0.5rem !important;} /*  5px相当 */
.mgnL10rem {margin-left:1.0rem !important;} /* 10px相当 */
.mgnL15rem {margin-left:1.5rem !important;} /* 15px相当 */
.mgnL20rem {margin-left:2.0rem !important;} /* 20px相当 */
.mgnL30rem {margin-left:3.0rem !important;} /* 30px相当 */
.mgnL40rem {margin-left:4.0rem !important;} /* 40px相当 */
.mgnL50rem {margin-left:5.0rem !important;} /* 50px相当 */

/* padding 上下左右 */
.pdng05rem {padding:0.5rem !important;} /*  5px相当 */
.pdng10rem {padding:1.0rem !important;} /* 10px相当 */
.pdng15rem {padding:1.5rem !important;} /* 15px相当 */
.pdng20rem {padding:2.0rem !important;} /* 20px相当 */
.pdng30rem {padding:3.0rem !important;} /* 30px相当 */
.pdng40rem {padding:4.0rem !important;} /* 40px相当 */
.pdng50rem {padding:5.0rem !important;} /* 50px相当 */

/* padding 上 */
.pdngTop05rem {padding-top:0.5rem !important;} /*  5px相当 */
.pdngTop10rem {padding-top:1.0rem !important;} /* 10px相当 */
.pdngTop15rem {padding-top:1.5rem !important;} /* 15px相当 */
.pdngTop20rem {padding-top:2.0rem !important;} /* 20px相当 */
.pdngTop30rem {padding-top:3.0rem !important;} /* 30px相当 */
.pdngTop40rem {padding-top:4.0rem !important;} /* 40px相当 */
.pdngTop50rem {padding-top:5.0rem !important;} /* 50px相当 */

/* padding 右 */
.pdngR05rem {padding-right:0.5rem !important;} /*  5px相当 */
.pdngR10rem {padding-right:1.0rem !important;} /* 10px相当 */
.pdngR15rem {padding-right:1.5rem !important;} /* 15px相当 */
.pdngR20rem {padding-right:2.0rem !important;} /* 20px相当 */
.pdngR30rem {padding-right:3.0rem !important;} /* 30px相当 */
.pdngR40rem {padding-right:4.0rem !important;} /* 40px相当 */
.pdngR50rem {padding-right:5.0rem !important;} /* 50px相当 */

/* padding 下 */
.pdngB05rem {padding-bottom:0.5rem !important;} /*  5px相当 */
.pdngB10rem {padding-bottom:1.0rem !important;} /* 10px相当 */
.pdngB15rem {padding-bottom:1.5rem !important;} /* 15px相当 */
.pdngB20rem {padding-bottom:2.0rem !important;} /* 20px相当 */
.pdngB30rem {padding-bottom:3.0rem !important;} /* 30px相当 */
.pdngB40rem {padding-bottom:4.0rem !important;} /* 40px相当 */
.pdngB50rem {padding-bottom:5.0rem !important;} /* 50px相当 */

/* padding 左 */
.pdngL05rem {padding-left:0.5rem !important;} /*  5px相当 */
.pdngL10rem {padding-left:1.0rem !important;} /* 10px相当 */
.pdngL15rem {padding-left:1.5rem !important;} /* 15px相当 */
.pdngL20rem {padding-left:2.0rem !important;} /* 20px相当 */
.pdngL30rem {padding-left:3.0rem !important;} /* 30px相当 */
.pdngL40rem {padding-left:4.0rem !important;} /* 40px相当 */
.pdngL50rem {padding-left:5.0rem !important;} /* 50px相当 */


/* mainHeader
**********************************************************************/
header#mainHeader {
	width:100%;
	background:#fff;
}
header#mainHeader .headerTitle {
	background:#000;
}
header#mainHeader h1 {
	width:100%;
	background:#000;
	color:#999;
	font-size:1rem;
	padding:0.5rem 1rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
header#mainHeader .headerWrap {
	width:100%;
	padding:1rem;
	overflow: hidden;
}
header#mainHeader .headerWrap .logo {
 position:relative;
	width:25%;
	max-width: 240px;
	float: left;
 top:-6px;
}
header#mainHeader .headerWrap .telBtn {
	width:50%;
	max-width: 340px;
	float: right;
}
header#mainHeader .headerWrap .logo:hover,
header#mainHeader .headerWrap .telBtn:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

/* 追従ヘッダー */
header#mainHeader .scrollHeader {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 1rem;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
	z-index: 100;
	overflow: hidden;
}

header#mainHeader .scrollHeader img {
	width: 100%;
	padding:0.8rem 0;
	max-width: 70px;
}

/* Pankuzu
**********************************************************************/
/*nav.pankuzu {
 background:#000;
 border-top:1px solid #999;
 border-bottom:1px solid #999;
}*/
nav.pankuzu ul {
	width:100%;
	padding:1rem;
	margin: 0;
}

nav.pankuzu ul li {
	display:inline;
	font-size:1rem;
	float:left;
	margin-right:0.5rem;
	color: #666;
}

nav.pankuzu ul li a {
	font-size:1rem;
	color:#999;
	text-decoration:underline;
}

nav.pankuzu ul li a:hover {
	color:#aaa;
	text-decoration:none;
}

nav.pankuzu ul li:after {
	margin-left:0.5rem;
	content:">";
}

nav.pankuzu ul li:last-child:after {
	margin-left:0;
	content:"";
}

/* Contact
**********************************************************************/
.LP-contact {
	margin-bottom: 6rem;
}

.LP-contact .gentei {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
    background: #b7aeff;
    padding-top: .5rem;
}

.LP-contact .gentei p {
	font-weight: bold;
    margin-top: 0;
}

.LP-contact .blink {
    -webkit-animation: blink .8s ease-in-out infinite alternate;
    -moz-animation: blink .8s ease-in-out infinite alternate;
    animation :blink .8s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% {opacity: .2;}
    100% {opacity: 1;}
}

@-moz-keyframes blink {
    0% {opacity: .2;}
    100% {opacity: 1;}
}

@keyframes blink {
    0% {opacity: .2;}
    100% {opacity: 1;}
}

.LP-contact ul {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}

.LP-contact .tel,
.LP-contact .mail,
.LP-contact .line {
    width: 49%;
    float: left;
    text-align: center;
    margin-right: 2%;
    margin-bottom: 1rem;
    border-radius: 4px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.6) inset,
    0 2px 10px rgba(255, 255, 255, 0.6) inset;
    position: relative;
}

.LP-contact .line {
    margin-right: 0;
}

.LP-contact .tel {
    background: #fe0072;
}

.LP-contact .mail {
    background: #ff6702;
}

.LP-contact .line {
    background: #00c300;
}

.LP-contact .tel:hover,
.LP-contact .mail:hover,
.LP-contact .line:hover {
	opacity: .6;
	filter: alpha(opacity=60);
}

.LP-contact .tel a,
.LP-contact .mail a,
.LP-contact .line a {
    display: block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.6);
    padding: 2rem 0;
    line-height: 120%;
}

.LP-contact .tel a:hover,
.LP-contact .mail a:hover,
.LP-contact .line a:hover {
    text-decoration: none;
}

.LP-contact .tel a span,
.LP-contact .mail a span,
.LP-contact .line a span {
    display: block;
    font-size: 1rem;
    text-indent: 1rem;
}

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

	.LP-contact .tel,
	.LP-contact .mail,
	.LP-contact .line {
		width: 100%;
		float: none;
	}

	.LP-contact .tel a,
	.LP-contact .mail a,
	.LP-contact .line a {
		font-size: 2rem;
	}

}

/* 共通スタイル
**********************************************************************/
.mainH {
	width:100%;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	padding:1rem 0;
	margin:3rem 0 0;
	background:#000 url(../images/titleBg.png) no-repeat top center;
	color: #fff;
	text-shadow:0 0 1px #000, 0 0 10px #fff;
    line-height: 150%;
}
.mainH span {
	font-size:1.6rem;
	color:#b599c7;
	font-family: 'Playball';
}
.hBox {
	width:100%;
	/*background:#fff;*/
	/*border:#96794c 1px solid;*/
	color:#62309a;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	line-height:1.5em;
	padding:0.5em;
}
.wrapper {
	width:100%;
}
.openBox {
	display:none;
}
.noBorder {
	border:none;
}
.pagenation ol {
	width:100%;
	text-align:center;
	margin:2em 0;
}
.pagenation ol li {
	display:inline;
	margin:0 0.2em;
}
.pagenation ol li a {
	display:inline;
	width:100%;
	background:#fff;
	/*border:#9c4f4a 1px solid;*/
	color:#a04b0a;
	text-align:center;
	padding:0.5em 0.7em;
}
.pagenation ol li a:hover {
	background:#9c4f4a;
	color:#fff;
}
.pagenation ol li.now {
	background:#a04b0a;
	/*border:#9c4f4a 1px solid;*/
	color:#fff;
	text-align:center;
	padding:0.5em 0.7em;
}
.container {
	width: 1024px;
	padding: .5rem 0;
	margin: 0 auto;
	background: #fff;
}


/* フリースペース
**********************************************************************/
.freeSpace {
	margin-top:5rem;
	margin-bottom:4px;
	position:relative;
}
/*.freeSpace:after {
	content:"";
	position:absolute;
	right:0;
	bottom:-4px;
	display:block;
	width:100%;
	height:2px;
	background:#9c4f4a;
}*/
.midashiL {
	color: #000;
	width:100%;
	font-size:1.8rem;
	line-height:1.5em;
	font-weight:bold;
	padding:.5rem 1rem;
 	margin-top:1rem;
 	border-left: 12px solid #000;
}
.midashiL span {
	font-size:1.2rem;
	color:#a6938d;
}
.midashiM {
	color:#d01d6d;
	font-size:1.6rem;
	line-height:1.5em;
	font-weight:bold;
	margin:2rem 0 0;
}
.midashiS {
	width:100%;
	font-weight:bold;
	margin:1rem 0;
}
.img_large {
	width: 100%;
}
.img_floatL {
	width:50%;
	float:left;
	padding:0 1rem 1rem 0;
}
.img_floatR {
	width:50%;
	float:right;
	padding:2rem 0 1rem 1rem;
}

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

	.img_floatL, .img_floatR {
		width: 32%;
	}

}

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

	.img_floatL, .img_floatR {
		width: 50%;
	}

}


/* Footer
**********************************************************************/
footer#mainFooter {
	width:100%;
	background:#000;
}
footer#mainFooter nav ul.footerNavi {
	width:100%;
}
footer#mainFooter nav ul.footerNavi li {
	width:100%;
	border-bottom:#666 1px solid;
}
footer#mainFooter nav ul.footerNavi li a {
	display:block;
	width:100%;
	padding:1rem;
	padding-right:2rem;
	position:relative;
	color:#fff;
}
footer#mainFooter nav ul.footerNavi li a:hover {
	color:#fff;
	background: #333;
}
footer#mainFooter nav ul.footerNavi li a:after {
	position:absolute;
	content:"\f105";
	font-family:FontAwesome;
	font-size:2.2rem;
	color:#666;
	top:25%;
	right:1rem;
}
footer#mainFooter nav ul.footerNavi li a:hover:after {
	color: #fff;
}
footer#mainFooter nav ul.footerNavi li ul {
	padding-left: 2rem;
}
footer#mainFooter nav ul.footerNavi li ul li:first-child {
	border-top:#666 1px solid;
}
footer#mainFooter nav ul.footerNavi li ul li:last-child {
	border-bottom: none;
}
footer#mainFooter nav ul.footerNavi li ul li a {
	font-size: 1.2rem;
}
footer#mainFooter nav ul.footerNavi li ul li a:after {
	font-size: 1.6rem;
}
.copyright {
	width:100%;
	text-align:center;
	color:#999;
	font-size:1rem;
	padding:4rem 0 1rem;
}
.copyright a {
	color:#fff;
	font-size:1rem;
}


/* iframe
**********************************************************************/
iframe {
	width: 100%;
	height: 280px;
	border: 0;
	padding: 1rem;
}
.movie {
	width: 100%;
    margin: 0 auto 4rem;
    position: relative;
    padding-bottom: 68%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.movie iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Topへ戻るボタン
**********************************************************************/
.pageUP {
	position: fixed;
	right: 1%;
	bottom: 1%;
	background: rgba(212, 30, 82, 0.9);
	color: #fff;
	font-size: 2rem;
	padding: 4px 12px 8px;
	border-radius: 50%;
	z-index: 500;
}
.pageUP:hover {
	padding: 0 12px 12px;
}

/* Not Found
**********************************************************************/
#notFound {
	height: 80vh;
}

#notFound h2 {
	font-family: 'Playball';
	font-size: 4rem;
	color: #999;
	text-align: center;
	margin-top: 4rem;
}

#notFound p {
	text-align: center;
	margin-top: 2rem;
}


/* PC閲覧時
**********************************************************************/
@media only screen and (max-width: 1024px) {
	.container {
		width: 98%;
		padding: 0 1%;
	}
}

@media only screen and (max-width: 860px) {
	.contactBtn {
		width: 100%;
	}
}

@media only screen and (min-width: 767px) {
	.brSP {
		display:inline;
		font-size: inherit;
	    color: inherit;
	    font-family: inherit;
	}
	header#mainHeader .headerWrap .logo {
		width: 100%;
	}
	header#mainHeader .headerWrap .telBtn {
		width: 100%;
	}
}

@media screen and (max-width: 720px) {
	#mainHeader li a.js-submenu:after {
		content: "\f102";
	}
	#mainHeader li a.js-submenu.closed:after {
		content: "\f103";
	}
}

@media only screen and (min-width: 981px) {
	html {
		font-size: 100%; /* 10px */
	}
	body {
		width:100%;
		margin:0 auto;
		text-align:left;
	}
	header#mainHeader h1 {
		width: 980px;
		margin: 0 auto;
	}
	header#mainHeader .headerWrap {
		width: 980px;
		margin: 0 auto;
	}
	nav.pankuzu ul {
		width: 980px;
		margin: 0 auto;
	}
	.wrapper {
	    width: 980px;
	    margin: 0 auto;
	}
	.freeSpace {
		width: 980px;
		margin: 4rem auto;
	}
	.img_floatL {
		width:auto;
	}
	.img_floatR {
		width:auto;
	}
	footer#mainFooter nav ul.footerNavi {
		width:980px;
		padding: 1rem 0 2rem;
		margin: 0 auto;
	}
	iframe {
		height: 550px;
	}
}

@media only screen and (max-width: 480px) {
	header#mainHeader .headerWrap .logo {
		top:auto;
		padding-top:5px;
	}
}