/*--------------------------------------------------------------------------------
　＊専用クラス
-----------------------------------------------------------------------------------*/


div.title h2 p {
	font-family: 'リュウミン R-KL';
	color:#c30;
	}


/*ロゴマーク*/
.ecsLogo {
	margin: 15px 0 25px;
	border:1px solid #ccc;
	padding: 18px 36px 0;
	}


/*ここがポインコ*/
div.PTmark {
	padding-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	}
div.PT3 {text-align: center;}
div.PT3 img {margin: 0 12px;}




/*サービス　３分割*/
section#CL {
	margin:75px 0 0;
	padding: 75px 0 45px;
	background:#DFF6F7;
	width: 950px;
	}
section#CL div {
	width:950px;
	margin:auto;
	}

section#CL div div.CLmark {
	text-align: center;
	padding-bottom:0;
	}
section#CL div div.CLmark img {width: 395px;}

section#CL div p.CLintro {
	font-size:16px;
	color:#00932F;
	margin: 20px 0 20px;
	}
section#CL div p.CLintro span {
	font-size:20px;
	font-weight: bold;
	margin: 0 8px;
	}
section#CL div p.CLintro strong {
	color:#C5051A;
	font-size:24px;
	margin:0 8px;
	}

section#CL div div.CL-L {
	float:left;
	width:300px;
	margin:0px 25px 25px 0px;
	padding-bottom: 30px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}

section#CL div div.CL-R {
	float:left;
	width:300px;
	margin:0px 0px 25px 0px;
	padding-bottom: 30px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}
	
section#CL div img {
	width: 100%;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
    }

section#CL div H2 {
	text-align: center;
	font-size:24px;
	font-weight:normal;
	line-height: 1.4;
	padding: 10px 10px 2px;
	}
section#CL div H2 span {color:#00B8BE;}

section#CL div p {
	font-size:14px;
	line-height: 1.8;
	text-align: center;
	padding: 0 15px 0;
	color:#757575;
	}

p.spTitle div a {
	text-decoration:none;
	color:#333;
	}



/*２枠分*/
section#CL div div.CL-W {
	float:left;
	width:625px;
	margin:0px 25px 25px 0px;
	padding-bottom: 0px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}

section#CL div div.CL-W img {
	float:right;
	width: 625px;
	margin-left: 0;
	border-top-left-radius:8px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	margin-bottom: 32px;
	}

section#CL div div.CL-W h2 {
	text-align: center;
	font-size:24px;
	line-height: 1.4;
	padding: 12px 10px 6px 25px;
	}

section#CL div div.CL-W p {
	font-size:14px;
	line-height: 1.7;
	text-align: center;
	padding: 0px 15px 15px 25px;
	color:#757575;
	}

section#CL div div.CL-L:hover,
section#CL div div.CL-R:hover,
section#CL div div.CL-W:hover {background:#ffd;}






/*さらに*/
section#EX {
	width:950px;
	margin:auto;
	padding: 55px 0 50px;
	}

section#EX div.EXmark {
	text-align: center;
	padding-bottom: 24px;
	
	font-family:'新丸ゴ M';
	font-size:22px;
	color:#18ADB4;
	}
section#EX div.CLmark img {width: 354px;}


/*さらに　５分割*/
section#EX div {}

section#EX div div.EX-L {
	float:left;
	width:150px;
	margin:0px 12px 25px 0px;
	padding: 15px 12px 0px;
	text-align: center;
	}

/*section#EX div div.EX-C {
	float:left;
	width:155px;
	margin:0px 12px 25px 0px;
	padding: 15px 12px 0px;
	background:#fff;
	border:2px solid #09923C;
	border-radius:5px;
	text-align: center;
	}*/

section#EX div div.EX-R {
	float:left;
	width:155px;
	margin:0px 0px 25px 0px;
	padding: 15px 12px 0px;
	text-align: center;
	}


.btn05 {
    color: #fff;
    display: block;
    text-decoration: none;
    width: 178px;
    position: relative;
    perspective: 235px;
    -webkit-perspective: 235px;
}



/*〆めの言葉*/
section#FIN {
	margin:235px 0 0;
	padding: 105px 0 80px;
	background:#FF9326 url(../images/ecs/16.png) no-repeat top center;
	text-align: center;
	width:950px;
	}
section#FIN div {
	width:950px;
	margin:auto;
	
	font-size:20px;
	font-weight: normal;
	color:#fff;
	}
section#FIN div strong {color:#ff3; text-decoration:underline;}
section#FIN div p {font-size:14px; font-weight: normal; margin-top: 20px;}
section#FIN div p span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#ff3;
	}

div.RES {text-align: center; margin: 0 auto 100px; width: 950px;}
div.RES>img {margin-bottom: 25px;}





/*-----EXTENDED-----*/

/*注釈：チケットの枚数に応じて・・・*/
p.CLintroNotice { font-weight:normal; margin-bottom: 35px;}

/*価格表記*/
p.CLprice {
	font-weight: bold;
	margin: 20px 15px 0;
	text-align: center;
	}

span.CLteika {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#333;
	line-height: 1;
	}
span.CLkaiin {
	font-family:Arial, Helvetica, sans-serif;
	color:#c30;
	line-height: 1.4;
	border-bottom: 1px solid #c30;
	}
span.CLkaiin>span {
	font-size:28px;
	}

span.CLjikan {
	font-weight:normal;
	font-size:13px;
	color:#353535;
	}

/*価格一覧へ*/
section#CL div div.priceList {
	width: 918px;
	margin: 0 25px 25px 0;
	padding: 12px 12px 9px;
	background:#fff;
	border-radius:30px;
	border:4px solid #1468AC;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	}
section#CL div div.priceList:hover {background:#ff6;}
section#CL div div.priceList a {
	display: block;
	text-decoration:none;
	color:#1468AC;
	}


/*ラスゲのお問い合わせ*/
div.RES-BTN {
	/*width: 918px;*/
	margin: 0 25px 25px 0;
	padding: 12px 12px 9px;
	background:#ffc;
	border-radius:30px;
	border:4px solid #FF9326;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	}
div.RES-BTN:hover {background:#ff6;}
div.RES-BTN a {
	display: block;
	text-decoration:none;
	color:#FF9326;
	}


.btn05 span {
    text-align: center;
    display: block;
    width: 178px;
    padding: 0;
    position:absolute;
    top: 0;
    margin-top: 0px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: 0.8s;
}
.btn05 .back {
    transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
}
 
.btn05:hover .front {
    transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
}
 
.btn05:hover .back {
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
}



















/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/

/*====================================▼　タブレット・モード　/　760pxで最適化　▼======================================*/
@media screen and (max-width: 960px) {

/*ここがポインコ*/
div.PT3 img {margin: 0 16px 16px;}


/*サービス　３分割*/
section#CL {
	margin:50px 0 0;
	padding: 50px 0 45px;
	background:#DFF6F7;
	}
section#CL div {
	width:760px;
	margin:auto;
	}

section#CL div div.CLmark {
	text-align: center;
	padding-bottom: 0;
	}
section#CL div div.CLmark img {width: 331px;}

section#CL div p.CLintro {
	font-size:14px;
	color:#00932F;
	margin: 20px 0 24px;
	}
section#CL div p.CLintro span {
	font-size:20px;
	font-weight: bold;
	margin: 0 5px;
	}
section#CL div p.CLintro strong {
	color:#C5051A;
	font-size:20px;
	}

section#CL div div.CL-L {
	float:left;
	width:240px;
	margin:0px 15px 15px 0px;
	padding-bottom: 30px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}

section#CL div div.CL-R {
	float:left;
	width:240px;
	margin:0px 0px 15px 0px;
	padding-bottom: 30px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}
	
section#CL div img {
	width: 100%;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
    }

section#CL div H2 {
	text-align: center;
	font-size:24px;
	font-weight:normal;
	line-height: 1.4;
	padding: 24px 10px 16px;
	}
section#CL div H2 span {color:#00B8BE;}

section#CL div p {
	font-size:13px;
	line-height: 1.8;
	text-align: center;
	padding: 0 15px 0;
	color:#757575;
	}

p.spTitle div a {
	text-decoration:none;
	color:#333;
	}



/*２枠分*/
section#CL div div.CL-W {
	float:left;
	width:495px;
	margin:0px 15px 25px 0px;
	padding-bottom: 0px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}

section#CL div div.CL-W img {
	float:right;
	width: 240px;
	margin-left: 25px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:8px;
	}

section#CL div div.CL-W img.senmen {
	float:right;
	width: 680px;
	margin-left: 25px;
	border-top-left-radius:8px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0px;
	}
	
section#CL div div.CL-W h2 {
	text-align: center;
	font-size:24px;
	line-height: 1.4;
	padding: 12px 10px 16px 25px;
	}

section#CL div div.CL-W p {
	font-size:14px;
	line-height: 1.7;
	text-align: center;
	padding: 0 15px 15px 25px;
	color:#757575;
	}

section#CL div div.CL-L:hover,
section#CL div div.CL-R:hover,
section#CL div div.CL-W:hover {background:#ffd;}




/*さらに*/
	.EXPC{display: none;}
section#EX {
	width:760px;
	margin:auto;
	padding: 65px 0 50px;
	}

section#EX div.EXmark {
	text-align: center;
	padding-bottom: 24px;
	}
section#EX div.CLmark img {width: 354px;}


/*さらに　５分割*/
section#EX div {}

section#EX div div.EX-L {
	float:left;
	width:210px;
	margin:0px 12px 25px 0px;
	padding: 25px 12px 20px;
	background:#fff;
	border:2px solid #00B8C0;
	border-radius:5px;
	text-align: center;
	}

section#EX div div.EX-C {
	float:left;
	width:210px;
	margin:0px 12px 25px 0px;
	padding: 25px 12px 20px;
	background:#fff;
	border:2px solid #09923C;
	border-radius:5px;
	text-align: center;
	}

section#EX div div.EX-R {
	float:left;
	width:210px;
	margin:0px 0px 25px 0px;
	padding: 25px 12px 20px;
	background:#fff;
	border:2px solid #0E6EB8;
	border-radius:5px;
	text-align: center;
	}

section#EX div div.EX-L:hover {background:#ffd;}
section#EX div div.EX-C:hover {background:#ffd;}
section#EX div div.EX-R:hover {background:#ffd;}

p.EXct {font-size:12px; color:#757575;}
p.EXpct {margin: 20px 0;}
p.EXttl {font-size:24px; color:#333;}
p.EXdetail {margin: 15px 0 0; color:#666; height: 100px;}

	span.front img {width: 100px;}




/*〆めの言葉*/
section#FIN {
	margin:0;
	padding: 75px 0 60px;
	background:#FF9326 url(../images/ecs/16.png) no-repeat top center;
	background-image: none;
	text-align: center;
	}
section#FIN div {
	width:760px;
	margin:auto;
	
	font-size:22px;
	font-weight: bold;
	color:#fff;
	}
section#FIN div strong {color:#ff3; text-decoration:underline;}
section#FIN div p {font-size:14px; font-weight: normal; margin-top: 20px;}

div.RES {text-align: center; margin: 0 0 80px;}
div.RES>img {margin-bottom: 25px;}


	
	
	
/*価格一覧へ*/
section#CL div div.priceList {
	width: 680px;
	margin: 0 25px 25px 0;
	padding: 12px 12px 9px;
	background:#fff;
	border-radius:24px;
	border:3px solid #1468AC;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	}
section#CL div div.priceList:hover {background:#ff6;}
section#CL div div.priceList a {
	display: block;
	text-decoration:none;
	color:#1468AC;
	}
	
}





/*====================================▼　スマートフォン・ランドスケープ・モード（横向き） /　580pxで最適化　▼======================================*/
@media only screen and (max-width:640px) {

/*ここがポインコ*/
div.PT3 img {margin: 0 10px 10px; height: 150px;}


/*サービス　３分割*/
section#CL {
	margin:35px 0 0;
	padding: 35px 0 25px;
	background:#DFF6F7;
	}
section#CL div {
	width:580px;
	margin:auto;
	}

section#CL div div.CLmark {
	text-align: center;
	padding-bottom: 0;
	}
section#CL div div.CLmark img {width: 331px;}

section#CL div p.CLintro {
	font-size:13px;
	color:#00932F;
	margin: 10px 0 18px;
	}
section#CL div p.CLintro span {
	font-size:16px;
	font-weight: bold;
	margin: 0 5px;
	}
section#CL div p.CLintro strong {
	color:#C5051A;
	font-size:18px;
	}

section#CL div div.CL-L {
	float:left;
	width:185px;
	margin:0px 10px 15px 0px;
	padding-bottom: 30px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}

section#CL div div.CL-R {
	float:left;
	width:185px;
	margin:0px 0px 15px 0px;
	padding-bottom: 30px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}
	
section#CL div img {
	width: 100%;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
    }

section#CL div H2 {
	text-align: center;
	font-size:18px;
	font-weight:normal;
	line-height: 1.4;
	padding: 18px 10px 12px;
	}
section#CL div H2 span {color:#00B8BE;}

section#CL div p {
	font-size:12px;
	line-height: 1.6;
	text-align: center;
	padding: 0 15px 0;
	color:#757575;
	}

p.spTitle div a {
	text-decoration:none;
	color:#333;
	}




/*２枠分*/
section#CL div div.CL-W {
	float:left;
	width:380px;
	margin:0px 12px 25px 0px;
	padding-bottom: 0px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}

section#CL div div.CL-W img {
	float:right;
	width: 240px;
	margin-left: 25px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:8px;
	}

section#CL div div.CL-W h2 {
	text-align: center;
	font-size:18px;
	line-height: 1.4;
	padding: 8px 10px 18px 25px;
	}

section#CL div div.CL-W p {
	font-size:12px;
	line-height: 1.6;
	text-align: center;
	padding: 0 15px 15px 25px;
	color:#757575;
	}

section#CL div div.CL-L:hover,
section#CL div div.CL-R:hover,
section#CL div div.CL-W:hover {background:#ffd;}




/*さらに*/
section#EX {
	width:580px;
	margin:auto;
	padding: 0px 0 40px;
	}

section#EX div.EXmark {
	text-align: center;
	padding-bottom: 24px;
	}
section#EX div.CLmark img {width: 354px;}


/*さらに　５分割*/
section#EX div {}

section#EX div div.EX-L {
	float:left;
	width:150px;
	margin:0px 12px 15px 0px;
	padding: 25px 12px 20px;
	background:#fff;
	border:2px solid #00B8C0;
	border-radius:5px;
	text-align: center;
	}

section#EX div div.EX-C {
	float:left;
	width:150px;
	margin:0px 12px 15px 0px;
	padding: 25px 12px 20px;
	background:#fff;
	border:2px solid #09923C;
	border-radius:5px;
	text-align: center;
	}

section#EX div div.EX-R {
	float:left;
	width:150px;
	margin:0px 0px 15px 0px;
	padding: 25px 12px 20px;
	background:#fff;
	border:2px solid #0E6EB8;
	border-radius:5px;
	text-align: center;
	}

section#EX div div.EX-L:hover {background:#ffd;}
section#EX div div.EX-C:hover {background:#ffd;}
section#EX div div.EX-R:hover {background:#ffd;}

p.EXct {font-size:12px; color:#757575;}
p.EXpct {margin: 10px 0;}
p.EXttl {font-size:18px; color:#333;}
p.EXdetail {margin: 15px 0 0; color:#666; height: 85px; font-size:12px;}




/*〆めの言葉*/
section#FIN {
	margin:0;
	padding: 64px 0 40px;
	background:#FF9326 url(../images/ecs/16.png) no-repeat top center;
	background-image:none;
	text-align: center;
	}
section#FIN div {
	width:580px;
	margin:auto;
	
	font-size:18px;
	font-weight: bold;
	color:#fff;
	}
section#FIN div strong {color:#ff3; text-decoration:underline;}
section#FIN div p {font-size:12px; font-weight: normal; margin-top: 12px;}

div.RES {text-align: center; margin: 0 0 80px;}
div.RES>img {margin-bottom: 25px;}

	
	
	
	
	
/*価格一覧へ*/
section#CL div div.priceList {
	width: 538px;
	margin: 0 25px 25px 0;
	padding: 8px 12px 5px;
	background:#fff;
	border-radius:20px;
	border:4px solid #1468AC;
	text-align: center;
	font-size:14px;
	font-weight: bold;
	}
section#CL div div.priceList:hover {background:#ff6;}
section#CL div div.priceList a {
	display: block;
	text-decoration:none;
	color:#1468AC;
	}	
	
}





/*====================================▼　スマートフォン・ポートレート・モード（縦向き） /　320pxで最適化　▼======================================*/
@media only screen and (max-width:480px) {

/*ロゴマーク*/
.ecsLogo {
	margin: 0px 0 18px;
	border:1px solid #ccc;
	padding: 18px 20px 0;
	width: 260px;
	}


/*ここがポインコ*/
div.PTmark {
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	}
div.PT3 {text-align: center;}
div.PT3 img {margin: 0 12px;}

/*ここがポインコ*/
div.PT3 img {margin: 0 10px 10px; height: 150px;}


/*サービス　３分割*/
section#CL {
	margin:35px 0 0;
	padding: 35px 0 25px;
	background:#DFF6F7;
	}
section#CL div {
	width:320px;
	margin:auto;
	}

section#CL div div.CLmark {
	text-align: center;
	padding-bottom: 0;
	}
section#CL div div.CLmark img {width: 280px;}

section#CL div p.CLintro {
	font-size:12px;
	color:#00932F;
	margin: 10px 0 18px;
	}
section#CL div p.CLintro span {
	font-size:15px;
	font-weight: bold;
	margin: 0 5px;
	}
section#CL div p.CLintro strong {
	color:#C5051A;
	font-size:18px;
	}

section#CL div div.CL-L {
	float:left;
	width:310px;
	margin:0px 10px 15px 5px;
	padding-bottom: 30px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}

section#CL div div.CL-R {
	float:left;
	width:310px;
	margin:0px 0px 15px 5px;
	padding-bottom: 30px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}
	
section#CL div img {
	width: 100%;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
    }

section#CL div H2 {
	text-align: center;
	font-size:18px;
	font-weight:normal;
	line-height: 1.4;
	padding: 18px 10px 12px;
	}
section#CL div H2 span {color:#00B8BE;}

section#CL div p {
	font-size:13px;
	line-height: 1.7;
	text-align: center;
	padding: 0 15px 0;
	color:#757575;
	}

p.spTitle div a {
	text-decoration:none;
	color:#333;
	}




/*２枠分*/
section#CL div div.CL-W {
	float:left;
	width:310px;
	margin:0px 12px 25px 5px;
	padding-bottom: 0px;
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 0px #ccc;
	}

section#CL div div.CL-W img {
	float:right;
	width: 240px;
	margin-left: 25px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:8px;
	}

section#CL div div.CL-W h2 {
	text-align: center;
	font-size:16px;
	line-height: 1.4;
	padding: 8px 10px 18px 10px;
	}

section#CL div div.CL-W p {
	font-size:12px;
	line-height: 1.6;
	text-align: center;
	padding: 0 15px 15px 10px;
	color:#757575;
	}

section#CL div div.CL-L:hover,
section#CL div div.CL-R:hover,
section#CL div div.CL-W:hover {background:#ffd;}




/*さらに*/
section#EX {
	width:320px;
	margin:auto;
	padding: 0px 0 30px;
	margin-top: -32px;
	}

section#EX div.EXmark {
	text-align: center;
	padding-bottom: 24px;
	}
section#EX div.CLmark img {width: 240px;}


/*さらに　５分割*/
section#EX div {}

section#EX div div.EX-L {
	float:left;
	width:285px;
	margin:0px 0px 15px 5px;
	padding: 15px 10px 10px;
	background:#fff;
	border:2px solid #00B8C0;
	border-radius:5px;
	text-align: center;
	}

section#EX div div.EX-C {
	float:left;
	width:285px;
	margin:0px 0px 15px 5px;
	padding: 15px 10px 10px;
	background:#fff;
	border:2px solid #09923C;
	border-radius:5px;
	text-align: center;
	}

section#EX div div.EX-R {
	float:left;
	width:285px;
	margin:0px 0px 15px 5px;
	padding: 15px 10px 10px;
	background:#fff;
	border:2px solid #0E6EB8;
	border-radius:5px;
	text-align: center;
	}

section#EX div div.EX-L:hover {background:#ffd;}
section#EX div div.EX-C:hover {background:#ffd;}
section#EX div div.EX-R:hover {background:#ffd;}

p.EXct {font-size:12px; color:#757575;}
p.EXpct {margin: 5px 0;}
p.EXttl {font-size:18px; color:#333;}
p.EXdetail {margin: 5px 0 0; color:#666; height: 45px; font-size:12px;}




/*〆めの言葉*/
section#FIN {
	margin:0;
	padding: 64px 0 40px;
	background:#FF9326 url(../images/ecs/16.png) no-repeat top center;
	background-image:none;
	text-align: center;
	}
section#FIN div {
	width:310px;
	margin:auto;
	
	font-size:15px;
	font-weight: bold;
	color:#fff;
	}
section#FIN div strong {color:#ff3; text-decoration:underline;}
section#FIN div p {font-size:11px; font-weight: normal; margin-top: 12px;}

div.RES {text-align: center; margin: 0 0 80px;}
div.RES>img {margin-bottom: 25px;}

	
	
	
/*価格一覧へ*/
section#CL div div.priceList {
	width: 278px;
	margin: 0 25px 25px 0;
	padding: 5px 12px 2px;
	background:#fff;
	border-radius:15px;
	border:3px solid #1468AC;
	text-align: center;
	font-size:13px;
	font-weight: bold;
	}
section#CL div div.priceList:hover {background:#ff6;}
section#CL div div.priceList a {
	display: block;
	text-decoration:none;
	color:#1468AC;
	}		
	
}