@charset "UTF-8";

/*---------------
該当ページ
http://www.hankyu-travel.com/theme.php
-----------------*/

/*------------------
重要なお知らせ
--------------------*/
.impInfo { clear:both; overflow:hidden; max-width:948px; width:100%; height: auto; box-sizing: border-box; border:dotted 1px #999999; margin:0 auto 10px; padding:5px 10px;}
.impInfo p { float:left; background:url(/sharing/common14/images/impInfoIcon.gif) 0 1px no-repeat; width:110px; height:auto; font-size:12px; font-size:1.2rem; color:#f83030; padding-left:20px; box-sizing: border-box;}
.impInfo ul { float:right; width:808px; height:auto;}
.impInfo ul li { float:left; background:url(/sharing/common14/images/arrw01.gif) no-repeat 0 6px; padding-left:10px; font-size:12px; font-size:1.2rem; margin-right:15px; box-sizing: border-box;}

.containner { clear:both; width:100%; height:auto; margin:0 auto;}
.contents { clear:both; max-width:960px; width: auto !important; width:100%; height:auto; margin:0 auto;}

ul { list-style-type:none;}
li img { vertical-align:bottom; width: 100%;}

.themeFixed01Box, .themeFixed02Box, .themeS4Box, .themeM2Box, .themeS2M1Box, .themeM1S2Box, .themeS1M1S1Box { clear:both; overflow:hidden; max-width:960px; width:100%; height:auto; margin-bottom:0px;}
.themeFixed01Box li.MB10 { margin-bottom:0px;}
.themeFixed01Box li { float:left;}
.themeS4Box li span, .themeM2Box li span, .themeS2M1Box li span, .themeM1S2Box li span, .themeS1M1S1Box li span, .themeFixed02Box li span { display:block; clear:both; font-size:14px; font-size:1.4rem;
 background:url(/attending/theme/images/bg_theme_cap.png) top left no-repeat; padding: 9px 5px 3px; color:#463203;}


.MR08 { margin-right:8px;}

.themeOtBox { clear:both; background:url(/attending/theme/images/themeBtm.gif) bottom no-repeat; width:960px; height:auto; padding-bottom:10px; margin-bottom:15px;}
/*.themeOtBox h3 { width:960px; height:50px;}*/
.themeMdl { overflow:hidden; background:url(/attending/theme/images/themeMdl.gif) repeat-y; width:960px; height:auto; padding:5px 0 10px;}

.themeOtBox dl { overflow:hidden; float:left; width:300px; height:auto; margin:0 0 15px 15px;}
.themeOtBox dl:nth-child(4){ clear:both;}
.theme_p { float:left; background:url(/sharing/common14/images/noimage160.png) no-repeat; width:160px; height:120px; margin-right:10px;}
.theme_p img { width: 160px; height: 120px; vertical-align: top;}
.theme_ttl { float:right; width:130px; height:auto; margin-bottom:5px; font-size:14px; font-size:1.4rem;}
.theme_ttl a { font-size:14px; font-size:1.4rem;}
.theme_txt { float:right; width:130px; height:auto; font-size:14px; font-size:1.4rem;}
/*.ThemeBnA{ height:476px!Important; }*/


@media screen and (min-width:320px){
    .impInfo p { padding-bottom: 5px;}
    .impInfo ul { float:none; width:100%; height:auto;}
    
    .themeFixed01Box li span { display: none;}
    .themeFixed01Box li { width: 100%;}
    .themeFixed01Box li:nth-child(2) { float:left; width: 50%;}
    .themeFixed01Box li:nth-child(3) { float:left; width: 50%;}
    
    .themeFixed02Box li span { display: none;}
    .themeFixed02Box li:nth-child(1) { float:left; width: 50%;}
    .themeFixed02Box li:nth-child(2) { float:left; width: 50%;}
    
    .themeS2M1Box li span { display: none;}
    .themeS2M1Box li:nth-child(1) { float:left; width: 50%;}
    .themeS2M1Box li:nth-child(2) { float:right; width: 50%;}
    .themeS2M1Box li:nth-child(3) { clear: both; width: 100%;}
    
    .themeM1S2Box li span { display: none;}
    .themeM1S2Box li:nth-child(1) { float:left; width: 100%;}
    .themeM1S2Box li:nth-child(2) { float:left; width: 50%;}
    .themeM1S2Box li:nth-child(3) { width: 50%; float:left; }
    
    .themeS1M1S1Box li span { display: none;}
    .themeS1M1S1Box li:nth-child(3) { clear: both; width: 100%;}
    .themeS1M1S1Box li:nth-child(1) { float:left; width: 50%;}
    .themeS1M1S1Box li:nth-child(2) { float:right; width: 50%;}
    
    .themeM2Box li span { display: none;}
    .themeM2Box li:nth-child(1) { float:left; width: 50%;}
    .themeM2Box li:nth-child(2) { float:right; width: 50%;}
    .themeM2Box li:nth-child(3) { clear: both; width: 100%;}
    
    .themeS4Box li span { display: none;}
    .themeS4Box li:nth-child(1) { clear: both; width: 100%;}
    .themeS4Box li:nth-child(2) { float:left; width: 50%;}
    .themeS4Box li:nth-child(3) { float:right; width: 50%;}
    
    .themeOtBox { clear:both; background:none; width:100%; height:auto; padding-bottom:5px; margin-bottom:5px; margin-top:10px;}
    .themeOtBox h3 { width:100%;}
    .themeOtBox h3 img { width: 100%; vertical-align:bottom;}
    .themeMdl { overflow:hidden; background:url(/attending/theme/images/themeMdl.gif) repeat-y; max-width:960px; width:100%; height:auto; padding:5px 0 10px;}

    .themeOtBox dl { overflow:hidden; float:left;  width:100%; height:auto; margin:0 0 10px 0; box-sizing: border-box;}
    .theme_p { float:left; background:url(/sharing/common14/images/noimage160.png) no-repeat; width:40%; height: auto; margin-right:0;}
    .theme_p img { width: 100%; height: auto; vertical-align: top;}
    .theme_ttl { float:right; width:58%; height:auto; margin-bottom:5px; font-size:14px; font-size:1.4rem;}
    .theme_ttl a { font-size:14px; font-size:1.4rem;}
    .theme_txt { float:right; width:58%; height:auto; font-size:14px; font-size:1.4rem;}
	#cse-search-box { width: auto;}
	.smp_ttl{ display:block ;}
	.pc_ttl{ display:none ;}
.themeFixed01Box li.MB10 { margin-bottom:0px;}
.themeOtBoxttlPC{ display:none; }
    


/*（暫定）UserAgentヘッダー対処*/
/*------------------------
ヘッダー・フッター
------------------------*/
header#top {
	position:relative;
	overflow:hidden;
	padding:2px 10px 5px 5px;
	border-top:#009dfd solid 3px;
	border-bottom:#cecece 1px solid;
	height:auto;
}

header .HeaderBoxTop {
	overflow:hidden;
}

header .logoBox{
	/*height:100%;*/
	/*height:40px;*/
	width: 30%;
	float: left
}
header .logoBox a img{
	max-height:42px;
}
header .myBox{
	min-height: auto;
	width:70%;
	float: right;

}
header .myBox h1{
	color: #019dfd;
	font-size: 1.2rem;
	margin:2px 0;
	text-align: right;
}
header .myBox>p{
	text-align: right;
	font-size: 1.2rem;
	margin-bottom:2px;
}
header .myBoxInner{
	width:100%;
	display: table;
    /*float: right;*/
}
header .myBoxInner .nameBox{font-size: 1.2rem; display: table-cell; vertical-align: bottom; padding: 0 0 0 5px; width:70%; text-align:right;}
header .nameBox span {font-size: 1.4rem; font-weight: 900;}
header .myBoxInner .toLogin {/*display: table-cell;*/ float:right;}
header .myBoxInner .toLogin a{
	
	vertical-align: bottom;
	width:auto;
	height: 26px;
	font-size:1.2rem;
	line-height:2.3;
	text-align:center;
	color:#324960;
	padding:0px 10px 0px;
	background:-moz-linear-gradient(  top,  #ffffff 0%,  #ffffff 25%,  #e0e9ea);
	background:-webkit-gradient(  linear, left top, left bottom,  from(#ffffff),  color-stop(0.25, #ffffff),  to(#e0e9ea));
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:solid 1px #a8b7ba;
	white-space:nowrap;
}
.toLogin a:link {
	text-decoration:none;
	color:#324960;
}
.toLogin a:hover {
	text-decoration:none;
	color:#324960;
}
.toLogin a:visited {
	text-decoration:none;
	color:#324960;
}
/*header div.toMenu {
	position:absolute;
	top:0;
	right:10px;
}
header div.toMenu img {
	width:45px;
	cursor:pointer;
}*/

/*nav*/
nav{
	width: 100%;
	background: -moz-linear-gradient(top, #ffffff 65%, #eaf1f2 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, #ffffff), color-stop(100%, #eaf1f2)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 65%, #eaf1f2 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 65%, #eaf1f2 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 65%, #eaf1f2 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 65%, #eaf1f2 100%) !important; /* W3C */
	display: table;
}
nav ul {display: table;width: 100%;}
nav ul li{
	display:table-cell;
	width: 20%;
	height: 55px;
	position: relative; 
	text-align: center;
	vertical-align: middle;
}
nav ul li span { color: #c00; line-height: 0;}

/*navグレーアウト*/
nav ul li.js_unRevMdl_g, nav ul li.js_unRevMdl_g span { color: gray;}

nav ul li a{
	height: 55px;
	padding: 7px 0 7px 0;
	display: block;
	position: relative; 
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	font-size: 1.3rem;
    line-height: 1.2;
	box-sizing: border-box;
}
nav ul li span.gray span{display: none;}
nav ul li span.gray {font-weight: 400;}
nav ul li a:hover{ color: #ff9933; cursor: pointer;}
nav ul li a:visited{ color: #4d4d4d;cursor: pointer;}
nav ul li a:after, nav ul li span.gray:after {
	position: absolute;
	top: 10px;
	right:0;
	content: '';
	border-left: 1px solid #dcdcdc;
	width: 0px;
	height: 40px;
}
nav ul li.kaiin a:after, nav ul li.kaiin span.gray:after {
	border-left:none;
}
nav ul li.hatsu a{
	padding-top: 10px;
	box-sizing: border-box;
}
nav ul li.hatsu a:before{
	position: absolute;
    bottom: 5px;
    content: '▼';
    left: 50%;
    color: #0067a5;
    margin-left: -4px;
    font-size: 10px;
}
nav ul li.menu{
	background: #05c5ff;
    padding: 0 0 0 0;
}
nav ul li.menu a{
    padding: 12px 0 0;
    box-sizing: border-box;
}
nav ul li.menu a img{
	width:28px;
	}
nav ul li.kaiin a:before{
	position: absolute;
    background: url(/sharing/common16/images/smp/icnKaiin.png) no-repeat 0 0;
    bottom: -10px;
    content: '';
    width: 25px;
    height: 27px;
    background-size: 50% 50%;
    left: 50%;
    margin-left: -6px;
}
nav ul li.menu a:after{
	position: absolute;
	content: '';
	border-left: none;
}

}
/*@media screen and (min-width:610px){
    .impInfo ul { float:left; width:100%; height:auto;}

    .themeFixed01Box li span { display: none;}
    .themeFixed01Box li { width: 100%;}
    .themeFixed01Box li:nth-child(2) { float:left; width: 50%;}
    .themeFixed01Box li:nth-child(3) { float:left; width: 50%;}
    
    .themeFixed02Box li span { display: none;}
    .themeFixed02Box li:nth-child(1) { float:left; width: 50%;}
    .themeFixed02Box li:nth-child(2) { float:left; width: 50%;}
    
    .themeS2M1Box li span { display: none;}
    .themeS2M1Box li:nth-child(1) { float:left; width: 50%;}
    .themeS2M1Box li:nth-child(2) { float:right; width: 50%;}
    .themeS2M1Box li:nth-child(3) { clear: both; width: 100%;}
    
    .themeM1S2Box li span { display: none;}
    .themeM1S2Box li:nth-child(1) { float:left; width: 100%;}
    .themeM1S2Box li:nth-child(2) { float:left; width: 50%;}
    .themeM1S2Box li:nth-child(3) { width: 50%;}
    
    .themeS1M1S1Box li span { display: none;}
    .themeS1M1S1Box li:nth-child(1) { clear: both; width: 100%;}
    .themeS1M1S1Box li:nth-child(2) { float:left; width: 50%;}
    .themeS1M1S1Box li:nth-child(3) { float:right; width: 50%;}
    
    .themeM2Box li span { display: none;}
    .themeM2Box li:nth-child(1) { float:left; width: 50%;}
    .themeM2Box li:nth-child(2) { float:right; width: 50%;}
    .themeM2Box li:nth-child(3) { clear: both; width: 100%;}
    
    .themeS4Box li span { display: none;}
    .themeS4Box li:nth-child(1) { clear: both; width: 100%;}
    .themeS4Box li:nth-child(2) { float:left; width: 50%;}
    .themeS4Box li:nth-child(3) { float:right; width: 50%;}
	.smp_ttl{ display:block ;}
	.pc_ttl{ display:none ;}
.themeFixed01Box li.MB10 { margin-bottom:0px;}
}*/
@media screen and (min-width:960px){
    .impInfo p { padding-bottom: 0;}
    .impInfo ul { float:right; width:808px; height:auto;}
    
    .themeS4Box li, .themeM2Box li, .themeS2M1Box li, .themeM1S2Box li, .themeS1M1S1Box li, .themeFixed02Box li { float:left; margin-right:8px;}
    
    .themeFixed01Box li:nth-child(1) { float:left; width: 476px;}
    .themeFixed01Box li:nth-child(2) { float:left; width: 234px;}
    .themeFixed01Box li:nth-child(3) { float:left; width: 234px;}
    .themeFixed01Box li:nth-child(4) { float:left; width: 476px;}
    .themeFixed01Box li span { display:block; clear:both; font-size:14px; font-size:1.4rem; background:url(/attending/theme/images/bg_theme_cap.png) top left no-repeat; padding: 9px 5px 3px; color:#463203;}
    .ThemeBnA{ height:476px!Important; }
    
    .themeFixed02Box li span { display: block;}
    .themeFixed02Box li:nth-child(1) { float:left; width: auto;}
    .themeFixed02Box li:nth-child(2) { float:left; width: auto;}
    .themeFixed02Box li:nth-child(3) { float:left; width: auto; margin-right:0;}
    
    .themeS2M1Box li span { display: block;}
    .themeS2M1Box li:nth-child(1) { float:left; width: auto;}
    .themeS2M1Box li:nth-child(2) { float:left; width: auto;}
    .themeS2M1Box li:nth-child(3) { clear: none; float:left; width: auto; margin-right:0;}
    
    .themeM1S2Box li span { display: block;}
    .themeM1S2Box li:nth-child(1) { float:left; width: auto;}
    .themeM1S2Box li:nth-child(2) { float:left; width: auto;}
    .themeM1S2Box li:nth-child(3) { clear: none; float:left; width: auto; margin-right:0;}
    
    .themeS1M1S1Box li span { display: block;}
    .themeS1M1S1Box li:nth-child(1) { float:left; width: auto;}
    .themeS1M1S1Box li:nth-child(2) { float:left; width: auto;}
    .themeS1M1S1Box li:nth-child(3) { clear: none; float:left; width: auto; margin-right:0;}
    
    .themeM2Box li span { display: block;}
    .themeM2Box li:nth-child(1) { float:left; width: auto;}
    .themeM2Box li:nth-child(2) { float:left; width: auto; margin-right:0; }
    .themeM2Box li:nth-child(3) { clear: none; float:left; width: auto; margin-right:0;}
    
    .themeS4Box li span { display: block;}
    .themeS4Box li:nth-child(1) { float:left; width: auto;}
    .themeS4Box li:nth-child(2) { float:left; width: auto;}
    .themeS4Box li:nth-child(3) { clear: none; float:left; width: auto;/* margin-right:0;*/}
	.themeS4Box li:nth-child(4) { clear: none; float:left; width: auto; margin-right:0;}

    .themeOtBox { clear:both; background:url(/attending/theme/images/themeBtm.gif) bottom no-repeat; width:960px; height:auto; padding-bottom:10px; margin-bottom:15px;}
    .themeOtBox h3 { width:960px; height:50px;}
    .themeMdl { overflow:hidden; height:auto; padding:5px 0 10px;}

    .themeOtBox dl { overflow:hidden; float:left; width:300px; height:auto; margin:0 0 15px 15px;}
    .theme_p { float:left; background:url(/sharing/common14/images/noimage160.png) no-repeat; width:160px; height:120px; margin-right:10px;}
    .theme_p img { width: 160px; height: 120px; vertical-align: top;}
    .theme_ttl { float:right; width:130px; height:auto; margin-bottom:5px; font-size:14px; font-size:1.4rem;}
    .theme_ttl a { font-size:14px; font-size:1.4rem;}
    .theme_txt { float:right; width:130px; height:auto; font-size:14px; font-size:1.4rem;}
	.smp_ttl{ display:none ;}
	.pc_ttl{ display:block ;}
	.themeFixed01Box, .themeFixed02Box, .themeS4Box, .themeM2Box, .themeS2M1Box, .themeM1S2Box, .themeS1M1S1Box{ margin-bottom:10px;}
	.themeFixed01Box li.MB10 { margin-bottom:10px;}
	.themeOtBoxttlSMP{ display:none; }
	.themeOtBoxttlPC{ display:block; }
  
}
/*重要なお知らせ調整追加*/
.impInfo {
	border: 1px dotted #ccc !important;
	width: auto;
	padding: 10px;
}
.impInfo p {
	padding: 0 0 0 20px;
}
.impInfo ul li {
	margin-bottom: 0;
}
.impInfo ul li .BlogLink a {
	font-size: 12px;
	font-size: 1.2rem;
}