@charset "utf-8";

article * {
/* 游明朝体 */
font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

/* 基本レイアウト・フォント装飾関連 */
.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}
.f-redf00 { color: #FF0000}
/* レイアウト */
.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初期設定 */
.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;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

main img{
	width:100%;
	height: auto;
}

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

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{
	color: #FFF;
	font-size: 12px;
}
h1 {
	font-size: 10px;
	margin: 0 1%;
	color: #FFF;
    font-weight: bold;
}

#wrapper article{
	width:100%;
	height:auto;
}

article * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* CSS初期設定 */
#wrapper div#dirPathBlock {
    margin: 5px 0 0 0;
}
#wrapper div#dirPathBlock p,
#wrapper div#dirPathBlock p a{
	color:#fff!important;
	font-size: 8px!important;
	padding: 0 3px;
	
}
p.pageBackBlock a{color:#fff!important;}

/*title---------------------------------------------------*/
#title {
	width: 100%;
	height: 200px;
	position: relative;
}

#bg_back2{
	width: 100%;
    height: 800px;
    position: fixed;
    background: url(../images/bg.jpg) 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
	z-index: -1;
}

#title > img {
	width: 100%;
    max-width: 450px;
    height: auto;
    max-height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.mainTit01{
	margin:6px 10px 10px 10px;
}

.naviMenu{
	background: #01479d;
	text-align:center;
	margin-bottom: 15%;
}

.naviMenu ul{
	width:100%;
	margin:0 auto;
	display:block;
}

.naviMenu li{
    width: 24%;
    border-right: 1px dotted #fff;
    display: inline-block;
	box-sizing: border-box;
}

.naviMenu li:last-child{
border-right: none;
}

.naviMenu li a{
	color:#FFF;
	padding:10px 0 12px;
	display:block;
	font-size:10px;
	font-weight:500;
	position:relative;
}

.naviMenu li a:hover{
	transition: 0.2s ;
	color:#FDDD41;
	text-decoration:none!important
}
.commonBox{
	margin: 5% 2% 15%;
    padding: 20px 10px 1px;
    background: rgb(255,255,255,0.8);
}

.commonBox .inner{
	margin:0 auto 20px;
	overflow:hidden;
	padding:1px;
}

.commonBox h2{
	font-weight: bold;
	text-align:center;
	font-size:18px;
	margin: 20px 0;
}

.commonBox h2 span{
	background:url(../images/ti_sub.png) no-repeat 50% 0;
	background-size:170px auto;
	height:48px;
	display:block;
	font-size:28px;
	color:#FCD43F;
	padding:12px 0 0 0;
	margin:0 0 10px 0;
}

.commonBox h2 strong strong{
	font-size:18px;
}

.commonBox h3{
    position: relative;
    text-align: center;
    line-height: 2.4;
    background: #fff0b0;
    font-size: 16px;
    border-bottom: 8px solid #FFE37B;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.commonBox h3 br{
	display:none
}

.commonBox h3 img{
	width:auto;
	height:28px;
	vertical-align:middle;
	border:3px solid #FFF;
	margin-right:10px;
	margin-top:-3px;
	background:#FFF;
	line-height:30px;
}

.commonBox h3 strong{
	display:inline-block;
	color:#333
}

.paddB{
	padding:0 10px;
}

a.btnAll{
	background:#FDDD40;
	color:#000;
	display:block;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding:6px;
	font-size:14px;
	text-align:center;
	margin:0 auto;
	width:100%;
	position:relative;
	border-bottom:3px solid rgba(0,0,0,0.1);
}

a.btnAll:hover{
	transition: 0.2s ;
	opacity: 0.7 ;
	text-decoration:none!important
}

.comment{
	font-size:13px;
	line-height:20px;
}

.mt10{
	margin-top:10px;
}

/*各カテゴリ新幹線*/
div.nozomi,
div.kodama,
div.kagayaki,
div.railstar{
	position: relative;
}

div.nozomi:before,
div.kodama:before,
div.kagayaki:before,
div.railstar:before{
	content: "";
    width: 64px;
    height: 64px;
    display: block;
    position: absolute;
    top: -32px;
    left: 40%;
}

.nozomi:before{
    background: url(../images/ico_nozomi.png) no-repeat;
    background-size: 100%;
}
.kodama:before{
    background: url(../images/ico_kodama.png) no-repeat;
    background-size: 100%;
}
.kagayaki:before{
    background: url(../images/ico_kagayaki.png) no-repeat;
    background-size: 100%;
}
.railstar:before{
    background: url(../images/ico_railstar.png) no-repeat;
    background-size: 100%;
}

/*JRセットプランのネット予約限定の新サービスとは？*/
div.nozomi h2{color:#005bac;}

.nagareBox{
	display:block;
	overflow:hidden;
	padding:1px;
}

.nagareBox li{
    width: 100%;
    float: left;
    margin: 0 0 5%;
    background: #FFF;
    padding: 15px 15px 20px;
}

.nagareBox li:nth-of-type(3n){
	margin:1px 0 18px 0;
}

.nagareBox li p{
	margin-bottom:15px;
}

.nagareBox li img{
	width:100%;
	height:auto;
}

.nagareBox li span.nm{
	background: #005bac;
    display: block;
    width: 64%;
    border-radius: 50px;
    color: #FFF;
    text-align: center;
    line-height: 2;
    font-size: 18px;
    margin: 0 auto 6%;
}

.nagareBox li strong{
	font-size:16px;
	display:block;
	overflow:hidden;
	line-height:24px;
}

.nagareBox li strong span{
	font-size:12px;
	display:block;
	margin-top:10px;
}

/*FAQ*/
div.kagayaki h2{color:#006cb7;}
ul.fandq{
	display:block;
	margin-bottom:5%;
}

ul.fandq li{
	font-size: 16px;
    list-style-type: none;
    background: #FFF;
    padding: 20px 20px 5px;
    margin: 2% 2% 5%;
}

ul.fandq li dl dt{
	margin-bottom: 5%;
}

ul.fandq li dl dt span,
ul.fandq li dl dd span{
	width: 13%;
    display: block;
    float: left;
    text-align: center;
    color: #fff;
    line-height: 2;
    margin: 0 2% 0 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;
}

ul.fandq li dl dt em{font-weight:bold;color:#006cb7;}

ul.fandq li dl dt em,
ul.fandq li dl dd em{
    width: 85%;
    display: block;
    float: left;
	font-style: normal;
}

ul.fandq li dl dd{
	margin-bottom: 5%;
}

ul.fandq li dl dt span{
	background: #006cb7;
}
ul.fandq li dl dd span{
	background: #dd934a;
}

/*ガシェット*/
.search_kokunaiBar .serchBox > ul {display: none;}

/*その他おすすめ*/
div.railstar h2{color:#f18e00;}
ul.special_recomend li{
    width: 48%;
    margin: 0.5% 1%;
    float: left;
    display: block;
}

/*clear*/
ul.fandq li dl dt:after,
ul.fandq li dl dd:after,
ul.special_recomend:after{
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/*調整*/
/*footer*/
.snsArea {
	width: 100%!important;
    margin: 0px auto!important;
    padding: 20px 0!important;
    background: #fff;
}

footer {
    margin-top: 0!important;
}

/**/
.releasecommemoration_plan{
	width:100%;
	margin:0 auto 5%;
	display: block;
}
.releasecommemoration_plan dt{width:100%;display: flex;}
.releasecommemoration_plan dt img{width:100%;}
.releasecommemoration_plan dd ul:after{
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.releasecommemoration_plan dd ul li{
	width: 33.33333%;
    float: left;
    background: #ff9800;
    text-align: center;
    padding: 6px 0 8px;
    border-left: 2px dotted #FFF;
    border-bottom: 2px dotted #FFF;
    box-sizing: border-box;
}
.releasecommemoration_plan dd ul li:nth-of-type(3n+1){
    border-left: none;
}
.releasecommemoration_plan dd ul li:nth-of-type(3n){
    border-right: none;
}
.releasecommemoration_plan dd ul li:nth-of-type(n+4){
    border-bottom: none;
}
.releasecommemoration_plan dd ul li a{
	display: block;
	color:#FFF;
	font-size: 14px;
}

/*video*/
video {
	width:100%;
	height:auto;
    margin: 2% auto;
    display: block;
}

}

/*760px以上*/
@media screen and (min-width: 760px) {
/* 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{
	color: #FFF;
	font-size: 12px;
}
h1 {
	font-size: 14px;
    width: auto;
    max-width: 970px;
    margin: 0 auto 5px;
	color: #FFF;
    font-weight: bold;
}

p.images img{
	width:250px;
	height:auto!important;
}

div.colum3T div{
	cursor:pointer;
}

div.colum3T div:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}
div.colum3T div:hover a{
	color:#FF8000;
	text-decoration:underline;
}

.naviNormal li{
font-size: 1.2em;
}

#templeteWrap{
	width:100%;
}

.contInner02 .column2Area .section{
	width:950px!important;
	float:none!important;
	overflow:hidden;
}

article{
	width:100%!important;
}

#inner950{
	width:950px;
	margin:0 auto;
	display:block;
}

.inner950{
	width:950px;
	margin:30px auto 0;
	display:block;
}

#Foot .footBtmInner{
	font-size:12px!important;
}

.itemList4 a{
	color:#383333!important;
}

#pc_header{background: #fff;}
#wrapper div#dirPathBlock p,
#wrapper div#dirPathBlock p a{
	color:#fff!important;
}
p.pageBackBlock a{color:#fff!important;}

/*title---------------------------------------------------*/
#title{
	width: 100%;
	height: 450px;
    position: relative;
}

#bg_back{
	width: 125%;
	height: 100%;
    position: fixed;
	z-index: -1;
}

div.parallax-mirror {
    visibility: visible!important;
    overflow: visible!important;
}

#title > img {
	width: 850px;
	height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #FFF;
    font-weight: bold;
    display: block;
}

.mainTit01{
	margin:14px 0 18px 0;
}

.naviMenu{
	text-align:center;
	margin-bottom: 5%;
}

.naviMenu ul{width:970px;margin:0 auto;display:block;}
.naviMenu li{
	width:24%;
	display:inline-block;
}

.naviMenu li:nth-of-type(1),
.naviMenu li:nth-of-type(2),
.naviMenu li:nth-of-type(3),
.naviMenu li:nth-of-type(4){
	background: #01479d;
}

.naviMenu li:nth-of-type(5){
	background:
	url(../images/im_line.png) no-repeat 0 0,
	url(../images/im_line.png) no-repeat 100% 100%;
}

.naviMenu li a{
	color: #FFF;
    padding: 10px 30px;
    display: block;
    font-size: 20px;
}

.naviMenu li a:hover{
	transition: 0.2s ;
	color:#FDDD41;
	text-decoration:none!important
}

.commonBox{
	width: 970px;
    margin: 0 auto 5%;
	padding:50px 0 1px;
	background:rgb(255,255,255,0.8);
}

.commonBox .inner{
	width:950px;
	margin:0 auto 50px;
	overflow:hidden;
	padding:1px;
}

.commonBox h2{
	text-align:center;
	font-size:32px;
	margin-bottom:40px;
}

.commonBox h2 span{
	background:url(../images/ti_sub.png) no-repeat 50% 0;
	background-size:200px auto;
	height:38px;
	display:block;
	font-size:30px;
	color:#FCD43F;
	padding:14px 0 0 0;
	margin:0 0 20px 0;
}

.commonBox h2 strong strong{
	font-size:18px;
}

.commonBox h3{
    position: relative;
    padding: 0.6em;
    background: #fff0b0;
    margin: 0 auto;
    font-size: 22px;
    border-bottom: 8px solid #FFE37B;
    text-align: center;
}

.commonBox h3 img{
	width:auto;
	height:25px;
	border:3px solid #FFF;
	margin-right:20px;
	background:#FFF;
}

.commonBox h3 strong{
	display:inline-block;
	color:#333
}

.paddB{
	padding:0 20px;
}

a.btnAll{
	background:#FDDD40;
	color:#000;
	display:block;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding:15px;
	font-size:18px;
	text-align:center;
	margin:0 auto;
	width:70%;
	position:relative;
	border-bottom:3px solid rgba(0,0,0,0.1);
}

a.btnAll:hover{
	transition: 0.2s ;
	opacity: 0.7 ;
	text-decoration:none!important
}

.comment{
	font-size:18px;
	line-height:28px;
}

.mt10{
	margin-top:10px;
}

/*各カテゴリ新幹線*/
div.nozomi h2,
div.kodama h2,
div.kagayaki h2,
div.railstar h2{
	position: relative;
}

div.nozomi h2:before,
div.kodama h2:before{
	content: "";
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    top: -10%;
    left: 7%;
}

div.kagayaki h2:before,
div.railstar h2:before{
	content: "";
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    top: -65%;
    left: 7%;
}

.nozomi h2:before{
    background: url(../images/ico_nozomi.png) no-repeat;
    background-size: 100%;
}
.kodama h2:before{
    background: url(../images/ico_kodama.png) no-repeat;
    background-size: 100%;
}
.kagayaki h2:before{
    background: url(../images/ico_kagayaki.png) no-repeat;
    background-size: 100%;
}
.railstar h2:before{
    background: url(../images/ico_railstar.png) no-repeat;
    background-size: 100%;
}

/*JRセットプランのネット予約限定の新サービスとは？*/
div.nozomi h2{color:#005bac;}

.nagareBox{
	display:block;
	overflow:hidden;
	padding:1px;
}

.nagareBox li{
	width:28%;
	height: 600px;
	float:left;
	margin:1px 3% 18px 0;
	background:#FFF;
	padding:15px 15px 20px;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
}

.nagareBox li:nth-of-type(3n){
	margin:1px 0 18px 0;
}

.nagareBox li p{
	margin-bottom:15px;
}

.nagareBox li img{
	width:100%;
	height:auto;
}

.nagareBox li span.nm{
	background: #005bac;
    display: block;
    width: 100%;
    border-radius: 50px;
    color: #FFF;
    text-align: center;
    line-height: 2;
    font-size: 18px;
    margin: 0 auto 6%;
}

.nagareBox li strong{
	font-size:16px;
	display:block;
	overflow:hidden;
	line-height:24px;
}

.nagareBox li strong span{
	font-size:12px;
	display:block;
	margin-top:10px;
}

/*FAQ*/
div.kagayaki h2{color:#006cb7;}
ul.fandq{
	display:block;
	margin-bottom:50px;
}

ul.fandq li{
	font-size: 18px;
    list-style-type: none;
    background: #FFF;
    padding: 20px 20px 5px;
    margin: 2%;
}

ul.fandq li dl dt{
	margin-bottom: 2%;
}

ul.fandq li dl dt span,
ul.fandq li dl dd span{
	width: 4%;
    display: block;
    float: left;
    text-align: center;
    color: #fff;
    line-height: 2;
    margin: 0 2% 0 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 18px;
}

ul.fandq li dl dt em{font-weight:bold;color:#006cb7;}

ul.fandq li dl dt em,
ul.fandq li dl dd em{
    width: 94%;
    display: block;
    float: left;
	padding-top: 5px;
	font-style: normal;
}

ul.fandq li dl dd{
	margin-bottom: 2%;
}

ul.fandq li dl dt span{
	background: #006cb7;
}
ul.fandq li dl dd span{
	background: #dd934a;
}

/*ガシェット*/
.search_kokunaiBar .serchBox > ul {display: none;}

/*その他おすすめ*/
div.railstar h2{color:#f18e00;}
ul.special_recomend li{
    width: 23%;
    margin: 0 1%;
    float: left;
    display: block;
}

/*clear*/
ul.fandq li dl dt:after,
ul.fandq li dl dd:after,
ul.special_recomend:after{
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/**/
.releasecommemoration_plan{
	width:900px;
	margin:0 auto 5%;
	display: block;
}
.releasecommemoration_plan dt{width:100%;}
.releasecommemoration_plan dt img{width:100%;}
.releasecommemoration_plan dd ul{display: flex;}
.releasecommemoration_plan dd ul li{
	width: 180px;
    background: #ff9800;
    text-align: center;
    padding: 6px 0 8px;
    border-left: 2px dotted #FFF;
	box-sizing: border-box;
}
.releasecommemoration_plan dd ul li:first-child{
    border-left: none;
}
.releasecommemoration_plan dd ul li:last-child{
    border-right: none;
}
.releasecommemoration_plan dd ul li a{
	color:#FFF;
	font-size: 18px;
}

/*video*/
video {
	width:960px;
	height:540px;
    margin: 0 auto 2%;
	padding: 1% 0 0;
    display: block;
}

}