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

/*
Theme Name: HARA MUSEUM WEB EN
Theme URI: http://www.haramuseum.or.jp/en/
Author: AXIS.inc
Description: 原美術館英語版ウェブサイト用のテーマです。
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



/* CSS Reset
********************************************************************************/
* {
	outline:0;
	outline:none;
	margin:0;
	padding:0;
	zoom:1;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

body {
	outline:0;
	outline:none;
	margin:0;
	padding:0;	
	-webkit-text-size-adjust:100%;	
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-feature-settings:"palt";
}

ol, ul { list-style:none; }

a { 
	cursor:pointer !important;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:hover {
	opacity:0.5;
}

hr { width:0px !important; height:0px !important; margin:0px !important; padding:0px !important; font-size:0px !important; line-height:0px !important; border:0px !important; overflow:hidden !important; }
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block; }



/* Basic
********************************************************************************/
.clrdisp { width:0px !important; height:0px !important; margin:0px !important; padding:0px !important; font-size:0px !important; line-height:0px !important; border:0px !important; overflow:hidden !important; }
.hidden { opacity:0; }
.spView { display:none !important; }
.pcView { display:block !important; }

.cboth { clear:both; }

.clr {
	margin:0px -1px -1px 0px;
	border:0px;
	padding:0px;
	width:1px;
	height:1px;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
	clear:both;
}

.cfix:before, .cfix:after {
	content:"";
	display:table;
}
.cfix:after { clear:both; }
.cfix { zoom:1; } /* for IE6/7 */

img { 
	display:block; font-size:0px; line-height:0px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-image-rendering:auto;
	image-rendering:auto;

	/* ドラッグ・コピー禁止 */	
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
}

.inactive a,
.inactive a:hover {
	opacity:0.2 !important;
	cursor:default !important;
}



/* Text
********************************************************************************/
.tx-left { text-align:left !important; }
.tx-center { text-align:center !important; }
.tx-right { text-align:right !important; }
.tx-vcenter { display:table-cell; vertical-align:middle; }

/*******************/
a { color:#333333; text-decoration:none; }
a img{ outline:0; outline:none; border:0px; }

/*******************/
.tx-wt { color:#ffffff; }
.tx-gry { color:#666666; }
.tx-red { color:#cc0000; }
.tx-org { color:#ff6633; }
.tx-ble { color:#006699; }
.tx-key01 { color:#66cc33; }

/*******************/
.tx-br { display:block; }
.tx-spc{ display:inline !important; }

p {
	text-justify:inter-word;
}

.caps {
	padding-top:10px;
	display:block;
}



/* body
********************************************************************************/
html , body {
	width:100%;
	height:100%;
	margin:0;
	padding:0
}

body {
	position:relative;
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	color:#333333;
}

/* 大画面設定 : 幅 990px 以上 */
@media (min-width: 990px) {
	body {
		position:relative !important;
		top:0px !important;
		overflow-y:auto !important;
	}
}



/* header
********************************************************************************/
header {
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:200;
}

/* gHeaderArea
**************************************/
.gHeaderArea {
	width:100%;
}

.gHeaderBody {
	width:100%;
	padding:3vh 30px;
	background-color:#ffffff;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
}

/* 小画面設定 : 幅 1200px 以下 */
@media (max-width: 1200px) {
	.gHeaderBody {
		padding:15px;
	}
}

/* 大画面設定 : 高さ 780px 以上 */
@media (min-height: 780px) {
	.gHeaderBody {
		padding:25px 30px;
	}
}

.gHeaderBody:after {
	content:"."; 
	display:block; 
	height:0;
	font-size:0;	
	clear:both; 
	visibility:hidden;
}

.gHeaderBody a:visited,
.gHeaderBody a:link { 
	color: #333333 !important;
}

/* logoArea
**************************************/
.gHeaderBody .logoArea {
	height:28px;
	margin-top:0px;
	float:left;
	position:relative;
	z-index:50;
	display:table;
}

.gHeaderBody .logoArea a,
.gHeaderBody .logoArea span {
	padding-top:3px;
	vertical-align:middle;
	display:table-cell;
}

.gHeaderBody .logoArea a h1,
.gHeaderBody .logoArea span h1 {
	margin-top:-4px;
	display:block;
}

/* gnaviArea
**************************************/
.gHeaderBody .gnaviArea {
	width:100%;
	padding:5px 0px;
	padding-left:45px;
	text-align:center;
	box-sizing:border-box;
	position:absolute;
	left:50%;	
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
	z-index:10;
}

.gHeaderBody .gnaviArea ul {
	letter-spacing:-.4em;
}

.gHeaderBody .gnaviArea ul li {
	padding:0px 1vw;
	display:inline-block;
	letter-spacing:normal;
}

.gHeaderBody .gnaviArea ul li.leftLine {
	margin-left:10px;
	padding-left:20px;
	border-left:1px solid #666666;
}

/* 大画面設定 : 幅 1300px 以上 */
@media (min-width: 1300px) {

	.gHeaderBody .logoArea {
		height:40px;
	}

	.gHeaderBody .gnaviArea {
		padding:11px 0px;
		padding-left:52px;
	}
	
	.gHeaderBody .gnaviArea ul li.leftLine {
		padding-left:26px;
	}

	.gHeaderBody .gnaviArea ul li {
		padding:0px 15px;
	}

}

.gHeaderBody .gnaviArea ul li a {
	display:inline-block;
}

.gHeaderBody .gnaviArea ul li.active a {
	opacity:0.4;
}

/* subnaviArea
**************************************/
.gHeaderBody .subnaviArea {
	float:right;
	position:relative;
	z-index:50;
}

.gHeaderBody .subnaviArea .langBtn {
	margin:5px 15px 0px 0px;
	padding:0px 10px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	float:right;
}

.gHeaderBody .subnaviArea .SNSMenu {
	margin:0px -0.5vw;
	float:right;
}
.gHeaderBody .subnaviArea .SNSMenu:after {
	content:"."; 
	display:block; 
	height:0;
	font-size:0;	
	clear:both; 
	visibility:hidden;
}

.gHeaderBody .subnaviArea .SNSMenu li {
	margin:0px 0.5vw;
	float:right;
}

.gHeaderBody .subnaviArea .SNSMenu li a {
	width:28px;
	height:28px;
	display:block;
}
.gHeaderBody .subnaviArea .SNSMenu li a.btn01 {
	background-image:url("common/imgs/icn_twitter.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
}
.gHeaderBody .subnaviArea .SNSMenu li a.btn02 {
	background-image:url("common/imgs/icn_instagram.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
}

.gHeaderBody .subnaviArea .SNSMenu li a span {
	display:none;
}

/* 大画面設定 : 幅 1300px 以上 */
@media (min-width: 1300px) {
	
	.gHeaderBody .subnaviArea .SNSMenu {
		margin:0px -8px;
	}

	.gHeaderBody .subnaviArea .SNSMenu li {
		margin:0px 8px;
	}

	.gHeaderBody .subnaviArea .SNSMenu li a {
		width:40px;
		height:40px;
		display:block;
	}
	.gHeaderBody .subnaviArea .SNSMenu li a.btn01,
	.gHeaderBody .subnaviArea .SNSMenu li a.btn02,
	.gHeaderBody .subnaviArea .SNSMenu li a.btn03 {
		background-size:40px 40px;
	}
	
	.gHeaderBody .subnaviArea .langBtn {
		margin:11px 18px 0px 0px;
	}

}

/* headerBody
**************************************/
.headerBody {
	width:100%;
}

.art .headerBody {
	background-color:#000000;
}
.arc .headerBody {
	background-color:#a5c403;
}

/* tabArea
**************************************/
header .tabArea {
	width:100%;
	overflow:hidden;
}
header .tabArea:after {
	content:"."; 
	display:block; 
	height:0;
	font-size:0;	
	clear:both; 
	visibility:hidden;
}

header .tabArea ul {
	width:100%;
}

header .tabArea ul li {
	width:50%;
	float:left;
	text-align:center;	
	-webkit-transition: all 300ms 0s ease;
	transition: all 300ms 0s ease;
}
header .tabArea ul li.active {
	width:65%;
}
header .tabArea ul li.inactive {
	width:35%;
}
header .tabArea ul li.inactive a {
	opacity:1 !important;
}

header .tabArea ul li.art {
	background-color:#000000;
}
header .tabArea ul li.arc {
	background-color:#a5c403;
}

header .tabArea ul li a,
header .tabArea ul li div {
	padding:3vh 0px;
	color:#ffffff;
	display:block;
	position:relative;
	overflow:hidden;

}

/* 大画面設定 : 高さ 900px 以上 */
@media (min-height: 900px) {
	header .tabArea ul li a,
	header .tabArea ul li div {
		padding:25px 0px;
	}
}

header .tabArea ul li span {	
	width:500px;
	display:block;
	white-space:nowrap;
	position:relative;
	left:50%;
	
	/*background-color:#33ff66;*/
	
	-webkit-transition: 300ms 0s ease;
    transition:transform 300ms 0s ease;
    -webkit-transform:translateX(-50%) scale(0.7);
    transform:translateX(-50%) scale(0.7);
	-webkit-transform-origin:center center;
	transform-origin:center center;
}
header .tabArea ul li.active span {
    -webkit-transform:translateX(-50%) scale(1);
    transform:translateX(-50%) scale(1);
}

header .tabArea ul li span br {
	display:none;
}

/* localnaviArea
**************************************/
.headerBody .localnaviArea {
	max-width:1300px;
	margin:0px auto;
	padding:3vh 0px;
}

/* 大画面設定 : 高さ 900px 以上 */
@media (min-height: 900px) {
	.headerBody .localnaviArea {
		padding:25px 0px;
	}
}

.headerBody .localnaviArea ul {
	max-width:1300px;
	text-align:center;
	letter-spacing:-.4em;
}
.headerBody .localnaviArea ul:after {
	content:"."; 
	display:block; 
	height:0;
	font-size:0;	
	clear:both; 
	visibility:hidden;
}

.headerBody .localnaviArea ul li {
	padding:0px 1.5vw;
	display:inline-block;
	letter-spacing:normal;
}

/* 大画面設定 : 幅 1300px 以上 */
@media (min-width: 1300px) {
	.headerBody .localnaviArea ul li {
		padding:0px 20px;
	}
}

.headerBody .localnaviArea ul li a {
	color:#ffffff;
	display:inline-block;
}
.art .headerBody .localnaviArea ul li.active a {
	color:#a5c403;
}
.arc .headerBody .localnaviArea ul li.active a {
	color:#000000;
}



/* container
********************************************************************************/
.container {
	width:100%;
	overflow:hidden;	
}



/* mainVisualArea
********************************************************************************/
.mainVisualArea {
	width:100%;
	height:75vh;
	padding-bottom:65px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	background-color:#dddddd;
	overflow:hidden;
}

/* タブレット設定 : ポートレートの場合 */
@media (orientation: portrait) {
	.mainVisualArea {
		height:50vh;
	}
}

.mainVisualArea .mainVisualBody {
	width:100%;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
}

.mainVisualArea .carouselBody {	
	width:1200px;
	height:674px;
	position:relative;
	left:50%;
	top:50%;
	transform-origin:center center;
	-webkit-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
}

.mainVisualArea .carousel {
	width:1200px;
	height:674px;
}

.mainVisualArea .carousel a {
	opacity:1 !important;
}

.mainVisualArea .carousel img {
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
}

.mainVisualArea .carousel .slick-next,
.mainVisualArea .carousel .slick-prev {
    width:60px;
    height:60px;
	/*margin-top:-38px;*/
	z-index:1;
	background-size:contain;
}
.mainVisualArea .carousel .slick-next {
	right:-75px;
	background-image:url("common/imgs/icn_arw_right.png");
	background-repeat:no-repeat;
	background-position:center center;
}
.mainVisualArea .carousel .slick-prev {
	left:-75px;
	background-image:url("common/imgs/icn_arw_left.png");
	background-repeat:no-repeat;
	background-position:center center;
}

.mainVisualArea .carousel .slick-dots {
	height:12px;
	padding:0px;
	z-index:1;
	line-height:0px;
	font-size:0px;
	bottom:-35px;
}

.mainVisualArea .carousel .slick-dots li {
    margin:0px 10px;
}

.mainVisualArea .carousel .slick-dots .point {
	width:12px;
	height:12px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:rgba(0,0,0,0.15);
}

.mainVisualArea .carousel .slick-dots .slick-active .point {
	background-color: #505655;
}

/* mainVisualArea（detailpage）
**************************************/
.detailPage .mainVisualArea {
	width:100%;
	height:60vh;
	min-height:400px;
	max-height:584px;
	padding-bottom:0px;
	position:relative;
	top:0px;
	left:50%;
	background-color:transparent;
	overflow:hidden;
	transform-origin:center center;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

.detailPage .mainVisualArea .imageBody {
	width:100%;
	height:100%;
	overflow:hidden;
}

.detailPage .mainVisualArea .pcView {
	display:inline !important;
}

.detailPage .mainVisualArea .spView {
	display:none !important;
}

.detailPage .mainVisualArea.w-fix,
.detailPage .mainVisualArea.ggMap {
	height:auto;
	min-height:none;
	max-height:none;
	padding:0px 40px;
}
.detailPage .mainVisualArea.w-fix.btm-spc {
	padding-bottom:70px;
}

.detailPage .mainVisualArea img {
	height:100%;
	margin:0px auto;
}
.detailPage .mainVisualArea.w-fix img {
	width:100%;
	max-width:830px;
	height:auto;
	margin:0px auto;
	border:2px solid #dddddd;
	box-sizing:border-box;
}
.detailPage .mainVisualArea.ggMap img {
	width:100%;
	max-width:830px;
	margin:0px auto;
	margin:0px;
	border:0px;
}

.detailPage .mainVisualArea + span.sml {
	width:100%;
	padding-top:20px;
	display:inline-block;
	text-align:center;
}

/* 小画面設定 : 幅 1100px 以下 */
@media (max-width: 1100px) {
	.detailPage .mainVisualArea {
		width:100%;
		height:auto;
		min-height:0px;
		max-height:none;
	}

	.detailPage .mainVisualArea img {
		width:100%;
		margin:0px auto;
	}
}

/* coverBg
**************************************/
.coverBg {
	width:100%;
	height:75vh;
	padding-bottom:65px;
	position:absolute;
	top:0px;
	z-index:10;
}

.art .coverBg {
	left:0px;
	background-color:#000000;
}

.arc .coverBg {
	right:0px;
	background-color:#a5c403;
}

/* pageBg
**************************************/
.pageBg {
	width:100%;
	height:50vw;
	min-height:320px;
	max-height:620px;
	position:absolute;
	top:0px;
	z-index:1;
	background-color:#f5f5f5;
}

/* loader
**************************************/
.loader {
	width:100%;
	/*height:75vh;*/
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;
	overflow:hidden;
	
	background-image:url("common/imgs/icn_loader.gif");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50px 50px;	
}



/* contents
********************************************************************************/
.contents {
	width:100%;
}
.contents.withMV {
	padding-top:75vh;
}

/* タブレット設定 : ポートレートの場合 */
@media (orientation: portrait) {
	.contents.withMV {
		padding-top:50vh;
	}
}

.contentsArea {
	width:100%;
	position:relative;
	z-index:50;
}
.contentsArea.gryBG {
	background-color:#f5f5f5;
}

.contentsBody {
	max-width:830px;
	margin:0px auto;
	padding:70px 40px 40px 40px;
}
.contentsBody.wide {
	max-width:900px;
}
.detailPage .contentsBody.wide {
	padding:70px 40px 60px 40px;
}
.contentsBody.listPage {
	max-width:1040px;
	padding:70px 40px 0px 40px;
}
.contentsBody.entry {
	max-width:1040px;
	padding:70px 40px 40px 40px;
	/*box-sizing-border-box;*/
}
.contentsBody.noTopSpc {
	padding-top:0px !important;
}
.contentsBody.noBtmSpc {
	padding-bottom:0px !important;
}

/* openingInfoArea
**************************************/
.openingInfoArea {
	width:100%;
	margin-bottom:60px;
	padding:3vh 30px 3vh 0px;
	color:#ffffff;
	display:table;
	box-sizing:border-box;
}
.art .openingInfoArea {
	padding:3vh 30px;
	background-color:#a5c403;
}
.arc .openingInfoArea {
	background-color:#000000;
}

/* 大画面設定 : 高さ 900px 以上 */
@media (min-height: 900px) {
	.openingInfoArea {
		padding:30px 30px 30px 0px;
	}
	.art .openingInfoArea {
		padding:30px;
	}
}

.openingInfoArea .ttlArea {
	width:25%;
	/*padding:0px 55px 0px 25px;*/
	box-sizing:border-box;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

.openingInfoArea .txtArea {
	width:75%;
	padding-left:55px;
	border-left:2px solid #ffffff;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
}
.art .openingInfoArea .txtArea {
	padding-left:0px;
	border-left:0px;
	text-align:center;
}

.openingInfoArea p strong {
	display:block;
}

.openingInfoArea p br {
	display:none;
}

/* newsList
**************************************/
.newsList {
	width:100%;
	padding-bottom:60px;
}

.newsList h3 {
	padding-bottom:20px;
	display:inline-block;
}

.newsList ul {
	width:100%;
	border-top:2px solid #dddddd;
}

.newsList ul li {
	width:100%;
	padding:20px 0px;
	box-sizing:border-box;
	border-bottom:2px solid #dddddd;
}

.newsList ul li .linkTxt {
	padding-left:35px;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:6px 8px;
	display:table;
}
.art .newsList ul li .linkTxt {
	background-image:url("common/imgs/icn_arw_solid_right_art.png");
}
.arc .newsList ul li .linkTxt {
	background-image:url("common/imgs/icn_arw_solid_right_arc.png");
}

.newsList ul li .date {
	padding-right:40px;
	display:inline-block;
	/*float:left;*/
	display:table-cell;
	vertical-align:middle;
}

.newsList ul li a {
	display:inline-block;
	/*float:left;*/
	display:table-cell;
	vertical-align:middle;
}

/* entryList
**************************************/
.entryListArea {
	width:100%;
	padding:70px 70px 20px 70px;
	background-color:#ffffff;
	box-sizing:border-box;
}

.entryList {
	width:100%;
	margin-bottom:60px;
	border-top:2px solid #dddddd;
}

.entryList li {
	width:100%;
	padding:20px 0px;
	box-sizing:border-box;
	border-bottom:2px solid #dddddd;
	display:table;
}
.entryList li.hide {
	display:none;
}

.entryList li .linkTxt {
	width:82%;
	padding-left:35px;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:6px 8px;
	box-sizing:border-box;
	/*float:left;*/
	display:table-cell;
}
.entryList li .linkTxt,
.art .entryList li .linkTxt {
	background-image:url("common/imgs/icn_arw_solid_right_art.png");
}
.arc .entryList li .linkTxt {
	background-image:url("common/imgs/icn_arw_solid_right_arc.png");
}

.entryList li .date {
	display:block;
}

.entryList li a {
	display:inline-block;
}

.entryList li .strLabelArea {
	width:18%;
	min-width:135px;
	padding-left:35px;
	/*float:right;*/
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	position:relative;
}

/* cntBtnArea
**************************************/
.cntBtnArea {
	width:100%;
	padding-bottom:60px;
}
.cntBtnArea.wideBtmSpc {
	padding-bottom:180px;
}
.cntBtnArea.topLine {
	padding-top:60px;
	background-image:url("common/imgs/line_divider_gry.gif");
	background-repeat:no-repeat;
	background-position:center top;
}

.cntBtnArea .cntBtnBox {
	width:100%;
	text-align:center;
	letter-spacing: -.40em;
}

.cntBtnArea .cntBtnBox li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
}

.cntBtn {
	width:320px;
	margin:0px 20px;
	cursor:pointer;
}
.cntBtnBox.three {
	width:calc(100% + 40px);
	margin-left:-20px;
}
.cntBtnBox.three li {
	width:33.3333333%;
}
.cntBtnBox.three .cntBtn {
	width:calc(100% - 40px);
}
.cntBtnBox.three .cntBtn {
	margin:0px 20px !important;
}
.cntBtnBox.three .cntBtn a {
	min-height:70px;
	padding:25px 35px !important;
	-webkit-border-radius:35px;
	border-radius:35px;
}
.cntBtnBox.three .cntBtn.ticket a {
	padding:12px 20px !important;
	background-position:35px center;
}
.cntBtnBox.three .cntBtn.ticket .btnTxt {
	padding-left:55px !important;
	text-align:left;
}

.cntBtn a,
.cntBtn span,
.cntBtn button {
	width:100%;
	margin:0px !important;
	padding:20px 35px !important;
	color:#ffffff;
	display:block;
	box-sizing:border-box;
	border:0px;
	-webkit-border-radius:30px;
	border-radius:30px;
	text-decoration:none !important;
	cursor:pointer;
}
.glb .cntBtn a,
.glb .cntBtn span,
.glb .cntBtn button,
.art .cntBtn a,
.art .cntBtn span {
	background-color:#000000;
}
.arc .cntBtn a,
.arc .cntBtn span {
	background-color:#000000;
}
.entryListArea .cntBtn a,
.entryListArea .cntBtn span {
	background-color:#000000;
}

.cntBtn a .btnTxt,
.cntBtn span .btnTxt,
.cntBtn button .btnTxt {
	padding:0px 25px !important;
	background-image:url("common/imgs/icn_arw_right_wt.png");
	background-repeat:no-repeat;
	background-position:center right;
	background-size:12px 22px;
	display:block;
	opacity:1 !important;
}

.cntBtn span:hover {
	opacity:0.5;
}

.cntBtn button:hover {
	opacity:0.5;
}

/* cntTtl
**************************************/
.cntTtl {
	width:100%;
	margin-bottom:50px;
	text-align:center;
	display:inline-block;
}
.detailPage .cntTtl {
	margin-bottom:70px;
}

.detailPage .cntTtl br {
	display:none;
}

.cntTtl .ttlBody {
	padding:0px 30px;
	display:inline-block;
	background-repeat:repeat-x;
	background-position:center center;
}
.glb .cntTtl .ttlBody,
.art .cntTtl .ttlBody {
	background-image:url("common/imgs/line_divider_art.gif");
}
.arc .cntTtl .ttlBody {
	background-image:url("common/imgs/line_divider_arc.gif");
}

.cntTtl h2 {
	padding:0px 30px;
	background-color:#ffffff;
	display:inline-block;
}
.cntTtl h3 {
	padding-top:25px;
}
.glb .cntTtl h2,
.glb .cntTtl h3,
.art .cntTtl h2,
.art .cntTtl h3 {
	color:#3c4745;
}
.arc .cntTtl h2,
.arc .cntTtl h3 {
	color:#3c4745;
}
.gryBG .cntTtl h2,
.detailPage .cntTtl h2 {
	background-color:#f5f5f5;
}

/* subCntTtl
**************************************/
.subCntTtl {
	width:100%;
	margin-bottom:50px;
	text-align:center;
	display:inline-block;
}

.subCntTtl .ttlBody {
	padding:0px 20px;
	display:inline-block;
	background-repeat:repeat-x;
	background-position:center center;
	background-image:url("common/imgs/line_divider_gry.gif");
}

.subCntTtl h2 {
	padding:0px 20px;
	display:inline-block;
}
.gryBG .subCntTtl h2 {
	background-color:#f5f5f5;
}

/* entryTtl
**************************************/
.entryTtl {
	width:100%;
	margin-bottom:60px;
	display:inline-block;
	border-top:2px solid #dddddd;
	border-bottom:2px solid #dddddd;
	position:relative;
}
.entryTtl.noSpc {
	margin-bottom:0px;
}

.entryTtl .ttlBody {
	padding:40px 0px;
	display:block;
}

.entryTtl.withSNS .ttlBody {
	padding:40px 0px;
}

.entryTtl .ttlBody br {
	/*display:none;*/
}

.entryTtl h2 {
	display:block;
}

.entryTtl h3 {
	margin:0px !important;
	padding:20px 120px 0px 0px !important;
	display:block;
}

.entryTtl h4 {
	margin:0px !important;
	padding-right:120px;
	display:block;
}

/* subnaviArea（entryTtl）
**************************************/
.entryTtl .withBtn {
	margin-bottom:40px;
	position:relative;
}

.entryTtl .SNSMenu {
	margin:0px -0.5vw;
	position:absolute;
	bottom:35px;
	right:0px;
}
.entryTtl .withBtn .SNSMenu {
	bottom:8px;
}
.entryTtl .SNSMenu:after {
	content:"."; 
	display:block; 
	height:0;
	font-size:0;	
	clear:both; 
	visibility:hidden;
}

.entryTtl .SNSMenu li {
	margin:0px 0.5vw;
	float:right;
}

/* 大画面設定 : 幅 1300px 以上 */
@media (min-width: 1300px) {
	.entryTtl .SNSMenu {
		margin:0px -10px;
	}
	.entryTtl .SNSMenu li {
		margin:0px 10px;
	}
}

.entryTtl .SNSMenu li  a {
	width:40px;
	height:40px;
	display:block;
}
.entryTtl .SNSMenu li  a.btn01 {
	background-image:url("common/imgs/icn_instagram.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:40px 40px;
}
.entryTtl .SNSMenu li  a.btn02 {
	background-image:url("common/imgs/icn_twitter.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:40px 40px;
}
.entryTtl .SNSMenu li  a.btn03 {
	background-image:url("common/imgs/icn_facebook.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:40px 40px;
}

.entryTtl .SNSMenu li  a span {
	display:none;
}

.entryTtl .cntBtn {
	margin:0px;
}

.entryTtl .cntBtn a {
	color:#ffffff !important;
}

.entryTtl .cntBtn a .btnTxt {
	background:none;
}

/* clmBox
**************************************/
.clmBox {
	width:100%;
	margin-bottom:50px;
	border:10px solid #e5e5e5;
	box-sizing:border-box;
	background-color:#ffffff;
	position:relative;
	top:0px;
	left:0px;

	-webkit-transition: all 300ms 0s ease;
	transition: all 300ms 0s ease;
}
.clmBox.hover {
	top:-12px;
	left:-12px;
	box-shadow:10px 10px 10px rgba(0,0,0,0.2);
  
	-webkit-transition: all 300ms 0s ease;
	transition: all 300ms 0s ease;
}

.clmBox a {
	display:block;
	background-repeat:no-repeat;
	background-position:bottom 30px right 30px;
	background-size:115px 28px;
}
.art .clmBox a {
	background-image:url("common/imgs/icn_btn_more_art.png");
}
.arc .clmBox a {
	background-image:url("common/imgs/icn_btn_more_arc.png");
}

.clmBox p.noBtmSpc {
	margin-bottom:0px !important;
}

.clmBox .twoClm {
	width:100%;
	border:1px solid #dddddd;	
	display:table;
}

.clmBox .twoClm .imgArea {
	width:42.1%;
	height:auto;
	display:table-cell;
	vertical-align:middle;
	background-image:url("common/imgs/bg_dummyimg.gif");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	background-color:#eeeeee;
	line-height:0px;
	font-size:0px;
	position:relative;
}

.clmBox .twoClm .imgArea .imgBox {
	width:100%;
	height:auto;
	min-height:370px;
	display:block;
	position:relative;
	line-height:0px;
	font-size:0px;
}

.clmBox .twoClm .imgArea .imgBox img {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    height:auto;
    width:auto;
    max-width:100%;
    max-height:100%;
    margin:auto;
}

.clmBox .twoClm .txtArea {
	padding:35px 35px 60px 35px;
	box-sizing:border-box;
	display:table-cell;
}

.clmBox .twoClm .txtArea:before {
	display:block;
	float:left;
	height:270px;
	content: "";
}

.clmBox .twoClm .txtArea h3 {
	margin-bottom:15px;	
}

.clmBox .twoClm .txtArea h4 {
	margin:0px;	
}

/* clmBox（detailpage・entryArea）
**************************************/
.entryArea .clmBox {
	width:100%;
	margin-bottom:70px;
	padding:40px;
	border:2px solid #dddddd;
	background-color:#ffffff;

	-webkit-transition:none;
	transition:none;
}
.entryArea .clmBox.minWrapSpc {
	padding:20px;
}
.entryArea .clmBox.bg-yerrow {
	border:2px solid #eceae4;
	background-color:#fdfaf3;
}
.entryArea .clmBox.bg-gry {
	background-color:#f5f5f5;
}
.entryArea .clmBox:after {
	content:"."; 
	display:block; 
	height:0;
	font-size:0;	
	clear:both; 
	visibility:hidden;
}

.entryArea .clmBox.hover {
	top:auto;
	left:auto;
	box-shadow:none;
  
	-webkit-transition:none;
	transition:none;
}

.entryArea .clmBox .txtArea {
	width:72%;
	float:left;
}

.entryArea .clmBox .txtArea p {
	margin:0px;
}

.entryArea .clmBox .imgArea {
	width:28%;
	height:auto;
	margin:0px;
	padding-top:50px;
	padding-left:30px;
	min-height:0px;
	max-height:none;
	box-sizing:border-box;
	float:right;
}

.entryArea .clmBox .imgArea img {
	width:100%;
	height:auto;
	margin:0px;
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
}

.entryArea .clmBox a {
	display:inline;
	background:none;
}

/* clmList（detailpage・entryArea）
**************************************/
.clmList {
	width:100%;
	margin-top:-20px;
	margin-bottom:-20px;
}
.clmList.topLine {
	border-top:2px solid #dddddd !important;
}

 .clmBox h3 + .clmList {
 	margin-top:0px;
 }

.clmList li {
	padding:20px 0px;
	border-bottom:2px solid #eeeeee;
}
.clmBox.bg-yerrow .clmList li {
	border-bottom:2px solid #eceae4;
}
.clmBox.bg-gry .clmList li {
	border-bottom:2px solid #dddddd;
}
.clmList li:last-child {
	border-bottom:0px !important;
}

.clmList li h4 {
	margin-bottom:5px;
}

.clmList li h4 br {
	display:none;
}

.clmList li p {
	margin-bottom:0px !important;
}

/* clmList（twoClm）
**************************************/
.clmList.twoClm {
	border:0px;
}

.clmList.twoClm li {
	width:100%;
	display:table;
}

.clmList.twoClm .imgArea {
	width:25%;
	height:auto;
	padding:0px;
	display:table-cell;
	vertical-align:middle;
	line-height:0px;
	font-size:0px;
	position:relative;
	float:none;
	background-color:transparent;
	background:none;
}

.clmList.twoClm .imgArea .imgBox {
	width:100%;
	height:auto;
	min-height:191px;
	display:block;
	position:relative;
	background-color:#ffffff;
	border:1px solid #dddddd;
	box-sizing:border-box;
}

.clmList.twoClm .imgArea .imgBox + .imgBox {
	margin-top:10px;
}

.clmList.twoClm .imgArea .imgBox img {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    height:auto;
    width:auto;
    max-width:100%;
    max-height:100%;
    margin:auto;
}

.clmList.twoClm .txtArea {
	padding:0px 0px 0px 20px;
	box-sizing:border-box;
	display:table-cell;
	float:none;
}
.clmList.twoClm .txtArea:before {
	display:block;
	float:left;
	height:190px;
	content: "";
}

.clmList.twoClm .txtArea h4 {
	padding:0px 0px 10px 0px;
	display:block;
}

.clmList.twoClm .txtArea h4 br {
	/*display:none;*/
	display:block;
}

/* carousel（detailpage・entryArea）
**************************************/
.entryArea .carouselBody {	
	width:100%;
	height:100%;
	margin-bottom:70px;
	position:relative;
}

.entryArea .carouselBody .arwBox {
	width:100%;
	height:400px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;		
	pointer-events:none;
}

.entryArea .carouselBody .arwBox .slick-next,
.entryArea .carouselBody .arwBox .slick-prev {
    width:40px;
    height:40px;
	top:50%;
	background-size:contain;
	pointer-events:auto;
}
.entryArea .carouselBody .arwBox .slick-next {
	right:10px;
	background-image:url("common/imgs/icn_arw_right.png");
	background-repeat:no-repeat;
	background-position:center center;
	
}
.entryArea .carouselBody .arwBox .slick-prev {
	left:10px;
	background-image:url("common/imgs/icn_arw_left.png");
	background-repeat:no-repeat;
	background-position:center center;
}

.entryArea .carousel {
	width:100%;
	height:auto;
	margin-bottom:34px;
	border-bottom:2px solid #dddddd;
}

.entryArea.carousel a {
	opacity:1 !important;
}

.entryArea .carousel .imgArea {
	width:100%;
	height:400px;
	min-height:0px;
	max-height:none;
	margin:0px !important;
	padding:50px;
	line-height:0px;
	font-size:0px;
	position:relative;
	background-color:#f5f5f5;
	box-sizing:border-box;
}

.entryArea .carousel .imgArea img {
	width:auto;
	height:100%;
	margin:0px auto;
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
}

.entryArea .carousel .txtArea {
	width:100%;
	padding:20px;
	text-align:center;
	box-sizing:border-box;
}

.entryArea .carousel .txtArea h4 {
	margin-bottom:5px;
}

.entryArea .carousel .txtArea h4 br {
	display:none;
}

.entryArea .carousel .txtArea p {
	margin-bottom:0px;
}

.entryArea .carousel .slick-dots {
	height:12px;
	padding:0px;
	z-index:1;
	line-height:0px;
	font-size:0px;
	bottom:-34px;
}

.entryArea .carousel .slick-dots li {
    margin:0px 10px;
}

.entryArea .carousel .slick-dots .point {
	width:12px;
	height:12px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:rgba(0,0,0,0.15);
}

.entryArea .carousel .slick-dots .slick-active .point {
	background-color: #505655;
}

/* strLabel
**************************************/
.strLabel {
	min-width:150px;
	margin-bottom:20px;
	padding:10px;
	display:inline-block;
	color:#ffffff;
	box-sizing:border-box;
	text-align:center;
}
.strLabel span {
	margin:0px !important;
	padding:0px !important;
	display:inline-block !important;
}
.art .strLabel {
	background-color:#cc0000;
}
.arc .strLabel {
	background-color:#66cc33;
}
.strLabel.gry {
	background-color:#3c4745;
}
.strLabel.hmgry {
	background-color:#000000;
}
.strLabel.Lgtgry {
	background-color:#bbbbbb;
}
.strLabel.red {
	background-color:#cc0000;
}
.strLabel.grn {
	background-color:#a5c403;
}

.entryTtl .strLabel {
	margin:0px;
	position:absolute;
	top:-18px;
	right:0px;
}

.entryListArea .strLabel {
	margin:0px;
}

/* entryArea（detailpage）
**************************************/
.entryArea {
	padding:70px 40px 0px 40px;
	background-color:#ffffff;
}

.entryBody {
	max-width:830px;
	margin:0px auto;
}

.entryArea a {
	text-decoration:underline;
}
.art .entryArea a {
	color:#cc0000;
}
.arc .entryArea a {
	color:#018128;
}

.entryArea h3 {
	margin-bottom:30px;
	display:block;
}
.entryArea h3.minBtmSpc {
	margin-bottom:15px !important;
}
.entryArea h3.noBtmSpc {
	margin-bottom:0px !important;
}

.entryArea h4 {
	margin-bottom:15px;
	display:block;
}
.entryArea h4.minBtmSpc {
	margin-bottom:10px !important;
}
.entryArea h4.noBtmSpc {
	margin-bottom:0px !important;
}

.entryArea p {
	padding-bottom:60px;
	display:block;
	/*word-break:break-all;*/
}
.entryArea p.minBtmSpc {
	padding-bottom:10px !important;
}
.entryArea p.noBtmSpc {
	padding-bottom:0px !important;
}

.entryArea span {
	margin-top:-40px;
	padding-bottom:60px;
	display:block;
	text-align:center;
}

.entryArea span.pcView {
    height:0px;
	margin-top:0px !important;
    padding-bottom:0px !important;
    display:inline;
}

.entryArea .imgArea {
	width:100%;
	height:60vh;
	min-height:300px;
	max-height:430px;
	margin:0px 0px 60px 0px;
	display:block;
	line-height:0px;
	font-size:0px;
	position:relative;
}
.entryArea h3 + .imgArea,
.entryArea h4 + .imgArea {
	margin-top:60px;	
}

/* 大画面設定 : 幅 1100px 以上 */
@media (min-width: 1100px) {
	.entryArea .imgArea {
		min-height:400px;
		max-height:555px;
	}
}

.entryArea .imgArea img {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    height:100%;
    width:auto;
    max-width:100%;
    max-height:100%;
    margin:auto;
}

/* inputBox（detailpage）
**************************************/
.inputBox.fl-left {
	display:inline-block !important;
}
.inputBox.fl-left:last-child {
	/*padding-left:10px;*/
}

.inputBox.fl-left.txtBox {
	padding:5px 0px 5px 25px;
}
.inputBox.fl-left input {
	margin:0px 5px !important;
}

.inputBox.fl-left p {
	padding:0px 10px;
}

.inputBox input[type='text'],
.inputBox textarea {
	width:100%;
	margin:0px !important;
	padding:5px 10px;
	border:2px solid #dddddd;
	border-radius:5px;
	box-sizing:border-box;
	transition:0.3s;
	letter-spacing:1px;
	-webkit-appearance:none;
}
.inputBox input[type='text'].rightSpc {
	margin-right:15px !important;
}
.inputBox input.col10[type='text'] {
	width:160px;
}
.inputBox input.col04[type='text'] {
	width:65px;
}
.inputBox input.col01[type='text'] {
	width:45px;
}
.inputBox input[type='text']:focus,
.inputBox textarea:focus {
	border:2px solid #333333;
	outline:none;
	box-shadow:0px 0px 5px 1px rgba(100,100,100, 0.5);
}

/* ulList（detailpage）
**************************************/
.ulList {
	border-top:2px solid #dddddd;
	margin-bottom:70px;
}
.ulList.minBtmSpc {
	margin-bottom:10px !important;
}

.ulList li {
	padding:20px 0px;
	border:0px;
	border-bottom:2px solid #dddddd;
}

.ulList p strong {
	padding:0px 0px 10px 0px;
	display:block;
}

.ulList p {
	padding-bottom:0px !important;
	display:inline-block;
	vertical-align:middle;
}

.ulList p.minBtmSpc {
	margin-bottom:10px !important;
}
.ulList p.minBtmSpc strong {
	padding:0px;
}

.ulList .inputBox input {
	margin:0px 15px 0px 5px;
	vertical-align:middle;
	display:inline-block;
}

.ulList .inputBox p {
	vertical-align:middle;
}

/* dlList（detailpage）
**************************************/
.dlList {
	border-bottom:2px solid #dddddd;
	margin-bottom:70px;
}
.dlList.noSpc {
	margin-bottom:0px !important;
}

.dlList dt {
	float:left;
	width:170px;
	border-top:2px solid #dddddd;
	padding:20px 0px;
	padding-right:30px;
	box-sizing:border-box;
}
.dlList.dtWide dt {
	width:300px;
}

.dlList dt strong {
	display:block;
}

.dlList dd {
	/*min-height:85px;*/
	margin-left:170px;
	padding:20px 0px;
	border-top:2px solid #dddddd;
}
.dlList.dtWide dd {
	margin-left:300px;
}
.dlList.dtWide dd.dtHigh {
	min-height:65px;
}

.dlList.oneline dd {
	min-height:0px;
}

.dlList.twoline dd {
	min-height:60px;
}

.dlList dd a {
	display:inline-block;
}

.dlList dt span,
.dlList dd span,
.dlList dd p {
	margin:0px;
	padding:0px;
	display:inline-block;
	text-align:left;
	vertical-align:middle;	
}

.dlList p.sml {
	margin-top:5px !important;
}
.dlList p.noSpc {
	margin-top:0px !important;
}
.dlList.dtWide dd.dtHigh p.sml {
	display:block;
}

.acList .dlList {
	width:100%;
	margin:0px !important;
    padding:20px 40px;
	border:0px;
	box-sizing:border-box;
}

.acList .dlList dt:first-child,
.acList .dlList dt:first-child + dd {
     border-top:0px;
}

.acList .dlList p {
	margin:0px !important;
}

.acList .dlList p.sml {
	margin-top:5px !important;
}

.acList .dlList p strong {
	padding:15px 0px;
	display:block;
}

.dlList .inputBox {
	display:block;
    min-height:30px;
}

.dlList .inputBox input {
	margin:0px 15px 0px 5px;
	vertical-align:middle;
	display:inline-block;
}

.dlList .inputBox p {
	vertical-align:middle;
	white-space:nowrap;
}

.dlList p.sml.errTxt {
	margin-top:5px !important;
	padding-bottom:0px !important;
}

.dlList .ulList {
	margin:0px !important;
	border:0px;
}

.dlList .ulList li:first-child {
	padding-top:0px;
}
.dlList .ulList li:last-child {
	padding-bottom:0px;
	border:0px;	
}

/* tableList（detailpage）
**************************************/
.tableList {
	width:100%;
	margin-bottom:70px;
	clear:both;
	overflow:hidden;
	border-bottom:2px solid #dddddd;
}
.entrySubBoby .tableList {
	margin-bottom:40px;
}

.tableList dt {
	width:100%;
}

.tableList dd {
	width:100%;
}

.tableList dt span {
	width:100%;
	margin:0px;
	padding:20px 0px;
	text-align:left;
	display:block;
}

.tableList table {
	width:calc(100% + 2px);
	margin-left:-1px;
	text-align:center;
	border-collapse:collapse;
	border-spacing:0;
}

.tableList table th {
	width:32%;
	padding:15px 25px;
	background:#f5f5f5;
	border:solid 1px #dddddd;
}
.tableList table th:first-child {
	width:36%;
}

.tableList table td,
.tableList table td.lrg:last-child {
	padding:15px 25px;
	border:solid 1px #dddddd;
}
.tableList table td:first-child {
	width:36%;
	background:#f5f5f5;
	text-align:left;
}

.tableList table td {
	width:32%;
}
.tableList table td.lrg:last-child {
	width:64%;
	text-align:center;
}

.tableList table td span {
	width:80px;
	margin:0px auto;
	padding:0px;
	display:block;
	text-align:right;
	font-weight:700;
}

.tableList table td:last-child span {
	width:50px;
}

.tableList .btnArea {
	width:100%;
	margin:30px 0px;
	position:relative;
}
.tableList .btnArea.full {
	margin-top:0px;
	padding-top:30px;
	border-top:1px solid #dddddd;
}

.tableList .txtArea {
	width:47%;
}
.tableList .btnArea.full .txtArea {
	width:100%;
}

.tableList .txtArea .dotList {
	margin-bottom:10px;
}

.tableList .txtArea .dotList li {
	margin:0px;
}

.tableList p {
	padding-bottom:0px;
}

.tableList .cntBtn {
	position:absolute;
	top:0px;
	right:0px;
}
.tableList .btnArea.full .cntBtn {
	position:relative;
	top:auto;
	right:auto;
}

.cntBtn.ticket {
	width:47%;
	margin:0px;
}
.tableList .cntBtn.ticket {
	margin-top:0px;
}
.tableList .btnArea.full .cntBtn.ticket {
	width:58%;
	margin-bottom:20px;
}
.entryTtl .cntBtn.ticket {
	width:58%;
}

.cntBtn.ticket a {
	padding:20px !important;
}

.cntBtn.ticket a {
	background-color:#006600;
	background-repeat:no-repeat;
	background-position:40px center;
	background-size:24px 27px;
	background-image:url("common/imgs/icn_calendar.png");
}

.cntBtn.ticket .btnTxt {
	padding:0px !important;
	padding-left:65px !important;
	background:none;
	color:#ffffff;
}

/* acList（detailpage）
**************************************/
.acList {
	width:100%;
}

.acList label {
	display:block;
	
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	
	-webkit-transition: all 300ms 0s ease;
	transition: all 300ms 0s ease;
}
.acList label:hover {
	opacity:0.5;
	cursor:pointer;
}

.acList input {
    display: none;
}

.acList .sml {
	margin:0px !important;
	margin-top:15px !important;
}

.acList .sml br {
	display:none;
}

.acList label .listTtl {
	margin-top:15px;
	padding:20px;
	border:2px solid #dddddd;
	padding-right:70px;
	background-repeat:no-repeat;
	background-position:center right 20px;
	background-size:27px 15px;
	background-image:url("common/imgs/icn_arw_bottom.png");
}
.acList label .listTtl.first {
	margin-top:0px;
}
.acList label.active .listTtl {
	/*margin-top:0px;*/
	background-repeat:no-repeat;
	background-position:center right 20px;
	background-size:27px 15px;
	background-image:url("common/imgs/icn_arw_top.png");
}

.acList .listTtl h4 {
	margin-bottom:0px !important;
	padding-right:30px;
	display:inline-block;
	vertical-align:middle;
}

.acList .listTtl p {
	margin-bottom:0px !important;
	display:inline-block;
	vertical-align:middle;
}

.acList .listTtl p br {
	/*display:none;*/
}

.acList .acBody {
    height:0px;
	overflow:hidden;
	background-color:#f5f5f5;	
    opacity:0;

 	-webkit-transition: all 300ms 0s ease;
   transition: all 300ms 0s ease;
}

.acList .acBody p.caps {
	padding:40px 40px 0px 40px;
}

.selecter:checked + .acBody {
    height:auto;
    opacity:1;
}

/* dotList（detailpage）
**************************************/
.dotList {
	margin-bottom:60px;
}
.dotList.noSpc {
	margin-bottom:0px !important;
}

.dotList li,
.clmList .dotList li {
	margin:10px 0px;
	padding-left:15px;
	background-image:url("common/imgs/icn_dot.png");
	background-repeat:no-repeat;
	background-position:0px 14px;
	background-size:3px 3px;
}

.dotList.xreg li {
	margin:0px;
}

.clmList li .dotList {
	margin-top:10px;
	margin-bottom:0px !important;
}

.clmList li .dotList li {
	margin:0px !important;
	padding:0px 0px 0px 15px !important;
	border:0px !important;
}

.acList .dotList {
	margin:-10px 0px !important;
}

/* oneClmBox（detailpage）
**************************************/
.oneClmBoxArea {
	width:100%;
	margin-bottom:40px;
}

.oneClmBox {
	width:100%;
	display:table;
}

.oneClmBox .boxBoby {
	display:table-cell;
}

.oneClmBox .boxBoby .imgArea {
	width:100%;
	height:auto;
	min-height:0px;
	max-height:none;
	margin-bottom:40px !important;
	box-sizing:border-box;
	position:relative;
	/*background-color:#eeeeee;*/
}

.oneClmBox .boxBoby .imgArea img {
	width:auto;
	height:400px;
	position:relative;
}

.oneClmBox .boxBoby .imgArea p {
	margin:0px !important;
	position:absolute;
	bottom:0px;
}
.oneClmBox .boxBoby .imgArea p.tx-left {
	left:0px;
}
.oneClmBox .boxBoby .imgArea p.tx-right {
	right:0px;
}

/* twoClmBox（detailpage）
**************************************/
.twoClmBoxArea {
	width:100%;
	margin-bottom:40px;
}

.twoClmBox {
	width:100%;
	display:table;
}

.twoClmBox .boxBoby {
	display:table-cell;
}
.twoClmBox .wide {
	width:67%;
}
.twoClmBox .half {
	width:50%;
}
.twoClmBox .narw {
	width:33%;
	border-left:2px solid #dddddd;
}

.twoClmBox .half:last-child {
	border-left:2px solid #dddddd;
}
.twoClmBox.noLine .half:last-child {
	border:0px;
}

.twoClmBox .wide .inner,
.twoClmBox .half:first-child .inner {
	padding-right:40px;
}
.twoClmBox .narw .inner,
.twoClmBox .half:last-child .inner{
	padding-left:40px;
}

.twoClmBox.noLine .half:first-child .inner{
	padding-right:15px;
}
.twoClmBox.noLine .half:last-child .inner{
	padding-left:15px;
}

.twoClmBox .boxBoby h4 {
	margin-bottom:10px;
}

.twoClmBox .boxBoby .imgArea {
	width:auto;
	height:400px;
	min-height:0px;
	max-height:none;
	margin-bottom:20px !important;
	box-sizing:border-box;
	/*background-color:#eeeeee;*/
}

.twoClmBox.freeHeight .boxBoby .imgArea {
	width:100%;
	height:auto;
}

.twoClmBox .boxBoby .imgArea img {
	height:auto;
}

.twoClmBox.freeHeight .boxBoby .imgArea img {
	width:100%;
	height:auto;
	position:relative;
}

.twoClmBox .boxBoby span {
	margin-top:20px !important;
	padding-bottom:0px !important;
}

/* twoClmList（detailpage）
**************************************/
.twoClmList {
	width:100%;
	display:table;
}

.twoClmList ul {
	width:50%;
	display:table-cell;
}

.twoClmList ul:first-child {
	padding-right:40px;
	border-right:2px solid #dddddd;
}

.twoClmList ul:last-child {
	padding-left:40px;
}

/* entrySubBoby（detailpage）
**************************************/
.entryArea .entrySubBoby {
	padding:20px 0px;
}
.entryArea .entryTtl + .entrySubBoby,
.entryArea .entrySubBoby.noTopSpc {
	padding-top:0px;
}

.entryArea .entrySubBoby .clmBox,
.entryArea .entrySubBoby .imgArea,
.entryArea .entrySubBoby .dlList,
.entryArea .entrySubBoby .ulList,
.entryArea .entrySubBoby .acList,
.entryArea .entrySubBoby .dotList {
	margin-bottom:40px;
	/*padding-bottom:0px;*/
}
.entryArea .entrySubBoby .btnArea .dotList {
	margin-bottom:10px;
}

.entryArea .entrySubBoby p {
	padding-bottom:40px;
}
.entryArea .entrySubBoby .btnArea p {
	padding-bottom:0px;
}

.entryArea .entrySubBoby p.tx-right {
	padding-bottom:50px;
}

.entryArea .entrySubBoby p.sml.errTxt {
	margin-top:-5px;
	padding-bottom:20px;
	display:block;
}

.entryArea .entrySubBoby .imgArea + span {
	margin-top:-20px;
	padding-bottom:40px;
}

.entryArea .entrySubBoby .clmBox p,
.entryArea .entrySubBoby .carouselBody p,
.entryArea .entrySubBoby .dlList p,
.entryArea .entrySubBoby .acList p,
.entryArea .entrySubBoby .ulList p,
.entryArea .entrySubBoby .dotList p {
	padding-bottom:0px;
}

.entryArea .entrySubBoby .clmBox.minBtmSpc {
	margin-bottom:15px;
}

.entryArea .entrySubBoby .carouselBody {
	margin-bottom:0px;
	padding-bottom:40px;
}

.entryArea .entrySubBoby p.minBtmSpc {
	padding-bottom:10px;
}

.entryArea .entrySubBoby p.wideBtmSpc {
	padding-bottom:80px;
}

.entryArea .entrySubBoby .spView {
	display:none !important;
}

.entryArea .entrySubBoby .pcView {
	display:inline !important;
}

/* tabCntArea（detailpage）
**************************************/
.tabCntArea {
	width:100%;
}
.tabCntArea:after {
	content:"."; 
	display:block; 
	height:0;
	font-size:0;	
	clear:both; 
	visibility:hidden;
}

.tabBtn {
	width:33.333333%;
	padding:20px 0px;
	border-bottom:2px solid #dddddd;
	text-align:center;
	display:block;
	float:left;
	text-align:center;
	cursor:pointer;
}
.tabBtn .btnBody {
	width:100%;
	min-height:65px;
	border-left:1px solid #666666;
	display:table;
}
.tabBtn .btnBody div {
	vertical-align:middle;
	display:table-cell;
}
.tabBtn.first .btnBody {
	border-left:0px;
}

.tabBtn:hover .btnBody div {
	opacity:0.5;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display:none;
}

.tabContent {
	padding-top:60px;
	display:none;
	clear:both;
	overflow:hidden;
}

.tabContent .registration {
	display:block;
}

.tabContent .thanksArea {
	display:none;
}

#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content,
#tab04:checked ~ #tab04_content {
	display:block;
}

.tabCntArea input:checked + .tabBtn .btnBody div {
	opacity:0.5;
}

.tabCntArea .tabCntBody {
	margin-bottom:60px;
	/*padding-bottom:60px;*/
	border-bottom:2px solid #dddddd;
}

.tabCntBody:last-child {
	margin-bottom:0px !important;
	padding-bottom:0px !important;
	border-bottom:0px;
}

.tabCntBody .dotList.xreg {
	margin-bottom:50px;
}

.tabCntArea .cntBtnArea {
	padding-bottom:60px;
}

.tabCntArea .cntBtnArea.noSpc {
	padding-bottom:20px;
}


/* contactArea（detailpage）
**************************************/
.contactArea {
	width:100%;
	color:#333333 !important;
	text-align:center;
	box-sizing:border-box;
}

.contactArea h3 {
	padding-bottom:10px;
	display:block;
}

.contactArea p {
	padding-bottom:30px;
	display:block;
}
.contactArea p.minBtmSpc {
	padding-bottom:10px;
}
.contactArea p.endBtmSpc {
	padding-bottom:20px;
}

.contactArea p br {
	/*display:none;*/
}

.contactArea p .pcView {
	display:inline !important;
}

.contactArea p .spView {
	display:none !important;
}

.contactArea a {
	color:#333333;
}

/* googleMapAPI
**************************************/
#ggMapArea {
    width:50%; 
    height:100%;
	margin:0px auto;
	position:absolute;
	top:0px;
	left:50%;
    overflow:hidden;
	border:2px solid #dddddd;
	box-sizing:border-box;
	
	-webkit-transform:translateX(-50%);
    transform:translateX(-50%);
}


/* footer
********************************************************************************/
footer {
	width:100%;
	position:relative;
	z-index:50;
}

/* pagetopBtn
**************************************/
.pagetopBtn {
	width:60px;
	height:60px;	
	position:absolute;
	top:-80px;
	right:20px;
	z-index:100;
}

.pagetopBtn a {
	width:60px;
	height:60px;
	border:2px solid #eeeeee;
	background-color:rgba(255,255,255,0.5);
	-webkit-border-radius:30px;
	border-radius:30px;
	display:block;
	box-sizing:border-box;

	background-image:url("common/imgs/icn_arw_top.png");
	background-repeat:no-repeat;
	background-position:14px 19px;
	background-size:28px 16px;
}

.pagetopBtn a span {
	display:none;
}

/* addressArea
**************************************/
.addressArea {
	width:100%;
	padding:50px 40px 60px 40px;
	color:#ffffff !important;
	text-align:center;
	box-sizing:border-box;
}
.art .addressArea {
	padding:50px 40px;
	background-color:#000000;
}
.arc .addressArea {
	background-color:#a5c403;
}

.addressArea h3 {
	padding-bottom:10px;
	display:block;
}
.art .addressArea h3 {
	padding-bottom:0px;
}

.addressArea h3 br {
	display:none;
}

.addressArea p {
	padding-bottom:30px;
	display:block;
}

.addressArea p .pcView {
	display:inline !important;
}

.addressArea p .spView {
	display:none !important;
}

.addressArea a {
	color:#ffffff;
}

/* cntBtnArea
**************************************/
.addressArea .cntBtnArea {
	padding-bottom:0px;
}

.contactArea .cntBtnArea {
	padding-bottom:20px;
}

.addressArea .cntBtn,
.contactArea .cntBtn {
	width:200px;
	margin:0px;
}

.addressArea .cntBtn a,
.contactArea .cntBtn a {
	padding:14px !important;
	color:#333333;
	display:block;
	box-sizing:border-box;
	background-color:#ffffff;
	-webkit-border-radius:30px;
	border-radius:30px;
}
.contactArea .cntBtn a {
	background-color:#3c4745;
}
.contactArea .cntBtn a .btnTxt {
	color:#ffffff;
}

.addressArea .cntBtn a .btnTxt,
.contactArea .cntBtn a .btnTxt {
	padding:0px 25px;
	background-repeat:no-repeat;
	background-position:center right;
	background-size:10px 16px;
	background-image:url("common/imgs/icn_arw_right_pc.png");
}
.art .addressArea .cntBtn a .btnTxt {
	color:#3c4745;
}
.arc .addressArea .cntBtn a .btnTxt {
	color:#3c4745;
}

/* footerBody
**************************************/
.footerBody {
	width:100%;
	padding:30px 40px;
	text-align:center;
	box-sizing:border-box;
	border-top: 2px solid #eeeeee;
}

.fnaviArea {
	width:100%;
	padding-bottom:20px;
	text-align:center;
	letter-spacing:-.4em;
}

.fnaviArea ul li,
.fnaviArea ul li.pcView {
	padding:0px 10px;
	border-right:1px solid #666666;
	display:inline-block !important;	
	letter-spacing:normal;
}
.fnaviArea ul li:last-child {
	border:0px;
}

.fnaviArea a:visited,
.fnaviArea a:link { 
	color: #333333 !important;
}

.fnaviArea ul li.active a {
	opacity:0.3;
}

.copyright {
	color:#999999;
}



/* IEハック
********************************************************************************/
/*IE ALL*/
.ie {

}


/* firefoxハック
********************************************************************************/
.firefox {

}


/* chromeハック
********************************************************************************/
.chrome {

}


/* safariハック
********************************************************************************/
.safari {

}


/* 表示・非表示
********************************************************************************/
.pc-view {
	display:block !important;
}
table.pc-view {
	display:table !important;
}
.sp-view {
	display:none !important;
}