@charset "utf-8";

/* --------------
 reset
-------------- */
input[type="submit"],label {cursor: pointer;}

/* --------------
 modules css
-------------- */
/* ---------- float */
.fll { float: left;}
.flr { float: right;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd31_5 {width: 31.5% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd49 {width: 49% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}

/* ---------- margin,padding */
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

/* --------------
 base
-------------- */
.ifsp {display: none;}

/* ----- width */
.clm4 li {
	width: 24%;
}
.clm3 li {
	width: 32%;
}

/* ----- images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* ----- base width */
#siteHeader, .mainNav, .contents, #siteFooter {
	width: 1000px;
	margin: 0 auto;
}

#pageHeader, #visual, #globalNav, #container, #footer {
	min-width: 1000px;
	width: 100%;
}

/* --------------
 common
-------------- */

/* =header
-------------------------------------------------------------- **/
#header {
	position: relative;
}
.home #header {
	margin-bottom: 20px;
}
.subpage #header {
	margin-bottom: 10px;
}

/* =siteHeader
---------------------------------------------------- */
#siteHeader {
	height: 75px;
	padding-top: 12px;
	padding-bottom: 10px;
}

#logo {
	float: left;
	width: 480px;
	margin-left: 20px;
}

#sideHead {
	width: 500px;
	text-align: right;
	
	position: absolute;
	top: 7px;
	left: 50%;
}

#textsizer {
	float: right;
}
#textsizer th {
	padding-right: 5px;
}
#textsizer td {
	padding-left: 3px;
}
#textsizer td a {
	width: 20px;
	height: 20px;
}

#langChange {
	float: right;
	margin-top: 5px;
	margin-left: 15px;
	border-left: 1px solid #CCC;
}
#langChange li {
	border-right: 1px solid #CCC;
	line-height: 1.0;
}


/* =globalNav
---------------------------------------------------- */
#globalNav {
	background: url(../img/bgNav.gif) repeat-x;
}

.mainNav {/* 999px */
	height: 71px;
	border-left: 1px solid #FFF;
}
.mainNav li {
	float: left;
	width: 166px;
	padding-top: 3px;
	border-right: 1px solid #FFF;
	box-sizing: border-box;
}
.mainNav li a {
	width: 158px;
	height: 63px;
	margin-left: 4px;
	border-radius: 5px;
	background-color: #FFF;/* fallback */
	background-color: rgba(255,255,255,0.5);
	display: block;
}
.mainNav li a:hover {
	background-color: #FFC;/* fallback */
	background-color: rgba(255,255,102,0.2);
}

.mainNav li b {
	width: 158px;
	height: 63px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	background-position: center;
}
#nav1 b {background-image: url(../img/nav1.png);}
#nav2 b {background-image: url(../img/nav2.png);}
#nav3 b {background-image: url(../img/nav3.png?0319);}
#nav4 b {background-image: url(../img/nav4.png);}
#nav5 b {background-image: url(../img/nav5.png);}
#nav6 b {background-image: url(../img/nav6.png);}
/* =container
-------------------------------------------------------------- **/
#container {
	padding-bottom: 50px;
}

/* =contents
-------------------------------------------------------------- **/
/* =breadcrumb
---------------------------------------------------- */
#breadcrumb {
	margin-bottom: 15px;
}

/* =headline / titles
---------------------------------------------------- */
.ttlH1 {
	margin: 30px 0 10px;
	padding: 9px 15px 8px 6px;
}

.ttlH1 b {
	height: 35px;
}
#ttlNews {width: 170px;}
#ttlTour {width: 235px;}
#ttlEvent {width: 340px;}
#ttlMember {width: 275px;}

.ttlH1 small {
	margin-top: 7px;
}


/* =main
---------------------------------------------------- */
#main {
	float: left;
	width: 730px;
}

/* =sidebar
---------------------------------------------------- */
#sidebar {
	float: right;
	width: 230px;
}

/* =aside
------------------------------------------ */
.aside {
	margin-bottom: 10px;
}

.aside .cont {
	padding: 15px;
}

.ulBnrS li {
}

/* =footer
-------------------------------------------------------------- **/

/* =siteFooter
---------------------------------------------------- */
#footNav ul {
	float: left;
	width: 19%;
	margin-left: 1%;
}

.tgBlank a {
	padding-right: 15px !important;
}

/* =copyright
---------------------------------------------------- */

/* =pageTop
---------------------------------------------------- */
#pageTop {
	bottom: 60px;
}
@media screen and (max-width: 1100px) { /*以下の時*/
#pageTop {
	right: 10px;
}
}
@media screen and (min-width: 1101px) { /*以上の時*/
#pageTop {
	right: 60px;
}
}

#pageTop a {
	width: 46px;
	height: 52px;
}


/* --------------
 home contents
-------------- */
/* =visual
---------------------------------------------------- */
#visual h1 img {
	width: 100%;
	min-width: 1000px;
	vertical-align: bottom;
}

#visual .mvCap {
  font-size: 2.5em;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  top: 15%;
  left: 0;
  right: 0;
  margin: auto;
}
#visual .capTtl {
  font-size: 1.5em;
}

/* =banner
---------------------------------------------------- */
.mainBnr {
	margin-top: 50px;
}

.mainBnr li {/* 710px →　550px */
	margin: 0 80px 20px;
}

/* ---------- pickup */
#pickup .slider {
	width: 1000px;
}

/* slick-theme.css */
#pickup .slick-prev {
	left: -3px;
}
#pickup .slick-next {
	right: -3px;
}
/* /end */


/* =main
---------------------------------------------------- */
#clmMigoro {
	float: left;
	width: 460px;
}

#clmMigoro h2 {
	margin: 10px 0;
}
#clmMigoro p {
	margin-top: 15px;
	text-align: center;
}

.ulMigoro li {
	width: 140px;
	padding: 5px;
	color: #666;
	font-size: 80%;
	line-height: 1.2;
}
.ulMigoro li span {
	width: 100px;
	height: 65px;
	display: inline-block;
	overflow: hidden;
}

#clmStay {
	float: right;
	width: 210px;
}


/* ---------- news */
.ulNews li {
	margin-bottom: 5px;
}
.ulNews mark {
	float: left;
	margin-right: 20px;
}

/* .ulNews time {
	float: left;
	width: 75px;
	margin-right: 10px;
} */

.ulNews i {
	float: left;
	width: 590px;
}

/* ---------- tour */

/* ---------- event */
#clmEvent article {
	float: left;
	width: 324px;
	padding: 15px;
	border-top: 1px dotted #666;
}
#clmEvent article:first-of-type, #clmEvent article:nth-of-type(2) {
	border-top: none;
}
#clmEvent article:nth-of-type(even) {
	border-left: 1px dotted #666;
}

#clmEvent header {
	margin-bottom: 10px;
}

#clmEvent mark b {
	font-size: 150%;
	letter-spacing: -0.05em;
}

#clmEvent h3 {
	margin-bottom: 5px;
}

/* --------------
 subpages contents
-------------- */

/* =page shop
---------------------------------------------------- */

