/*
Theme Name: idex
Theme URI: 
Author: idex
*/
@charset "utf-8";

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

Font-size Adjustment
77% = 10px	| 	122% = 16px	|	167% = 22px	
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

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


/* マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m1b { margin-bottom: 1px !important; }
.m2b { margin-bottom: 2px !important; }
.m3b { margin-bottom: 3px !important; }
.m4b { margin-bottom: 4px !important; }
.m5b { margin-bottom: 5px !important; }
.m6b { margin-bottom: 6px !important; }
.m7b { margin-bottom: 7px !important; }
.m8b { margin-bottom: 8px !important; }
.m9b { margin-bottom: 9px !important; }
.m10b { margin-bottom: 10px !important; }
.m13b { margin-bottom: 13px !important; }
.m15b { margin-bottom: 15px !important; }
.m20b { margin-bottom: 20px !important; }
.m25b { margin-bottom: 25px !important; }
.m30b { margin-bottom: 30px !important; }
.m35b { margin-bottom: 35px !important; }
.m40b { margin-bottom: 40px !important; }
.m45b { margin-bottom: 45px !important; }
.m50b { margin-bottom: 50px !important; }
.m60b { margin-bottom: 60px !important; }
.m80b { margin-bottom: 80px !important; }

.m20t { margin-top: 20px !important; }
.m20s { margin-left: 20px !important;margin-right: 20px !important; }


.m5l { margin-left: 5px !important; }
.m9l { margin-left: 9px !important; }
.m10l { margin-left: 10px !important; }
.m12l { margin-left: 12px !important; }
.m15l { margin-left: 15px !important; }
.m20l { margin-left: 20px !important; }
.m25l { margin-left: 25px !important; }
.m30l { margin-left: 30px !important; }
.m50l { margin-left: 50px !important; }
.m150l { margin-left: 150px !important; }
.m570l { margin-left: 570px !important; }

.m5r { margin-right: 5px !important; }
.m10r { margin-right: 10px !important; }
.m15r { margin-right: 15px !important; }
.m20r { margin-right: 20px !important; }
.m25r { margin-right: 25px !important; }
.m30r { margin-right: 30px !important; }
.m40r { margin-right: 40px !important; }
.m50r { margin-right: 50px !important; }

.p5b { padding-bottom: 5px !important; }
.p10b { padding-bottom: 10px !important; }
.p15b { padding-bottom: 15px !important; }
.p20b { padding-bottom: 20px !important; }
.p25b { padding-bottom: 25px !important; }
.p30b { padding-bottom: 30px !important; }
.p40b { padding-bottom: 40px !important; }
.p50b { padding-bottom: 50px !important; }

.p10t { padding-top: 10px !important; }
.p30t { padding-top: 30px !important; }

.p10a { padding: 10px !important; }
.p20a { padding: 20px !important; }

.p20s { padding-left: 20px !important;padding-right: 20px !important; }

.p10r { padding-right: 10px !important; }

.p5l { padding-left: 5px !important; }
.p10l { padding-left: 10px !important; }
.p15l { padding-left: 15px !important; }
.p20l { padding-left: 20px !important; }
.p25l { padding-left: 25px !important; }
.p30l { padding-left: 30px !important; }
.p200l { padding-left: 200px !important; }

.box60 { width: 60px; }
.box85 { width: 85px; }
.box100 { width: 100px; }
.box110 { width: 110px; }
.box120 { width: 120px; }
.box130 { width: 130px; }
.box140 { width: 140px; }
.box160 { width: 160px; }
.box170 { width: 170px; }
.box180 { width: 180px; }
.box200 { width: 200px; }
.box230 { width: 230px; }
.box250 { width: 250px; }
.box260 { width: 260px; }
.box280 { width: 280px; }
.box285 { width: 285px; }
.box290 { width: 290px; }
.box330 { width: 330px; }
.box340 { width: 340px; }
.box300 { width: 300px; }
.box310 { width: 310px; }
.box320 { width: 320px; }
.box350 { width: 350px; }
.box355 { width: 355px; }
.box365 { width: 365px; }
.box360 { width: 360px; }
.box370 { width: 370px; }
.box400 { width: 400px; }
.box420 { width: 420px; }
.box440 { width: 440px; }
.box460 { width: 460px; }
.box500 { width: 500px; }
.box510 { width: 510px; }
.box530 { width: 530px; }
.box600 { width: 600px; }
.box640 { width: 640px; }

/* 位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both; }
.cen { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.fLeft { float: left; }
.fRight { float: right; }

/* テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.txtB { font-weight: bold; }
.txtRed { color: #cc0000; }
.txtBlue { color: #0052E5; }
.txtPink { color: #F246A4; }
.txtGold { color: #A98552; }
.txtGray { color: #666666; }

.txt13 { font-size: 107%; }
.txt14 { font-size: 114%; }
.txt15 { font-size: 122%; }
.txt16 { font-size: 129%; }
.txt17 { font-size: 136%; }
.txt18 { font-size: 144%; }

.line15 { line-height: 1.5; }
.line2 { line-height: 2; }
.line25 { line-height: 2.5; }

/* 画像リンクロールオーバー共通
──────────────────── */
.on_img,
.on_nav li { position: relative; z-index: 3;}
.on_img a,
.on_nav li a{
	/*display: -moz-inline-box;
	display: inline-block;*/
	}
.on_img a:hover,
.on_nav li a hover { position: static;}
.on_img a:hover img,
.on_nav li a:hover img,
.on_nav li.current a img{ position: relative; z-index: -1;}


/*
====================================================================
基本設定
	1.リンク
	2.clearfixセレクタ指定
	3.枠組み
	4.各ページ共通設定
	5.各ページ個別設定
====================================================================
*/

/* 1.リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
a:link,
a:visited { text-decoration: none; color: #000; }
a:hover  { text-decoration: none; color: #000; }
a:active { text-decoration: none; color: #000; }


/* 2.clearfixセレクタ指定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#gNav:after,
#header:after,
#contents:after,
#footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }


/* 画像リンクロールオーバー共通
──────────────────── */
.on_img,
.on_nav li { position: relative; z-index: 3;}
.on_img a,
.on_nav li a{
	display: -moz-inline-box;
	display: inline-block;
	}
.on_img a:hover,
.on_nav li a hover { position: static;}
.on_img a:hover img,
.on_nav li a:hover img,
.on_nav li.current a img{ position: relative; z-index: -1;}


/* 3.枠組み各詳細設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
body {
	color: #FFF;
}

#container {
	font-size: 92%;
	width: 100%;
	overflow: hidden;
}

#header {
	background: url(../img/bg_cat2.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: fixed;
	z-index: 10;
	width: 260px;
	height: 100%;
	text-align: center;
}

#uruwashi #header {
	background: url(../img/bg_uru2.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#header .inner {
	
}

#contents {
	margin: 0 0 0 280px;
	padding: 80px 0 0;
	min-width: 680px;
}


#footer {
	font-size: 92%;
	text-align: right;
	padding: 10px;
}

#footer a {
	color: #FFF;
}

#footer .inner {
	width: 960px;
	margin: 0 auto;
	padding: 65px 0 55px;
	position: relative;
}

/* 4.各ページ共通設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/*TOP*/
#topNav {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -285px;
}

#topNav ul {
	width: 740px;
	margin: 0 -170px 0 0;
	zoom: 1;
}

#topNav li {
	float: left;
	width: 200px;
	height: 200px;
	margin: 0 170px 0 0;
	position: relative;
	z-index: 10;
}

#topNav li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	z-index: -10;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	-khtml-opacity: 0;
}

#topNav li#tn1 span {
	background: url(../img/top_img1_on_pc.png) 0 0 no-repeat;
}

#topNav li#tn2 span {
	background: url(../img/top_img2_on_pc.png) 0 0 no-repeat;
}

.section {
	margin: 0 0 60px;
	padding: 20px 0 0;
}

.section > h2 {
	margin: 0 0 20px;
}

/*catseye*/
#catseye {
	background: url(../img/bg_cats.jpg);
}

#uruwashi {
	background: url(../img/bg_uru.jpg);
}

#header > h1 {
	padding: 30px 0 20px;
}

#gNav li {
	margin: 0 0 10px;
}

#topMap {
	width: 100%;
	height: 350px;
}

table th {
	background: url(../img/icon1.png) 0 center no-repeat;
	padding: 5px 20px 5px 10px;
}

table td {
	padding: 5px 50px 5px 0;
}

#information {
	/*max-width: 700px;*/
}

#information h3 {
	font-size: 122%;
}

#information table th {
}

#information .right {
	text-align: left;
}

#access h2 img {
	vertical-align: baseline;
}

#access h2 span {
	margin: 0 0 0 20px;
}

#topBtn {
	background: #3D341A;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: right;
}

#uruwashi #topBtn {
	background: #410F09;
}

.mincho {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.event {
	border-top: solid 1px #9A5C59;
	border-bottom: solid 1px #9A5C59;
	padding: 15px 20px;
	margin: 0 0 20px;
	font-size: 126%;
}

#catseye .event {
	border-top: solid 1px #918668;
	border-bottom: solid 1px #918668;
}

.event dt {
	color: #E1D0B5;
	margin: 0 0 5px;
	font-weight: bold;
}

.event dt strong {
	font-size: 114%;
	margin: 0 0 0 5px;
	font-weight: bold;
}

.event dd {
	margin: 0 0 15px;
}

.event dd .fLeft img {
	width: 200px;
}

.event dd .fRight {
	float: left;
	margin: 0 0 0 15px;
}

.event dd .fRight span {
	display: block;
}


.mapBtn {
	text-align: center;
	padding: 10px 0 0;
	
	display: none;
}

.mapBtn a {
	
	background: #000;
	display: inline-block;
	padding: 5px 20px;
	color: #FFF;
}

/*2016.4*/
.event ul {
	width: 102%;
	max-width: 960px;
	margin: 0 -2% 0 0;
}

.event li {
	width: 23%;
	float: left;
	margin: 0 2% 0 0;
}

.event li img {
	width: 100%;
}

/*2016.5*/
.event ul.list1 li {
	width: 14.5%;
}

.event dd .txtL {
	font-size: 122%!important;
	font-weight: bold;
	margin: 0 5px;
}
 
/*2017.3*/
 .event li {
	width: 40%;
 }

.event_img {
	margin-top: 20px;
}

.event_img img {
	width: 40%;
}

/*END*/