@charset "UTF-8";

/* =============================================

Page Common CSS

================================================ */

/* Reset */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd,form {
	margin:0;
	padding:0;
	font-weight:normal;
}
li,dt,dd {list-style: none;}
img {
	border: none;
	max-width:100%;
	vertical-align:top;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size:14px;
	line-height:1.5em;
	padding:0;
	margin:0;
	background: #FFF;
	word-wrap: break-word;
	overflow-wrap: break-word;
}


}
.caution {
	color:#DD0000;
}

/* Link */
a {text-decoration:none;}
a:link {color:#0066cc;}
a:visited {color:#0066cc;}
a:active{}
a:hover{text-decoration:none;}



table th,
table td{
	line-height:130%;
}

/* module CSS
------------------------------------------ */
.tL {text-align: left;}
.tR {text-align: right;}
.tC {text-align: center;}
.fL {float: left;}
.fR {float: right;}
.pd00 {padding-bottom: 0 !important;}
.pd05 {padding-bottom: 5px !important;}
.pd10 {padding-bottom: 10px !important;}
.pd20 {padding-bottom: 20px !important;}
.pd30 {padding-bottom: 30px !important;}
.pd40 {padding-bottom: 40px !important;}
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.fz12 {font-size: 12px !important;}
.fz14 {font-size: 14px !important;}
.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}


/* Clearfix */
.clearfix {
	zoom: 100%;
}
.clearfix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.clr{
	clear:both
	height:0;
	margin:0;
	padding:0;
	line-height:100%;
	font-size:0;
}

/* 改行 */
.pc_br {
	display: inline;
}
.smt_br {
	display: none;
}
.block_br {
	display: inline-block;
}


/* =============================================

Page  CSS

================================================ */

#contents {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 10px 100px 10px;
}

h1 {
	color: #fff;
	font-size: 30px;
	text-align: center;
	padding: 10px 10px;
	line-height: 120%;
}
h1 span {
	font-size: 22px;
}
h1.red { background-color: #bd262d; }
h1.blue { background-color:#17587a; }
h1.green { background-color:#3cb034; }
h1.purple { background-color:#944a99; }
h1.yellow { background-color:#f0a138; }
h1.gray { background-color:#8c8c8c; }
h1.black { background-color:#1a1a1a; }


h2{
	text-align: center;
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 120%;
	color: #ff6600;
}
h3{
	background-color: #000;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 5px 10px;
}
#contents .introduction {
	margin-bottom: 40px;
}
#contents .image {
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px;
	max-width: 100%;
}
#contents .map {
	text-align: center;
	padding: 20px;
	border: solid 1px #000;
	max-width: 100%;
}
#contents .note {
	font-size: 12px;
}
.btn {
	text-align: center;
	position: fixed;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	padding: 10px 0;
	width: 100%;
}

.btn a {
	background-color: #f64e83;
	color: #fff;
	display: block;
	border-radius: 5px;
	margin: 0 auto;
	padding: 14px 0;
	font-size: 18px;
	font-weight: bold;
	max-width: 400px;
}
.btn a:link {color:#FFF;}
.btn a:visited {color:#FFF;}
.btn a:active{color:#FFF;}
.btn a:hover{
	background-color: #f8719c;
	color:#FFF;
	text-decoration:none;
}

/* カメラマンエリア */

.cameraman {
	margin:0 auto;
	margin-bottom: 40px;
}
	.cameraman table {
		width: 100%;
		border-collapse: collapse;
		font-size:14px;
		color: #333;
		border: 1px solid #787878;
	}
	.cameraman table th {
		color: #fff;
		background-color: #262F33;
		padding: 8px;
		font-weight:normal;
	}
	.cameraman table th.title {
		background: #FFFFFF;
		color:#333333;
	}
	.cameraman table th .pc_none {
		display: none;
	}
	.cameraman table td {
		padding: 8px 14px;
		text-align:center;
	}

	.cameraman table th,
	.cameraman table td {
		border-right: 1px solid #787878;
		border-bottom: 1px solid #787878;
	}



/*=====================
Media screen Start (max-width: 768px) 
=====================*/
@media screen and (max-width: 768px){

/* 改行 */
.pc_br {
	display: none;
}
.smt_br {
	display: inline;
}

#contents {
	padding: 5px 5px 80px 5px;
}

h1 {
	font-size: 20px;
	padding: 8px 8px;
}
h1 span {
	font-size: 14px;
}

h2{
	font-size: 18px;
}
#contents .map {
	padding: 10px;
}

.btn a {
	width: 96%;
}

/* カメラマンエリア */
.cameraman {
	max-width: 100%;
}
	.cameraman table{
		width: 100%;
		display: block;
		border:none;
	}
	.cameraman table caption {
		display: block;
		width: 100%;
	}
	.cameraman table thead{
		display: none;
	}
	.cameraman table tbody{
		display: block;
	}
		.cameraman table tbody tr{
			display: block;
			margin-bottom: 1.5em;
		}
		.cameraman table tbody th,
		.cameraman table tbody td{
			display: list-item;
			list-style-type: none;
			border: none;
			text-align:left;
			padding-left:8px;
		}
		.cameraman table tbody th{
			padding: 3px 8px;
			margin-bottom: 5px;
			color: #fff;
			background: #000;
		}
		.cameraman table th.title {
			background: #000000;
			color:#FFFFFF;
		}
		.cameraman table th .pc_none {
			display: inline;
		}
		.cameraman table th.smt_none {
			display: none;
		}
		.cameraman table tbody td{
			padding:0px 0px 0px 8px;
		}
			.cameraman table tbody td span.smttell{
			padding-left:8px;
		}
		.cameraman table tbody td:nth-of-type(1):before { content: "[B2席撮影エリア] "; }
		.cameraman table tbody td:nth-of-type(2):before { content: "[ヘアピン撮影エリア] "; }
		.cameraman table tbody td:nth-of-type(3):before { content: "[その他撮影エリア※] "; }

/* #### */
}