@charset "utf-8";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #a00000}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

/* レイアウト */
.t10b { font-size: 10px; line-height:14px;}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/* CSS初期設定 */
#bg {
	font-size:12px;
	width:950px;
	overflow:hidden;
}
#bg img {
	border:0;
	vertical-align:bottom;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

section:nth-of-type(even) {background: #f5f3f3!important;}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 24px 0;
	box-sizing: border-box;
}

#wrapper {font-size: 12px;}
article{
	width:100%;
	height:auto;
}

h2#link01,
h2#link02,
h2#link03,
h2#link04,
h2#link05 {
	font-size: 18px;
    margin-bottom: 10px;
	font-weight: bold;
}
.cFix li{
	background:#FFF;
	overflow:hidden;
	margin:0 0 10px 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 2px 2px 1px #C8C8C8;
}
.smpnone{display:none!important;}
#mokutekichiBox{
	display:block;
	background:#FFF;
	padding:0 10px 10px 10px;
	overflow:hidden;
}
#mokutekichiBox h3{
	font-size:16px;
	display:block;
	margin:0 0 5px;
	font-weight: bold;
}
#mokutekichiBox strong.kaigai{
	font-size:14px;
	background:#4EAB26;
	color:#FFF;
	display:block;
	padding:5px 0 5px 10px;
	margin:0 0 5px 0;
	clear:both;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#mokutekichiBox strong.kokunai{
	font-size:14px;
	background:#E6335D;
	color:#FFF;
	display:block;
	padding:5px 0 5px 10px;
	margin:0 0 5px 0;
	clear:both;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#mokutekichiBox a{
	font-size:14px;
	display:block;
	margin:0 1% 5px 0;
	font-weight:bold;
	width:44%;
	float:left;
	border:2px solid #000;
	padding:5px;
	-webkit-border-radius: 3px 3px 3px;
	border-radius: 3px 3px 3px;
	text-align:center;
}

/*add20151112*/
#bnrWrap{
	margin:0 auto;
	position: relative;
	margin:0 0 0 0;
	display:block;
}
#bnrWrap ul{
	overflow:hidden;
	margin:0 0 5px 0;
}
#bnrWrap ul ul{
	margin:0;
	padding:0;
	overflow:hidden;
}
#bnrWrap li{
	background:#999;
	margin:0 0 19px 0;
	text-align:left;
	background:#424242;
	color:#fff;
	display:block;
	position:relative;
	cursor:pointer;
	-webkit-border-radius: 5px 5px 5px 5px!important;
	border-radius: 5px 5px 5px 5px!important;
	overflow:hidden;
}
#bnrWrap li img{
	width:100%;
	height:auto;
}
#bnrWrap li img{
	width:100%;
	height:auto;
}
#bnrWrap li p{
	color:#FFF;
	display:block;
	padding:10px 5px 10px 5px;
	height:auto;
	z-index:9999;
}
#bnrWrap li.maxE span strong{
	font-weight:normal;
	display:block;
	font-size:14px;
}
#bnrWrap li.maxLong span strong,
#bnrWrap li.mini span strong,
#bnrWrap li.miniR span strong,
#bnrWrap li.miniE span strong,
#bnrWrap li.max span strong {
	font-weight:normal;
	display:block;
	font-size:14px;
}
#bnrWrap li.mini img,
#bnrWrap li.miniR img,
#bnrWrap li.miniE img,
#bnrWrap li.max img {
	width:50%;
	float:left;
}
#bnrWrap li.mini p,
#bnrWrap li.miniR p,
#bnrWrap li.max p {
	padding:10px 5px 5px;
	overflow:hidden;
}
#bnrWrap li.maxLong img{width:100%;}
#bnrWrap li.maxLong p{
	padding:10px;
	overflow:hidden;
}
li.mini,
li.max{margin:0 0 20px 0!important;}
li.mini:last-child,
li.max:last-child{margin:0 0 20px 0!important;}
li.mL{margin:0 0 20px 0!important;}
li.mN{margin:0 0 20px 0!important;}

/*add*/
.textPlan{
	position:relative;
	font-size:12px!important;
	color:#333!important;
	display:block;
	padding:3%;
}
.textPlan h3{
	font-size:20px;
	margin-bottom:12px;
	display:block;
}
.textPlan strong{
	font-size:14px;
	display:block;
}
.textPlan a{
	display:block;
	padding:8px 0 0 0;
}
#business{
	border:3px solid #0A2D7E;
	margin-right:0!important;
	background:url(../images/im_arrow_01.png) no-repeat 99% 98% #FFF!important;
	background-size:auto 10px!important;
}
#business h3{
	color:#0A2D7E!important;
	font-weight:bold;
}
#business strong{
	color:#0A2D7E!important;
	font-weight:bold;
}
#business a{color:#335297!important;}
#themepark{
	border:3px solid #F93;
	margin-right:0!important;
	background:url(../images/im_arrow_02.png) no-repeat 99% 98% #FFF!important;
	background-size:auto 10px!important;
}
#themepark h3{
	color:#F93!important;
	font-weight:bold;
}
#themepark strong{
	color:#F93!important;
	font-weight:bold;
}
#themepark a{color:#F93!important;}
#daytrip{
	border:3px solid #F69;
	margin-right:0!important;
	background:url(../images/im_arrow_03.png) no-repeat 99% 98% #FFF!important;
	background-size:auto 10px!important;
}
#daytrip h3{
	color:#F69!important;
	font-weight:bold;
}
#daytrip strong{
	color:#F69!important;
	font-weight:bold;
}
#daytrip a{color:#F69!important;}
#sports{
	border:3px solid #066;
	margin-right:0!important;
	background:url(../images/im_arrow_04.png) no-repeat 99% 98% #FFF!important;
	background-size:auto 10px!important;
}
#sports h3{
	color:#066!important;
	font-weight:bold;
}
#sports strong{
	color:#066!important;
	font-weight:bold;
}
#sports a{color:#066!important;}
#logoS{
	display:block;
	overflow:hidden;
	margin:0 0 30px 0;
	padding:20px 0 20px 0;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}

@media screen and (max-width: 360px) {
#logoS img{
	width:100%;
	height:auto;
}
#logoS span{
	display:block;
	overflow:hidden;
	font-size:14px;
	line-height:28px;
	padding:20px 0 0 0;
}
#logoS p{margin:0;}
}

@media screen and (min-width: 361px) {
#logoS img{
	width:50%;
	height:auto;
	float:left;
	margin:0 10px 0 0;
}
#logoS span{
	display:block;
	font-size:12px;
	line-height:22px;
	padding:0 0 0 0;
}
#logoS p{margin:0 20px 0 0;}
}

/*20160520追加
------------------------------*/
.self li{cursor:pointer;}

/*おすすめ*/
.osusumeWrap{
	display:block;
	margin:0 0 0 0px;
}
.osusumeWrap li{
	border:3px solid #F5F3F3;
	padding:10px;
	margin:0 0 10px 0;
	overflow:hidden;
	background:#FFF;
}
.osusumeWrap li p{
	margin:0 10px 0 0;
	width:50%;
	float:left;
}
.osusumeWrap img{
	width:100%;
	height:auto;
}
.osusumeWrap li a{
	display:block;
	overflow:hidden;
	font-size:14px;
	line-height:26px;
}
.osusumeWrap li a:hover{text-decoration:none!important}
.osusumeWrap .item {margin-bottom: 15px !important;}
.osusumeWrap .item h4{text-align:center;}
.osusumeWrap .item img.alignright,
img.alignleft {
    float: none;
    margin: 0 auto 5px;
    display: block;
}
.osusumeWrap .item .sl_box p font {
    background: #DD335D;
    display: inline-block;
    padding: 3px;
    color: #FFF;
    font-size: 12px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
.detail br {display: none;}
.osusumeWrap .item .smp_box {
    width: 40%;
    float: left;
    margin: 0 10px 10px 0;
}
.osusumeWrap .item div.btnBox .planBtn a,
.osusumeWrap .item div.btnBox .planBtn2 a {
    display: block;
    margin: 0px auto 8px;
    padding: 8px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #02a9f7 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
}
.osusumeWrap .item div.smp_box .detail{width:100%;}
.osusumeWrap .item div.btnBox .planBtn,
.osusumeWrap .item div.btnBox .planBtn2{
    clear: both;
    margin: 0;
	width: 100%;
}
.detail{margin:5px 0 0 0!important;}
.osusumeWrap .item h4 {
    text-align: center;
    color: #0065d6;
    font-size: 14px;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 14px;
    width: auto;
    max-width: 970px;
    margin: 8px auto 5px;
}
.inner{
	width: 96%;
	max-width:970px;
	margin: 0 auto;
	padding: 10px 0 25px;
	display: block;
}
article .mainArea{width:100%!important;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
p.images img{
	width:250px;
	height:auto!important;
}

.pcnone{display:none!important}

article{width:100%!important;}

/*tab------------------------------------------------------*/
#Foot .footBtmInner{font-size:12px!important;}
.itemList4 a{color:#383333!important;}

#Foot .footBtmInner{font-size:12px!important;}
.itemList4 a{color:#383333!important;}

/*-------------------------nav*/
h2 {
	font-size: 25px;
	margin-bottom: 10px;
	font-weight:normal!important;
	margin-top:10px!important;
}
h2 span{font-size:14px;}
.planBox1{margin:0 0 15px 0;}
.itemList4{padding-left:30px;}
.Textbox{
	border:2px solid #FFFAC7;
	display:block;
	padding:15px;
	font-size:16px;
	line-height:30px;
	background:#FFF;
	margin:0 0 20px 0;
	box-shadow: 1px 3px 5px #afafaf;
}
	
.itemList4.gray li {
	background: #fffcdb!important;
	box-shadow: 1px 3px 5px #afafaf;
}

.nm10{padding:0 0 0 10px!important;}

#mokutekichiBox{
	display:block;
	background:#FFF;
	padding:0 10px 10px 10px
}
#mokutekichiBox h3{
	font-size:18px;
	display:block;
	margin:0 0 5px 0;
	border-top:2px solid #F5F3F3;
	padding: 15px 0 10px;
	font-weight: bold;
}
#mokutekichiBox strong.kaigai{
	font-size:16px;
	background:#4EAB26;
	color:#FFF;
	display:inline-block;
	padding: 8px 10px 5px 10px;
	margin:0 20px 5px 0;
	border-radius: 5px;
}
#mokutekichiBox strong.kokunai{
	font-size:16px;
	background:#E6335D;
	color:#FFF;
	display:inline-block;
	padding: 8px 10px 5px 10px;
	margin:0 20px 5px 0;
	border-radius: 5px;
}
#mokutekichiBox a{
	font-size:16px;
	display:inline-block;
	margin:0 20px 0 0;
	font-weight:bold;
}

/*common*/
.f12 a,.f12{
	font-size:12px!important;
}

/*add20151112*/
#bnrWrap{
	margin:0 auto;
	position: relative;
	margin:0 0 0 0;
	width:1040px!important;
	display:block;
}
#bnrWrap ul{
	overflow:hidden;
	margin:0 0 5px 0;
	padding-left: 0;
}
#bnrWrap ul ul{
	width:495px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
#bnrWrap li{
	background:#999;
	margin:0 28px 19px 0;
	text-align:left;
	background:#424242;
	color:#fff;
	display:block;
	position:relative;
	cursor:pointer;
	-webkit-border-radius: 5px 5px 5px 5px!important;
	border-radius: 5px 5px 5px 5px!important;
	overflow:hidden;
	line-height: 1.5;
}
#bnrWrap li:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
#bnrWrap li img{
	width:100%;
	height:auto;
}
#bnrWrap li p{
	position:absolute;
	background-color: rgba(0,0,0,0.6);
	color:#FFF;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:auto;
	z-index:9999;
	margin-bottom: 0;
}
li.maxE p span{
	display:block;
	color:#FFF;
	padding:14px 16px 14px 16px;
	font-size:14px;
	line-height: 1.5;
}
#bnrWrap li.maxE span strong{
	font-weight:normal;
	display:block;
	font-size:18px;
}
#bnrWrap li.maxLong span strong,
#bnrWrap li.mini span strong,
#bnrWrap li.miniR span strong,
#bnrWrap li.miniE span strong{
	font-weight:normal;
	display:block;
	font-size:16px;
}
li.miniE p span{
	font-size:12px;
	padding:5px 8px 5px 8px;
	display:block;
	line-height: 1.5;

}
li.max{
	width:470px;
	height:360px;
	overflow:hidden;
	float:left;
	margin:0;
	padding:0;
}
li.maxLong{
	width:470px;
	float:left;
}
li.mini{
	width:218px;
	float:left;
	margin:0 33px 20px 0!important;
}
li.mini:last-child{margin:0 0 20px 0!important;}
li.mini.low2{margin: 0 23px 19px 0!important;}
li.mL{margin:0 25px 20px 0!important;}
li.mN{margin:0 0 20px 0!important;}

/*右*/
li.maxLongR{
	width:470px;
	float:left;
}

/*add*/
.textPlan{
	position:relative;
	font-size:12px!important;
	color:#333!important;
	width:180px!important;
	height:135px;
	padding:15px;
}
.textPlan h3{
	font-size:20px;
	margin:0;
	display:block;
	font-weight: bold;
}
.textPlan strong{
	font-size:14px;
	display:block;
}
.textPlan a{
	display:block;
	position:absolute;
	bottom:10px;
	left:15px;
}
#business{
	border:3px solid #0A2D7E;
	margin-right:0!important;
	background:url(../images/im_arrow_01.png) no-repeat 96% 96% #FFF!important;
}
#business h3{
	color:#0A2D7E!important;
	font-weight: bold;
}
#business strong{
	color:#0A2D7E!important;
	font-weight: bold;
}
#business a{color:#335297!important;}
#business:after{
	content:"";
	position: absolute;
	border:3px solid #E2F5FE;
	width:204px;
	height:159px;
	display:block;
	top:0px;
	left:0px;
}
#themepark{
	border:3px solid #F93;
	margin-right:0px!important;
	background:url(../images/im_arrow_02.png) no-repeat 96% 96% #FFF!important;
}
#themepark h3{
	color:#F93!important;
	font-weight: bold;
}
#themepark strong{
	color:#F93!important;
	font-weight: bold;
}
#themepark a{color:#F93!important;}
#themepark:after{
	content:"";
	position: absolute;
	border:3px solid #FFC;
	width:204px;
	height:159px;
	display:block;
	top:0px;
	left:0px;
}
#daytrip{
	margin-right:33px!important;
	background:url(../images/im_arrow_03.png) no-repeat 96% 96% #FFF!important;
}
#daytrip h3{
	color:#F69!important;
	font-weight: bold;
}
#daytrip strong{
	color:#F69!important;
	font-weight: bold;
}
#daytrip a{color:#F69!important;}
#daytrip:after{
	content:"";
	position: absolute;
	border: 3px solid #ff669a;
	width:204px;
	height:159px;
	display:block;
	top:0px;
	left:0px;
}
#sports{
	margin-right:33px!important;
	background:url(../images/im_arrow_04.png) no-repeat 96% 96% #FFF!important;
}
#sports h3{
	color:#066!important;
	font-weight: bold;
}
#sports strong{
	color:#066!important;
	font-weight: bold;
}
#sports a{color:#066!important;}
#sports:after{
	content:"";
	position: absolute;
	border: 3px solid #006666;
	width:204px;
	height:159px;
	display:block;
	top:0px;
	left:0px;
}
#logoS{
	display:block;
	overflow:hidden;
	margin:0 0 30px 0;
	padding:20px 0 20px 0;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}
#logoS p{
	width:367px;
	height:98px;
	float:left;
	margin:0 20px 0 0;
}
#logoS span{
	display:block;
	overflow:hidden;
	font-size:14px;
	line-height:28px;
	padding:20px 0 0 0;
}

/*20160520追加
------------------------------*/
.self li{cursor:pointer;}

/*おすすめ*/
.osusumeWrap:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.osusumeWrap{
	display:block;
	margin:0 0 0 0px;
	padding-left: 0;
}
.osusumeWrap li{
	width:270px;
	float:left;
	border:3px solid #F5F3F3;
	padding:10px;
	margin:0 0 10px 10px;
	background:#FFF;
}
.osusumeWrap li p{margin:0 0 10px 0;}
.osusumeWrap img{
	width:100%;
	height:auto;
}
.osusumeWrap li a{
	overflow:hidden;
	font-size:14px;
	line-height:26px;
}
.osusumeWrap li a:hover{text-decoration:none!important}
.osusumeWrap .btnBox{
	clear: both;
    padding: 20px 0 0 0;
}
.osusumeWrap .btnBox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.osusumeWrap li.item.oclick:hover,
.planBtn a:hover,
.planBtn2 a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	cursor:pointer;
}
.osusumeWrap li.item{
	float: left;
    display: block;
    width: 445px;
    padding: 7px 10px 8px 10px;
    margin: 0 0 25px 15px;
    border: 1px solid #999;
    background: #FFF;
}
.osusumeWrap li.item div.sl_box h4 {
    font-size: 16px !important;
    font-weight: normal;
    margin: 5px 0 10px;
    text-align: center;
    color: #0065d6;
    line-height: 24px;
}
.osusumeWrap li.item div.sl_box .left_box {
    float: left;
    margin-bottom: 5px;
    width: 200px;
    margin-right: 10px;
}
.osusumeWrap li.item p {
    line-height: 1.5;
    margin: 0 0 15px 0;
    color: #43280b;
    width: 50%;
    float: left;
}
.detail {
    overflow: hidden;
    display: block;
}
.osusumeWrap li.item div.sl_box p font {
    color: #FFF;
    background: #dd335d;
    width: 5em;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    margin: 0 0 3px 0;
}
.osusumeWrap .planBtn2 {
    margin: 0 0 0 0 !important;
    width: 100%;
}
.osusumeWrap .planBtn2 a {
    display: block;
    width: 94%;
    margin: 0px auto 0;
    padding: 8px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #02a9f7 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
}
.osusumeWrap .planBtn2:first-child {margin-left: 0!important;}
.osusumeWrap .planBtn2:nth-of-type(odd) {margin-left: 0!important;}
.osusumeWrap .planBtn2:nth-of-type(-n+2) {margin-bottom: 10px;}
.osusumeWrap .planBtn2 {
    width: 49% !important;
    margin-left: 2%;
    float: left !important;
    margin-bottom: 0;
}

/*ガシェット調整*/
.search_kokunai_kaigai_map_Bar {
    width: 100%;
    display: block;
    margin: 2%0;
}
.search_kokunai_kaigai_map_Bar .serchBox.kaigaiS_kokunaiS .content_wrap.box_yado .date > div:nth-of-type(2) {
    width: 460px;
    float: left;
}
}