@charset "UTF-8";

/* link
***************************************************************************/
a {
	color: #333;
	text-decoration: none;
	
}
a:hover {
	color: #E70012;
	text-decoration: underline;
}


.box a.shadow:hover {
	color: #333;
	text-decoration: none;
}

/****
slider
***************************************************************************/
.slider {
	position: relative;
}
.slider .slides {
	height: 248px;
	overflow: hidden;
	padding: 0;
}
.slider .slides li {
	list-style: none;
}
.slider .flex-control-nav {
	line-height: 1;
}
.slider .slides li a img {
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.slider .slides li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}

/* Browser Resets */
.flexslider a {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.flexslider .slides  li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}

/* Caption style */
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -52px 0; right: -25px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -17px;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../img/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}



/****
box
***************************************************************************/
.box {
	font-size: 12px;
	line-height: 1.61;
}

.box:hover {
	/*
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	-moz-transform: scale(1.03,1.03);
	-webkit-transform: scale(1.03,1.03);
	transform: scale(1.03,1.03);
	*/
}

.addShadow{
	-webkit-box-shadow: 0px 0px 3px 3px #a3a3a3;
	-moz-box-shadow: 0px 0px 3px 3px #a3a3a3;
	box-shadow: 0px 0px 5px #888;
}


/****
colmun
***************************************************************************/
.col1 { width: 170px; }
.col1b { width: 190px; margin: 5px; padding: 0px;}
.col2 { width: 370px; }
.col3 { width: 570px; }
.col4 { width: 770px; }
.col1 img, .col1b img, .col2 img, .col3 img {
	display: block;
	max-width: 100%;
	height: auto;
}
.col1 .inline, .col2 .inline, .col3 .inline {
	display: inline;
}


/****
Transitions
***************************************************************************/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}

.transitions-enabled.masonry {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}


h2.img1{min-height: 20px; margin: 0px; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; line-height: 1; font-size: 12px; color: #F00; line-height: 20px; text-indent: 15px;}
h2.img2{min-height: 18px; margin: 0 0 5px 0; overflow: hidden; text-indent: -9999px; line-height: 1;}
h2.imgAll{margin: 0px; padding: 0px; font-size: 0px; line-height: 1;}

h2.whatnew{background: #ececec; }
dl.whatsnewTxt{
	/* min-height: 81px;*/
	margin: 0 0 -0.6em 0;
	padding: 0 10px 0 10px;
	line-height: 1.6;
}
dl.whatsnewTxt dt{float: left; margin: 0 0 0 0; padding: 0.6em 0 0 0; font-weight: bold; font-size: 1em; color:#666;}
dl.whatsnewTxt dd{margin: 0 0 0 0; padding: 0.6em 0 0.6em 7em; border-top: 1px dotted #e2e2e2; font-size: 1em;}
dl.whatsnewTxt dd:nth-child(2) {border-top: none;}
dl.whatsnewTxt ul{margin: 0; padding: 0px; }
dl.whatsnewTxt li{margin: 0 0 0.5em 0; padding: 0px; }
dl.whatsnewTxt li:last-child{margin: 0; }
dl.whatsnewTxt li img{display:inline; vertical-align:middle;}
dl.whatsnewTxt a {color:#c00;}
dl.whatsnewTxt a:hover {text-decoration:underline;}

h2.guidance{margin: 0 0 10px 0; }

h3{margin: 6px 0 0 0; font-size: 1em; line-height: 1.3;}
p.addTxt01{margin: 8px 0 0 0; font-size: 1em; line-height: 1.5;}
p.addTxt01 img{margin: 0 auto;}
p.addTxt02{margin: 5px 0 0 100px; font-weight: bold; line-height: 1.5;}
p.addTxt02 small{font-weight: normal; font-size: 0.9em;}
p.addTxtS01{margin: 8px 0 0 93px; font-size: 0.9em; line-height: 1.25;}
p.addTxtS02{margin: 8px 0 0 70px; font-size: 0.9em; line-height: 1.25;}

.namiIcon{display: block; float: left; margin: 1px 5px 0 0;}

.box img.subImg{margin: 5px 0 0 0;}
.box img.eventA{float: left;}
.box img.eventB{float: right; margin: -5px 0 0 5px;}
.box img.mobileA{float: left; margin: 0 10px 0 0;}

div.exBox{width: 370px; overflow: hidden;}
div.exBox .box{float: none !important;}

a.shadow:before, a.shadow:after { content: ""; display: inline; }
a.shadow:after { clear: both; }
a.shadow { zoom: 1; }
a.shadow img { cursor:pointer;}

img.asideImg{float: left; margin: 0 10px 0 0;}

div#pamphlet{padding-bottom: 0px;}

.mblink {
	padding-top: 10px;
	font-size: 0.95em;
}
.caption {
	font-size: 0.8em;
}


/*画像プロテクトのための処理*/
h1{position: relative;}
ul.slides{position: relative;}
h2{position: relative;}
p{position: relative;}
img.protecter{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

/*news layout*/
.entry-block {
	margin-top: 10px;
}
	#pickup-news{width:31.25%; border-bottom:0; padding:0 10px 0px 0;}
	#pickup-news figure{width:100%; margin:0 auto 10px;}
	#archive-news{width:66.5%;height: 290px;
    overflow: hidden;}
	#archive-news .entry-block{width:100%;}
	.float-left {
    float: left;
}
div.view_more {
    clear: both;
    padding: 5px 0 0px;
    text-align: right;
}

/* screens smaller than 540
***************************************************************************/
@media only screen and (max-width:540px) {


#gNav {
	margin-bottom: 5px;
}
.slider .slides {
	height: 150px;
}
.col1 { width: 100%; }
.col2 { width: 100%; }
.col3 { width: 100%; }
.col4 { width: 100%; }

.sp_2col{
	content: "";
	clear: both;
}

.sp_2col .box {
	width: 48.5%;
	float:left;
}
.sp_2col .box:nth-child(2n) {
	float:right;
}

img.boxMainImg{
	float: left;
	width: 48%;
	margin-right: 3%;
}
.box img.subImg{
	margin:0;
	width:48%;
}

div#qrcode{display: none !important;}

dl.whatsnewTxt dt{
	float: none;
	padding: 1em 0 0 0;
}
dl.whatsnewTxt dd{
	padding-left: 1em;
}
/*News*/
#news h2{background-color:#333;/*background-image:url(../img/bg-title-news.png);*/}
#pickup-news{padding:0 10px 15px; margin-bottom:15px; border-bottom:1px solid #e4e4e4; text-align: center; width: 100%;}
#pickup-news figure{width:200px; margin:0 auto 10px;}
#archive-news{height:280px;overflow:hidden; width: 100%;}
p.addTxt01 img{margin: 0 auto; width: 150px;}
}
/* /screens smaller than 540 */


/* screens smaller than 320
***************************************************************************/
@media only screen and (max-width:320px) {
.slider .slides {
	height: 160px;
}

img.boxMainImg{float: left;}
div#qrcode{display: none !important;}

}
/* /screens smaller than 320 */

/* メンテナンス画面用スタイル */
.size18{ font-size: 18px;}
.size22{ font-size: 22px;}
.red   { color: red; }
.black { color: black; }
.maintainance_inner_div{ margin:0;padding:10px;background:white;max-width:1180px;}
.maintainance_outer_div{ text-align:center;margin:10px 0;border:double 5px red;background:#FF99FF;border-radius:5px;max-width:1180px;}
.bold{ font-weight:bold;}
.em2{ line-height: 2em;}

/* -----↓sugunaviBox----- */

/* PC表示 */
@media only screen and (min-width:540px) {
    .sugunaviSP {
        display: none;
    }
}
/* スマートフォーン表示 */
@media only screen and (max-width:539px){
    .sugunaviSP {
        display: block;
    }
    .ipWidget-HpbSugunavi {
        display: none;
    }
}
/* -----↑sugunaviBox----- */