@charset "utf-8";
/* Style Index ===============================

	FileName : common.css

========================================= */

/* ------------------------------------------
 パンくずリスト
-------------------------------------------*/
ul#topicpath{
	width:960px;
	padding:15px 0;
	margin:0 auto;
	overflow:hidden;
}

ul#topicpath li{
	float:left;
	padding:0 15px;
	background:url(../images/common/mrk_arrow_gray.png) no-repeat left center;
}

#tpHome{
	/*padding-left:0 !important;*/
	background:none !important;
}

/* ------------------------------------------
 ページタイトル
-------------------------------------------*/

#cntWhite{
	/*font-size:16px;*/
    font-size:1rem;
}

#contents h1{
	/*font-size:26px;*/
    font-size:1.625rem;
	padding:0 5px 10px;
	margin:0 0 20px;
	border-bottom:1px solid #0052c4;
}

#contents p{
	/*padding:0 0 1em;*/
    padding:0 0 1rem;
}


/* ------------------------------------------
 横2列：ブロックリストスタイル（UL/OL）
-------------------------------------------*/
.col2List ul{
	padding:20px 0 10px 20px;
	background:#F1F1F1;
	overflow:hidden;
}

.col2List ul li{
	float:left;
	width:295px;
	padding:0 10px 10px 0;
	text-align:center;
}

.col2List ul li a{
	display:block;
	height:50px;
	padding:30px 0 0;
	/*font-size:18px;*/
    font-size:1.125rem;
	text-decoration:none;
	background:#FFF url(../../common/images/common/mrk_arrow_blue.png) no-repeat right 20px center;
	border-bottom:1px solid #CCC;
}

.col2List ul li a:hover{
	text-decoration:underline;
	background:#ffffff url(../../common/images/common/mrk_arrow_gray.png) no-repeat right 20px center;
}

.ppChange a{
	line-height:1.2;
	height:60px !important;
	padding-top:20px !important;
}

/* Style Index ===============================

	FileName : cms.css
	
	01（A） : タイトル
	02（B） : 段落テキスト
	03（C） : テキストリスト
	04（D） : 画像付きリスト
	05（E） : 画像・ギャラリー
	06（F） : 表（テーブル）
	07（G） : ナビゲーションリンク
	08（H） : HTML

========================================= */

.cms p{
	padding:0 0 1em;
}

/* ------------------------------------------

 Template Parts
 01（A） : タイトル
 
-------------------------------------------*/

#contents h1{
	/*font-size:26px;*/
    font-size:1.625rem;
	padding:0 5px 10px;
	margin:0 0 30px;
	border-bottom:1px solid #0052c4;
}

#contents h1.Shadowed{
    -webkit-text-shadow:      
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2);
    -moz-text-shadow:
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2);
    -ms-text-shadow:      
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2);
    text-shadow:      
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2);
}

.ttlSet2{
	/*font-size:18px;*/
    font-size:1.125rem;
	font-weight:bold !important;
	padding:15px 0 15px 45px;
	margin:0 0 20px;
	border-bottom:1px solid #bbcbe1;
	background:#f7f9fa url(../images/common/mrk_h2.png) no-repeat 10px center;
}

.ttlSet3{
	/*font-size:18px;*/
    font-size:1.125rem;
	font-weight:bold;
	padding:10px 0 10px 10px;
	margin:0 0 20px;
	border-bottom:2px solid #bbcbe2;
}

.ttlSet4{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 0 10px;
}

.ttlSet5{
	/*font-size:14px;*/
    font-size:0.875rem;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 0 10px;
}

.ttlSet6{
	/*font-size:14px;*/
    font-size:0.875rem;
	margin:0 0 10px;
	padding:0 0 0 10px;
}

/* ------------------------------------------

 Template Parts
 02（B） : 段落テキスト
 
-------------------------------------------*/

.textHtml{
	padding:0 20px 30px;
}

.textHtml p{
	padding:0 0 1em;
}


/* ------------------------------------------

 Template Parts
 03（C） : テキストリスト
 
-------------------------------------------*/

.listBox{
	border:1px solid #bbcbe2;
	margin:0 0 30px;
}

.listBox > h2{
	padding:10px 20px !important;
	/*font-size:16px;*/
    font-size:1rem !important;
	font-weight:bold !important;
	border-bottom:2px solid #bbcbe2 !important;
	background:#fcfcfc !important;
    margin:0 !important;
}

.listBox h3{
	padding:10px 20px !important;
	/*font-size:16px;*/
    font-size:1rem !important;
	font-weight:bold !important;
	border-bottom:2px solid #bbcbe2 !important;
	background:#fcfcfc !important;
}

.listBox ul,
.listBox ol{
}

.listBox li{
	padding:10px 20px 10px 20px;
	border-bottom:1px dotted #bccce2;
}

.listBox ul li{
	background:url(../images/common/mrk_arrow_blue.png) no-repeat 20px center;
}

.listBox li:last-child{
	border:none;
}

.listBox ul li a{
	padding:10px 20px 10px 10px;
}

.listBox ul li strong{
	padding:10px 20px 10px 10px;
}

.icoWindow{
	background:url(../images/common/ico_window.png) no-repeat right center;
}

.icoPdf{
	background:url(../images/common/ico_pdf.png) no-repeat right center;
}


/* ------------------------------------------

 Template Parts
 04（D） : 画像付きリスト
 
-------------------------------------------*/

.fRUL{
	margin:0 0 30px;
	border-bottom:1px solid #bbcbe2;
}

/*
 画像付きリスト（イメージ左）
----------------------------*/

.pList-left{
	padding:0 20px 30px;
	overflow:hidden;
}

.pList-left img{
	float:left;
	width:240px;
	padding:0 20px 10px 0;
}

.pList-left h2,
.pList-left h3,
.pList-left h4,
.pList-left h5,
.pList-left h6{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	padding:5px 0 5px;
}

.pList-left p{
	padding:0;
}

/*
 画像付きリスト（イメージ右）
----------------------------*/

.pList-right{
	padding:0 20px 30px;
	overflow:hidden;
}

.pList-right img{
	float:right;
	width:240px;
	padding:0 0 10px 20px;
}

.pList-right h2,
.pList-right h3,
.pList-right h4,
.pList-right h5,
.pList-right h6{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	padding:5px 0 5px;
}

.pList-right p{
	padding:0;
}

/*
 画像付きリスト（イメージ上）
----------------------------*/

.pList-top-2{
	padding:0 0 30px 20px;
}

.pList-top-2 h3{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	padding:0 0 10px;
}

.pList-top-2 ul{
	margin:0 0 0 0;
	overflow:hidden;
}

.pList-top-2 ul li{
	float:left;
	width:290px;
	padding:0 20px 20px 0;
}

.pList-top-2 ul li img{
	width:290px;
}

.pList-top-2 ul li h3,
.pList-top-2 ul li h4,
.pList-top-2 ul li h5,
.pList-top-2 ul li h6{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	text-align:center;
}

.pList-top-2 ul li p{
	padding:0;
	text-align:center;
}

/*
 画像横並び3個
----------------------------*/

.pList-top-3{
	padding:0 0 30px 20px;
}

.pList-top-3 h3{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	padding:0 0 10px;
}

.pList-top-3 ul{
	margin:0 -0 10px 0;
	overflow:hidden;
}

.pList-top-3 ul li{
	float:left;
	width:190px;
	padding:0 15px 10px 0;
	text-align:center;
}

.pList-top-3 ul li img{
	width:190px;
}

.pList-top-3 ul li p{
	text-align:center;
}

.pList-top-3 ul li h3,
.pList-top-3 ul li h4,
.pList-top-3 ul li h5,
.pList-top-3 ul li h6{
	/*font-size:14px;*/
    font-size:0.875rem;
	font-weight:bold;
	text-align:center;
}


/*
 画像付きリスト用テーブル
----------------------------*/

table.tStyle-pList{
	width:340px;
	margin:0 0 20px;
}

.tStyle-pList th, 
.tStyle-pList td{
	padding:10px 10px;
	border:1px solid #bbcbe2;
}

.tStyle-pList th{
	color:#354853;
	width:70px;
	text-align:center;
	background:#e8f2f4;
}

.tStyle-pList td{
	background:#FFFFFF;
}


/* ------------------------------------------

 Template Parts
 05（E） : 画像・ギャラリー
 
-------------------------------------------*/
/*
 画像横100％
----------------------------*/

.pGallery-1{
}

.pGallery-1 p{
	text-align:center;
}

/*
 画像横並び2個
----------------------------*/

ul.pGallery-2{
	margin:0 0 10px 20px;
	overflow:hidden;
}

ul.pGallery-2 li{
	float:left;
	width:290px;
	padding:0 20px 10px 0;
	text-align:center;
}

ul.pGallery-2 li img{
	width:290px;
}

ul.pGallery-2 li p{
	text-align:center;
}

/*
 画像横並び3個
----------------------------*/

ul.pGallery-3{
	margin:0 0 10px 20px;
	overflow:hidden;
}

ul.pGallery-3 li{
	float:left;
	width:190px;
	padding:0 15px 10px 0;
	text-align:center;
}

ul.pGallery-3 li img{
	width:190px;
}

ul.pGallery-3 li p{
	text-align:center;
}

/* ------------------------------------------

 Template Parts
 06（F） : テーブル
 
-------------------------------------------*/

/*
 基本セット
----------------------------*/

table.tStyle-Base{
	width:100%;
	margin:0 0 20px;
}

.tStyle-Base th, 
.tStyle-Base td{
	padding:10px 20px;
	border:1px solid #bbcbe2;
    min-width:100px;
    word-break:break-all;
    word-wrap:break-word;
}

.tStyle-Base th{
	color:#354853;
	text-align:center;
	background:#e8f2f4;
}

.tStyle-Base td{
	vertical-align:top;
	background:#FFFFFF;
}

.tStyle-Base caption{
    caption-side:bottom;
    text-align:right;
    font-size:0.625rem;
}


/* ------------------------------------------

 Template Parts
 07（G） : ナビゲーション
 
-------------------------------------------*/

/*
 テキストナビ
----------------------------*/

.pNav-left-text{
	padding:0 0 30px;
	margin:0 20px;
}

.pNav-left-text ul{
	border-bottom:1px dotted #bbcbe2;
}

.pNav-left-text ul li{
	padding:10px;
	border-top:1px dotted #bbcbe2;
}

.pNav-left-text ul li h2,
.pNav-left-text ul li h3,
.pNav-left-text ul li h4,
.pNav-left-text ul li h5,
.pNav-left-text ul li h6{
}

.pNav-left-text ul li h2 a,
.pNav-left-text ul li h3 a,
.pNav-left-text ul li h4 a,
.pNav-left-text ul li h5 a,
.pNav-left-text ul li h6 a{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
}

	.pNav-left-text ul li a {
		display: block;
	}

.pNav-left-text ul li p{
	padding:0;
}

/*
 画像付きリスト（イメージ左）
----------------------------*/

.pNav-left{
	padding:0 0 30px;
	margin:0 20px;
	border-top:1px dotted #bbcbe2;
}

.pNav-left div{
	padding:10px;
	overflow:hidden;
	border-bottom:1px dotted #bbcbe2;
}

.pNav-left div img{
	float:left;
	width:120px;
	padding:0 20px 0 0;
}

.pNav-left div h2,
.pNav-left div h3,
.pNav-left div h4,
.pNav-left div h5,
.pNav-left div h6{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	padding:15px 0 5px;
}

.pNav-left div p{
	padding:0;
}

/*
 画像付きリスト（イメージ上）
----------------------------*/

.pNav-top-2{
	padding:0 0 30px 20px;
}

.pNav-top-2 h3{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	padding:0 0 10px;
}

.pNav-top-2 ul{
	margin:0 0 0 0;
	overflow:hidden;
}

.pNav-top-2 ul li{
	float:left;
	width:290px;
	padding:0 20px 20px 0;
}

.pNav-top-2 ul li img{
	width:290px;
}

.pNav-top-2 ul li h3,
.pNav-top-2 ul li h4,
.pNav-top-2 ul li h5,
.pNav-top-2 ul li h6{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	text-align:center;
}

.pNav-top-2 ul li p{
	padding:0;
	text-align:center;
}

/*
 画像横並び3個
----------------------------*/

.pNav-top-3{
	padding:0 0 30px 20px;
}

.pNav-top-3 h3{
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	padding:0 0 10px;
}

.pNav-top-3 ul{
	margin:0 -0 10px 0;
}

.pNav-top-3 ul li{
	float:left;
	width:190px;
	padding:0 15px 10px 0;
	text-align:center;
}

.pNav-top-3 ul li img{
	width:190px;
}

.pNav-top-3 ul li p{
	text-align:center;
}

.pNav-top-3 ul li h3,
.pNav-top-3 ul li h4,
.pNav-top-3 ul li h5,
.pNav-top-3 ul li h6{
	/*font-size:14px;*/
    font-size:0.875rem;
	font-weight:bold;
	text-align:center;
}


/* ------------------------------------------

 Template Parts
 09（I） : お問い合わせ先
 
-------------------------------------------*/

.contactParts{
	/*font-size:18px;*/
    font-size:1.125rem;
	border:4px solid #d4e0f2;
}

.contactParts h2{
	padding:10px 0;
	text-align:center;
	margin:0 0 5px;
	letter-spacing:5px;
	background:#d4e0f2;
}

.contactParts div{
	background:#FFF;
}

.contactParts dl{
	width:500px;
	margin:0 auto;
	overflow:hidden;
}

.contactParts dl dt{
	clear:both;
	float:left;
	width:200px;
	text-align:right;
	padding:10px 20px;
	border-bottom:1px dotted #CCC;
}

.contactParts dl dd{
	float:left;
	width:200px;
	text-align:left;
	padding:10px 20px;
	border-bottom:1px dotted #CCC;
}

.contactParts p{
	/*font-size:12px;*/
    font-size:0.750rem;
	text-align:center;
	padding:10px 0 20px;
}

/*
 各ページテーマカラー
----------------------------*/
/*.subwayColor{background:#FFAB00;}*/
.subwayColor {
    border:2px solid #FFAB00;
}
/*.busColor{background:#3f51b5;}*/
.busColor {
    border:2px solid #3f51b5;
}
/*.ticketColor{background:#009688;}*/
.ticketColor {
    border:2px solid #009688;
}
/*.manacaColor{background:#ffeb3b;}*/
.manacaColor {
    border:2px solid #ffeb3b;
}
/*.enjoyColor{background:#03a9f4;}*/
.enjoyColor {
    border:2px solid #03a9f4;
}
/*.aboutColor{background:#e91e63;}*/
.aboutColor {
    border:2px solid #e91e63;
}
/*.busSubwayColor {
    background: -webkit-gradient(linear, left top, right top, from(#3f51b5), color-stop(0.5, #3f51b5), color-stop(0.5, #fabc00), to(#fabc00));
    background: -webkit-linear-gradient(left, #3f51b5 0%, #3f51b5 50%, #fabc00 50%, #fabc00 100%);
    /*background: linear-gradient(to right, #3f51b5 0%, #3f51b5 50%, #fabc00 50%, #fabc00 100%);*/
    /*background: linear-gradient(to right, #3f51b5 0%, #3f51b5 50%, #FFAB00 50%, #FFAB00  100%);
}*/
.busSubwayColor {
    /*border-left:2px solid #3f51b5;*/
    /*border-right:2px solid #FFAB00;*/
/*    padding: 0px !important;
    width: 8.125rem !important;
*/    border: 2px solid;
    border-image: linear-gradient(to right, #3f51b5 0%, #3f51b5 50%, #FFAB00 50%, #FFAB00 100%);
    border-image-slice: 1;
}
/*
.busSubwayColor:before,
.busSubwayColor:after {
content:"";
display:block;
height:2px;
width:100%;
	background:-webkit-gradient(linear, left top, right top, from(#3f51b5), color-stop(0.5, #3f51b5), color-stop(0.5, #fabc00), to(#fabc00));
	background:-webkit-linear-gradient(left, #3f51b5 0%, #3f51b5 50%, #fabc00 50%, #fabc00 100%);
	background:linear-gradient(to right, #3f51b5 0%, #3f51b5 50%, #FFAB00 50%, #FFAB00  100%);
}
*/
.busSubTicColor {
    border:2px solid #b895c1;
}
/*.etcColor{background:#546E7A;}*/
.etcColor {
    border:2px solid #546E7A;
}

span.hCate.subwayColor, 
span.hCate.busColor, 
span.hCate.ticketColor,
span.hCate.enjoyColor,
span.hCate.aboutColor,
span.hCate.busSubwayColor,
span.hCate.busSubTicColor,
span.hCate.etcColor{
    color:#333333;
    /*-webkit-text-shadow:      
      0.25px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px -0.25px 0.25px rgba(0, 0, 0, 0.8),
      0.25px -0.25px 0.25px rgba(0, 0, 0, 0.8),
      0.25px 0px 0.25px rgba(0, 0, 0, 0.8),
      0px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px 0px 0.25px rgba(0, 0, 0, 0.8),
      0px -0.25px 0.25px rgba(0, 0, 0, 0.8);
    -moz-text-shadow:
      0.25px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px -0.25px 0.25px rgba(0, 0, 0, 0.8),
      0.25px -0.25px 0.25px rgba(0, 0, 0, 0.8),
      0.25px 0px 0.25px rgba(0, 0, 0, 0.8),
      0px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px 0px 0.25px rgba(0, 0, 0, 0.8),
      0px -0.25px 0.25px rgba(0, 0, 0, 0.8);
    -ms-text-shadow:      
      0.25px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px -0.25px 0.25px rgba(0, 0, 0, 0.8),
      0.25px -0.25px 0.25px rgba(0, 0, 0, 0.8),
      0.25px 0px 0.25px rgba(0, 0, 0, 0.8),
      0px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px 0px 0.25px rgba(0, 0, 0, 0.8),
      0px -0.25px 0.25px rgba(0, 0, 0, 0.8);
    text-shadow:      
      0.25px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px -0.25px 0.25px rgba(0, 0, 0, 0.8),
      0.25px -0.25px 0.25px rgba(0, 0, 0, 0.8),
      0.25px 0px 0.25px rgba(0, 0, 0, 0.8),
      0px 0.25px 0.25px rgba(0, 0, 0, 0.8),
      -0.25px 0px 0.25px rgba(0, 0, 0, 0.8),
      0px -0.25px 0.25px rgba(0, 0, 0, 0.8);*/
}

span.hCate.manacaColor{
    color:#333333;
    /*-webkit-text-shadow: 0px 0px 7px rgba(255, 255, 255, 1.0);
    -moz-text-shadow: 0px 0px 7px rgba(255, 255, 255, 1.0);
    -ms-text-shadow: 0px 0px 7px rgba(255, 255, 255, 1.0);
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 1.0);*/
}

.topicsTitle {
	font-size: 1rem;
	text-decoration: underline;
}

.navIconContainer a {
    text-decoration: none;
    display:block;
    color:#333333;
}
.navIconItem{
    text-align:center;
    display:flex;
    justify-content:center;
    width:136px;
    height:136px;
    align-items:flex-end;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"),
       url(./fonts/NotoSansCJKjp-Bold.woff2) format('woff2'),
       url(./fonts/NotoSansCJKjp-Bold.woff) format('woff'),
       url(./fonts/NotoSansCJKjp-Bold.otf) format('opentype');
}
.navIconText{
    font-size:14px;
    color:#333333;
    margin-bottom:10px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
}

a.topicsLink {
	display: block;
}