@charset "UTF-8";

/* main.css
**************************************************************************************/
/* Bread
=============================================================================*/
.pc-area {
	display:block !important;
	}
.sp-area {
	display:none !important;
	}
@media screen and (max-width: 679px){
.pc-area {
	display:none !important;
	}
.sp-area {
	display:block !important;
	}
}

/* Bread
=============================================================================*/

div.bread-area {
	width: 1100px;
	padding: 0 0 20px 0;
	margin: 0 auto;
}

div.bread-area .bread {
	width: 880px;
	float: left;
	padding-top: 5px;
}	
div.bread-area .bread .bread-box {
	padding-left: 30px;
	background: url("../../image/contents-dc001.gif") no-repeat left 3px;
}

/*favorite-list*/
div.bread-area .favorite-list {
	float:right;
}
div.bread-area .favorite-list a {
    color: #00a2e9;
    display: block;
    height: 41px;
    padding: 11px 16px 0 45px;
    line-height: 1.4;
    box-sizing: border-box;
    background-color: #ebf8fd;
    background-image: url("../../image/favorite-list-ic001.png");
    background-repeat: no-repeat;
    background-position: 18px 10px;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Noto Sans JP';
    font-weight:400;
}
div.bread-area .favorite-list a:hover {
    background-color: #d9f1fb;
}

/*favorite-area*/
div.favorite-area {
	padding:5px;
	background: url("../../image/h1-bg001.gif") repeat 0 0;
}
div.favorite-area .favorite-box {
	float:right;
	padding-left:5px;
}
div.favorite-area .favorite-box a {
    color: #00a2e9;
    display: block;
    height: 33px;
    padding: 8px 14px 8px 34px;
    line-height: 1.4;
    box-sizing: border-box;
    background-color: #fff;
    background-image: url("../../image/favorite-list-ic002.png");
    background-repeat: no-repeat;
    background-position: 11px 8px;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Noto Sans JP';
    font-weight:400;
}
div.favorite-area .favorite-box a:hover {
    background-color: #ebf8fd;
}

/*print*/

div.print {
	float: right;
}

div.print ul li {
    padding-right: 2px;
    float:left;
}

div.print ul li a {
    color: #00a2e9;
    text-decoration: none;
    display: block;
    line-height: 1.4;
    font-size: 13px;
    font-family: 'Noto Sans JP';
    font-weight: 400;
    background-color: #fff;
    background-position:10px center;
    background-repeat:no-repeat;
}

div.print ul li a:hover {
	background-color: #ebf8fd;
}

div.print ul li.print001 a {
    background-image:url("../../image/print-ic001.gif");
    padding: 8px 10px 8px 32px;
}

div.print ul li.print002 a {
    background-image:url("../../image/print-ic002.gif");
    padding: 8px 10px 8px 35px;
}



@media screen and (max-width: 679px){
div.bread-area ,
div.favorite-area {
	display:none;
}
}


/* Column（カラムレイアウト設定）
=============================================================================*/

/*カラムサイズ変更*/

/*2カラム（1:1）*/
#wrapper-under .column2-11 .column-left { float:left;}
#wrapper-under .column2-11 .column-right { float:right;}
#wrapper-under .column2-11 .column-left ,
#wrapper-under .column2-11 .column-right { width:397px;}

/*2カラム（2:1）*/
#wrapper-under .column2-21 .column-left { float:left; width:538px;}
#wrapper-under .column2-21 .column-right { float:right; width:256px;}

/*2カラム（1:2）*/
#wrapper-under .column2-12 .column-left { float:left; width:256px;}
#wrapper-under .column2-12 .column-right { float:right; width:538px;}

/*3カラム（1:1:1）*/
#wrapper-under .column3 .column-left { float:left; margin-right:26px;}
#wrapper-under .column3 .column-center { float:left;}
#wrapper-under .column3 .column-right { float:right;}
#wrapper-under .column3 .column-box  { width:256px;}

/*3カラム用詰め防止*/
.cms-artis .cms-artis-page .cms-border-none .column-area .column3 .column-box { padding:0 0 1px 0 !important;}
.column3 .column-box { padding-bottom:1px;}



@media screen and (max-width: 679px){/*スマフォは全て1カラムにする*/
/*共通*/
#wrapper-under .column-box {padding-bottom:15px}

/*2カラム（1:1）*/
#wrapper-under .column2-11 .column-left { float:none;}
#wrapper-under .column2-11 .column-right { float:none;}
#wrapper-under .column2-11 .column-left ,
#wrapper-under .column2-11 .column-right { width:auto;}

/*2カラム（2:1）*/
#wrapper-under .column2-21 .column-left { float:none; width:auto;}
#wrapper-under .column2-21 .column-right { float:none; width:auto;}

/*2カラム（1:2）*/
#wrapper-under .column2-12 .column-left { float:none; width:auto;}
#wrapper-under .column2-12 .column-right { float:none; width:auto;}

/*3カラム（1:1:1）*/
#wrapper-under .column3 .column-left { float:none; margin-right:0;}
#wrapper-under .column3 .column-center { float:none;}
#wrapper-under .column3 .column-right { float:none;}
#wrapper-under .column3 .column-box  { width:auto;}
}

/* Heading
=============================================================================*/

/*h1*/
#wrapper-under .h1-area {
	margin-bottom: 25px;
}

#wrapper-under .h1-area-in {
	border-top:3px solid #00a2e9;
	padding:10px 0 ;
}

#wrapper-under .h1-area-in h1 {
	padding: 15px 12px 10px 12px;
	font-weight: normal;
}


/*h2*/

#wrapper-under .h2-area {
	margin-bottom:15px;
	padding-top:15px;
}

#wrapper-under .main-contents .column-area:first-child div.h2-area:first-child {/*コンテンツの一番最初の見出しだけ余白をとる*/
	padding-top:0;
}

#wrapper-under .h2-area-in {
	background:url("../../image/h2-bg001.gif") repeat center center;
	padding:14px 10px 13px 25px;
}

#wrapper-under .h2-area h2 {
	line-height: 1.4em;
	color: #FFFFFF;
	font-size: 138.5%;
}

/*h3*/

#wrapper-under .h3-area {
	margin-bottom: 15px;
}

#wrapper-under .h3-area-in {
	background-color:#f2f0e2;
}

#wrapper-under .h3-area h3 {
	line-height:1.4em;
	padding:11px 0 9px 20px;
	border-left:4px solid #00a2e9;
	font-size:114% ;
}

@media screen and (max-width: 679px){
	
/*h1*/
#wrapper-under .h1-area {
	margin-bottom:15px;
}
#wrapper-under .h1-area-in {
	border-bottom:1px solid #00a2e9;
	padding:5px 0;
}
#wrapper-under .h1-area-in h1 {
	font-size:18px;
	padding:3px 0 3px 8px;
	line-height:1.2;
}

/*h2*/
#wrapper-under .h2-area {
	margin-bottom:10px;
}

#wrapper-under .h2-area-in {
	padding:14px 10px 13px 10px;
}
#wrapper-under .h2-area h2 {
	font-size: 123.1%;
}
/*h3*/
#wrapper-under .h3-area h3 {
	padding:11px 0 9px 10px;
}
}


/* Junction
=============================================================================*/

#wrapper-under .junction{
	padding: 0 0 30px 0;
}

#wrapper-under .junc-left {
	width: 397px;
	float: left;
}

#wrapper-under .junc-right {
	width: 397px;
	float: right;
}

#wrapper-under .junction .junction-h2-area {
	margin: 0 0 20px 0;
	background: url("../../image/h2-bg001.gif") repeat center center;
}
@media screen and (max-width: 679px){
	#wrapper-under .junction .junction-h2-area {
	margin: 0 0 10px 0;
}
	
}
#wrapper-under .junction .junction-h2-area h2.junction-h2 {
	font-size:114%;
	font-weight:bold;
	padding:15px 15px 14px 15px;
	color: #FFF;
}

#wrapper-under .junction .junction-h2-area h2.junction-h2 a {
	display: block;
	text-decoration: none;
	padding: 0 25px 0 0;
	font-weight: bold;
	background: url("../../image/contents-ar002.gif") no-repeat right center;
	background-size:14px 18px;
	color: #FFF;
}
#wrapper-under .junction .junction-h2-area h2.junction-h2 a:hover {
	color: #f39a00;
}

#wrapper-under .junction-outline-area{
	padding-bottom:15px;
	display:table;
}


/*左右*/
#wrapper-under .junction-outline p.junction-outline-img {
	width:130px;
	margin:0 0 0 20px;
	text-align:center;
	float:right;
}

#wrapper-under .junction-outline p.junction-outline-img img {
	width: 130px;
	margin: 0;
}

/*上下*/
#wrapper-under .junction-outline2 p.junction-outline-img {
	width:350px;
	margin:0 0 10px 0;
	text-align:center;
}

#wrapper-under .junction-outline2 p.junction-outline-img img {
	max-width: 397px;

	*width:350px;
	_width: 350px;
	margin: 0;
}

#wrapper-under .junction-list-area {
	width:100%;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#wrapper-under ul.junction-list li {
	padding:8px 0 8px 0;
	border-bottom:solid #d8d3b1 1px;
}

#wrapper-under ul.junction-list li a {
	padding: 0 10px 0 30px;
	display: block;
	background: url("../../image/contents-ar003.gif") no-repeat 10px 3px;
	background-size:13px 13px;
}
/**/

#wrapper-under .junction-outline-img-area{
	float:right;
	width:130px;
	border-left:10px solid #FFF;
}
#wrapper-under .junction-outline-img-area img{
	width:100%;
}


/*sitemap・401・403・404*/

#wrapper-under .sitemap-junction .junction-h2-area {
	margin-bottom:18px;
}

#wrapper-under .sitemap-junction .junction-wrap {
	letter-spacing:-0.4em;
	overflow:hidden;
	margin-left:-30px;
}

#wrapper-under .sitemap-junction .junction-wrap-in {
	width: 395px;
	letter-spacing: normal;/*隙間をなくすためのハック*/
	display: inline-block;


	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-left: 30px;
}

#wrapper-under .sitemap-junction .junction-outline-area {
	padding-bottom: 0px;
	margin-bottom: 5px;
}

#wrapper-under .sitemap-junction .junction-outline-area a {
	display:block;
	text-decoration:none;
	padding:0 0 0 20px;
	font-weight:bold;
	background:url("../../image/contents-ar001.gif") no-repeat 0 3px;
	background-size:13px 13px;
}

#wrapper-under .sitemap-junction .junction-list-area {
	margin-bottom: 25px;
	background-color: #e9f4f6;
	padding: 10px 15px 0 15px;
}

#wrapper-under .sitemap-junction .junction-list-area ul li {
	padding-bottom:10px;
}

#wrapper-under .sitemap-junction .junction-list-area ul li a {
	display:block;
	padding:0 0 0 20px;
	background:url("../../image/contents-ar004.gif") no-repeat 0 3px;
	background-size:13px 13px;
	color:#333;
	text-decoration:none;
}
#wrapper-under .sitemap-junction .junction-list-area ul li a:hover {
	color:#f39a00;
}



@media screen and (max-width: 679px){
#wrapper-under .junction{
	padding:0;
}
#wrapper-under .junc-left  {
	float:left;
}
#wrapper-under .junc-left ,
#wrapper-under .junc-right {
	width:100%;
	margin-bottom:30px;
}
#wrapper-under .junction-outline p.junction-outline-img {
	width:90px;
	margin:0 0 0 10px;
}
#wrapper-under .junction-outline p.junction-outline-img img {
	width:90px;
}

/*sitemap・401・403・404*/
#wrapper-under .sitemap-junction .junction-wrap {
    margin-left: 0;
}
#wrapper-under .sitemap-junction .junction-wrap-in {
    margin-left: 0;
    width: auto;
	display:block;
}

/*上下*/
#wrapper-under .junction-outline2 p.junction-outline-img {
	width:auto;
	max-width:330px;
	margin:0 auto 10px;
}
#wrapper-under .junction-outline2 p.junction-outline-img img {
	max-width:100%;
	width:100%;
}

}


/* news
=============================================================================*/

#main .news-area {
	padding-bottom:30px;
}

/*title*/

#main .news-area .title {
	position:relative;
}

#main #information .title h2 ,
#main #news .title h2 {
	width:auto;
	min-height:32px;
    font-family: 'Noto Sans JP';
    font-weight:400;
    line-height:1.4;
    letter-spacing:0.03em;
    font-size: 128.5%;
    padding: 3px 0 15px 40px;
    background-image:url("../../image/index-ti_ic003.gif");
    background-position:0 0;
    background-repeat:no-repeat;
	background-size:28px auto;
    box-sizing: border-box;
}

/*一覧*/

#main .news-area p.list-link {
	position: absolute;
	bottom: 12px;
	right: 0;
}

#main .news-area p.list-link a {
	display:block;
	font-size:12px;
	background:url("../../image/header-ar001.gif") no-repeat 1px center;
	color:#333 !important;
	text-decoration:none;
	padding-left:10px;
	float:right;
}

#main .news-area p.list-link a:hover {
	color:#6f9bae !important;
}


/*リスト*/
#main .news-list {
	border-top:1px solid #dad9d1;
}


#main .news-area dl {
	padding:17px 0;
	border-bottom:1px solid #dad9d1;
	display:table;
	width:100%;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#main .news-area dl dt {
	width:8.5em;
	display:table-cell;
	font-weight:normal;
	padding:0 16px 0 16px;
	border-right:1px dotted #c1bfb3;
	/*IE6・7*/
	*float:left;
}
#main .news-area dl dd {
	width:auto;
	display:table-cell;
	line-height:1.6em;
	padding:0 16px 0 16px;
	/*IE6・7*/
	*display:inline;
	*zoom:1;
	*position:relative;
}

/*news*/

#wrapper-under #main .news-under .news-list dl {
	padding:15px 0;
}

/*blog*/

#wrapper-under .blog-area {
	margin-bottom:40px;
}

#wrapper-under .blog-area .work-list-area {
}

#wrapper-under .blog-area .blog-box {
	padding:20px 0;
	border-bottom:1px solid #dad9d1;
}
#wrapper-under .blog-area .blog-box {
	padding:20px 0;
	border-bottom:1px solid #dad9d1;
}
#wrapper-under .blog-area .blog-box .ph-area {
	width:200px;
	float:right;
	margin-left:20px;
}

#wrapper-under .blog-area .blog-box dl dt.title {
	padding-bottom:5px;
}

#wrapper-under .blog-area .blog-box dl dt.title span.no-link ,
#wrapper-under .blog-area .blog-box dl dt.title a {
	display: block;
	padding-left: 18px;
	background: url("../../image/contents-ar001.gif") no-repeat 0 5px;
	background-size:13px 13px;
}

#wrapper-under .blog-area .blog-box dl dt.title span {
	font-size:114%;
	font-weight:bold;
}	

#wrapper-under .blog-area .blog-box dl dd.date {
	padding-bottom:3px;
	color:#888888;
}

/*pager*/

#wrapper-under ul#pagenation-area {
	padding-top:30px;
	letter-spacing:-0.4em;
	text-align:center;
}

#wrapper-under ul#pagenation-area li {
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding:0 5px;
	line-height:1;
}

#wrapper-under ul#pagenation-area li a {
	display:block;
	padding:10px;
	background-color:#ebf8fd;
	text-decoration:none;
}
#wrapper-under ul#pagenation-area li a:hover ,
#wrapper-under ul#pagenation-area li.on a {
	background-color:#00a2e9;
	color:#FFF;
}


#wrapper-under ul#pagenation-area li.prev a ,
#wrapper-under ul#pagenation-area li.next a {
	background:none;
	color:#00a2e9;
}
#wrapper-under ul#pagenation-area li.prev a:hover ,
#wrapper-under ul#pagenation-area li.next a:hover {
	color:#f39a00;
}
@media screen and (max-width: 679px){

/*一覧*/
#main .news-area p.list-link {
	position: absolute;
	bottom: 14px;
	right: 0;
}

/*リスト*/
#main .news-area dl {
	display:block;
}
#main .news-area dl dt {
	display:inline-block;
	padding:0 10px 0 0;
	border-right: none;
}
#main .news-area dl dd {
	width:100%;
	display:block;
	padding:0;
}

/*blog*/
#wrapper-under .blog-area .blog-box .ph-area {
	float:none;
	margin:0 auto 10px;
}


}

/* Anchor
=============================================================================*/

#wrapper-under div.anchor-area {
	margin-bottom:30px;
}

#wrapper-under div.anchor-area-in {
	background:#ebf8fd;
	padding: 12px 20px 8px 20px;
}

#wrapper-under div.anchor-area .pageindex {
	background:url("../../image/contents-tl-ic001.gif") no-repeat 0 2px;
	background-size:14px auto;
	margin-bottom:18px;
    color: #1caceb;
    padding: 0 0 0 18px;
    min-height: 19px;
    
	}
#wrapper-under div.anchor-area .pageindex p {
    font-weight:600;
    font-size: 114.2%;
    font-family: 'Noto Sans JP';
    line-height:1.4;
    letter-spacing:0.05em;
}

#wrapper-under div.anchor-area ul {
	padding:0 15px 10px 0;
}

#wrapper-under div.anchor-area ul li {
	padding:0 10px 9px 33px;
	background:url("../../image/contents-ar001.gif") no-repeat 13px 4px;
	background-size:13px 13px;
}
#wrapper-under div.anchor-area ul li a {
	color:#333;
	text-decoration:none;
	display:block;
}
#wrapper-under div.anchor-area ul li a:hover {
	color:#00a2e9;
}

#wrapper-under div.anchor-area ul li.clearfix {
	padding:0;
	background:none;
}

#wrapper-under div.anchor-area ul.str02 {
	letter-spacing:-0.4em;
}

#wrapper-under div.anchor-area ul.str02 li {
	width:33.3%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	/*box-sizing*/
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}

@media screen and (max-width: 679px){
#wrapper-under div.anchor-area-in {
	background:#ebf8fd;
	padding: 12px 20px 0 20px;
}
#wrapper-under div.anchor-area {
	margin-bottom: 20px;
}

#wrapper-under div.anchor-area ul.str02 li {
	width:100%;
	display:block;
}
}

/* Text
=============================================================================*/

#wrapper-under .txt-area {
	margin-bottom:15px;
}

@media screen and (max-width: 679px){
#wrapper-under .txt-area {
	margin-bottom:10px;
}
}

/* HTML
=============================================================================*/

#wrapper-under .html-area {
	margin-bottom:0;
}

/* List
=============================================================================*/

#wrapper-under ul.contents-list-ul ,
#wrapper-under ol.contents-list-ol {
	padding:10px 0;
	display:table;	
}
/*
#wrapper-under ul.contents-list-ul, x:-moz-any-link, x:only-child ,
#wrapper-under ol.contents-list-ol, x:-moz-any-link, x:only-child {
	display:inline-block;
}
*/

#wrapper-under ul.contents-list-ul li {
	list-style-type:disc;
	margin:0 0 0 20px;
}

#wrapper-under ol.contents-list-ol li {
	list-style-type:decimal;
	margin:0 0 0 32px;
}

/* Image Setup
=============================================================================*/

#wrapper-under .img-area .img { margin-bottom:5px;}

/*リサイズなし（各カラムの幅に合わせる）*/
#wrapper-under .photo-noresize img {
	height: auto; 
}
#wrapper-under .photo-noresize p {
	text-align:center;
}

/*リンク画像ロールオーバー設定*/
#wrapper-under .img-area .img a:hover{ 	
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/**/
#wrapper-under .photo-noresize ,	
#wrapper-under .photo-noresize img {max-width:820px;}/*1カラム*/

#wrapper-under .column2-11 .photo-noresize ,
#wrapper-under .column2-11 .photo-noresize img { max-width:397px;}/*2カラム（1:1）*/

#wrapper-under .column2-21 .column-left .photo-noresize ,
#wrapper-under .column2-21 .column-left .photo-noresize img ,
#wrapper-under .column2-12 .column-right .photo-noresize ,
#wrapper-under .column2-12 .column-right .photo-noresize img { max-width:538px;}/*2カラム（大）*/

#wrapper-under .column2-21 .column-right .photo-noresize ,
#wrapper-under .column2-21 .column-right .photo-noresize img ,
#wrapper-under .column2-12 .column-left .photo-noresize ,
#wrapper-under .column2-12 .column-left .photo-noresize img { max-width:256px;}/*2カラム（小）*/

#wrapper-under .column3 .photo-noresize ,
#wrapper-under .column3 .photo-noresize img { max-width:256px;}/*3カラム*/

/*特設サイト*/
#wrapper-under .special-area .photo-noresize ,	
#wrapper-under .special-area .photo-noresize img {max-width:760px;}/*1カラム*/

#wrapper-under .column2-11 .special-area .photo-noresize ,
#wrapper-under .column2-11 .special-area .photo-noresize img { max-width:337px;}/*2カラム（1:1）*/

#wrapper-under .column2-21 .column-left .special-area .photo-noresize ,
#wrapper-under .column2-21 .column-left .special-area .photo-noresize img ,
#wrapper-under .column2-12 .column-right .special-area .photo-noresize ,
#wrapper-under .column2-12 .column-right .special-area .photo-noresize img { max-width:478px;}/*2カラム（大）*/

#wrapper-under .column2-21 .column-right .special-area .photo-noresize ,
#wrapper-under .column2-21 .column-right .special-area .photo-noresize img ,
#wrapper-under .column2-12 .column-left .special-area .photo-noresize ,
#wrapper-under .column2-12 .column-left .special-area .photo-noresize img { max-width:196px;}/*2カラム（小）*/

#wrapper-under .column3 .special-area .photo-noresize ,
#wrapper-under .column3 .special-area .photo-noresize img { max-width:196px;}/*3カラム*/

/*リサイズされる画像に対しての設定*/
#wrapper-under .photo-small img ,
#wrapper-under .photo-normal img {
	width:100%;
}
#wrapper-under .photo-small { width:31.21%;}/*画像小の指定（サイトに合わせて調節）*/
#wrapper-under .photo-normal { width:48.41%;}/*画像標準の指定（サイトに合わせて調節）*/

/*キャプション*/
#wrapper-under .img-area .cap { 
	font-size:92%;
	margin-bottom:10px;
}
#wrapper-under .img-area .cap-c { text-align:center;}
#wrapper-under .img-area .cap-l { text-align:left;}
#wrapper-under .img-area .cap-r { text-align:right;}


/*3カラム用設定*/
#wrapper-under .column3 .img-area .cap { font-size:85%;}


@media screen and (max-width: 679px){
#wrapper-under .photo-noresize ,	
#wrapper-under .photo-noresize img {max-width:100% !important;}/*1カラム*/

/*特設サイト*/

#wrapper-under .special-area .photo-noresize {max-width:100% !important;}
#wrapper-under .special-area .photo-noresize img {max-width:100% !important;}/*1カラム*/
}

/* Text + Photo
=============================================================================*/

#wrapper-under .txt-img-area {
	margin-bottom:15px;
}

/*写真右位置*/
#wrapper-under .txt-img-area .photo-right {
	float:right;
	margin-left:26px;
}

/*写真左位置*/
#wrapper-under .txt-img-area .photo-left {
	float:left;
	margin-right:26px;
}


/*3カラム用設定*/
#wrapper-under .column3 .txt-img-area .photo-right {
	margin-left:7px;
}
#wrapper-under .column3 .txt-img-area .photo-left {
	margin-right:7px;
}



@media screen and (max-width: 679px){
/*写真右位置*/
#wrapper-under .txt-img-area .photo-right {
    float: none;
    margin: 0 0 5px;
    text-align: center;
    width: 100%;
}

/*写真左位置*/
#wrapper-under .txt-img-area .photo-left {
    float: none;
    margin: 0 0 5px;
    text-align: center;
    width: 100%;
}
/*3カラム用設定*/
#wrapper-under .column3 .txt-img-area .photo-right {
	margin-left:0;
}
#wrapper-under .column3 .txt-img-area .photo-left {
	margin-right:0;
}
}

/* Photo
=============================================================================*/
#wrapper-under .pat-img-area02 ,
#wrapper-under .pat-img-area {
	margin-bottom:15px;
}


/* Photo+Photo
=============================================================================*/

#wrapper-under .pat-img-area02 {
	text-align:center;
}

#wrapper-under .pat-img-area02 .photo-left {
	float:left;
}

#wrapper-under .pat-img-area02 .photo-right {
	float:right;
}

#wrapper-under .pat-img-area02 .photo-right img ,
#wrapper-under .pat-img-area02 .photo-left img {
	max-width:100% !important;
	/*max-width:380px !important; キャプションに装飾をつけたい場合*/
}

#wrapper-under .pat-img-area02 .img-area-in {
	/*display:inline-block; キャプションに装飾をつけたい場合*/
}

/*1*/
#wrapper-under .column1 .pat-img-area02 .photo-left ,
#wrapper-under .column1 .pat-img-area02 .photo-right {
	width:48.4%;
}

/*1：2*/
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-right {
	width:256px;
}

/*1：1*/
#wrapper-under .column2-11 .pat-img-area02 .photo-left ,
#wrapper-under .column2-11 .pat-img-area02 .photo-right {
	width:186px;
}

/*1：1：1*/
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column3 .pat-img-area02 .photo-left ,
#wrapper-under .column3 .pat-img-area02 .photo-right {
	width:115px;
}

@media screen and (max-width: 679px){

/*1*/
#wrapper-under .column1 .pat-img-area02 .photo-left ,
#wrapper-under .column1 .pat-img-area02 .photo-right {
	width:48%;
}

/*1：2*/
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-right {
	width:48%;
}

/*1：1*/
#wrapper-under .column2-11 .pat-img-area02 .photo-left ,
#wrapper-under .column2-11 .pat-img-area02 .photo-right {
	width:48%;
}

/*1：1：1*/
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column3 .pat-img-area02 .photo-left ,
#wrapper-under .column3 .pat-img-area02 .photo-right {
	width:48%;
}
}

/* Table
=============================================================================*/
#wrapper-under div.table-area {
	clear:both;
	margin:0 0 15px 0;
}

#wrapper-under div.table-area table {
	width:100%;
	border-top:#d8d3b1 1px solid;
	border-right:#d8d3b1 1px solid;
	/*ボックスモデル*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
}

#wrapper-under div.table-area table th ,
#wrapper-under div.table-area table td {
	border-left:#d8d3b1 1px solid;
	border-bottom:#d8d3b1 1px solid;
	padding:8px 10px;
	font-weight:normal;
}

#wrapper-under div.table-area table th {
	background-color:#fdfede;
	font-weight:bold;
	vertical-align:middle;
}
#wrapper-under div.table-area table td {
	vertical-align:middle;
}

#wrapper-under div.table-area table th.title {
	text-align:right;
}

#wrapper-under div.table-area table td.align-right{
	text-align:right;
}

#wrapper-under div.table-area table td.nowrap{
	white-space:nowrap;
}

#wrapper-under div.table-area table td div.txt-wrapper {
	padding:0 0 5px 0;
}

#wrapper-under div.table-area table td span.note-txt {
	display:block;
	padding:0 0 3px 0;
}


/*枠無*/
#wrapper-under div.table-area table.border-none,
#wrapper-under div.table-area table.border-none th,
#wrapper-under div.table-area table.border-none td {
	border-collapse:collapse;
	border:solid #FFFFFF 1px;
}

@media screen and (max-width: 679px){
#wrapper-under div.table-area table td.nowrap{
	white-space:normal;
}
#wrapper-under div.table-area table th ,
#wrapper-under div.table-area table td {
	font-size:10px;
	padding:3px 5px;
	line-height:1.4;
}
/*横スクロール*/
#wrapper-under {
	overflow: hidden;
}
#wrapper-under div.table-area {
	overflow-x: auto;
}
}


/* Flash Area
=============================================================================*/

#wrapper-under .flash-area .flash-box-sp ,
#wrapper-under .flash-area .flash-box-pc {
	display:none;/*jsで表示設定するので、初めは隠しておく*/
}

#wrapper-under .flash-area {
	margin-bottom:15px;
	z-index:1;
}

#wrapper-under .flash-area .flash-box-pc {
	text-align:center;
	overflow:hidden;
}

#wrapper-under .flash-area .media-size {
    background-color: #000;
    height: 430px;
    width: 490px;
}

#wrapper-under .flash-area .txt-area p {
	padding-top:5px;
	text-align:center;
}

/*スマフォ表示*/
#wrapper-under .flash-area .flash-box-sp {
	text-align:center;
}

/*カラム数による動画の表示サイズ設定*/

#wrapper-under .column2-11 .flash-area .media-size {
	width:397px;
	height:348px;
}
#wrapper-under .column2-21 .column-left .flash-area .media-size ,
#wrapper-under .column2-12 .column-right .flash-area .media-size {
	width:538px;
	height:472px;
}
#wrapper-under .column2-21 .column-right .flash-area .media-size ,
#wrapper-under .column2-12 .column-left .flash-area .media-size ,
#wrapper-under .column3 .flash-area  .media-size {
	width:256px;
	height:225px;
}


@media screen and (max-width: 679px){
#wrapper-under .flash-area .media-size {
	width:300px !important;
	height:263px !important;
}
}

/* Video Area
=============================================================================*/

#wrapper-under .video-area {
    text-align:center;
}
#wrapper-under .video-area video {
    max-width:100%;
    background-color:#333333;/*スマホ時のvideoの背景色*/
}
#wrapper-under .video-area .txt-area {
    text-align:center;
}
/*videoタグに対応していないブラウザ用*/
#wrapper-under .video-area video p {
    background-color:#f1f1f1;
    padding:10px;
    text-align:center;
    margin-bottom:10px;
}

/* File Download
=============================================================================*/

#wrapper-under ul.download{
	margin-bottom:15px;
}
	
#wrapper-under ul.download li{
	padding:0 0 5px 40px;
	margin-bottom:5px;
	background: url("../../image/normal.gif") no-repeat 10px 0;
}

#wrapper-under ul.download li.pdf{
	background: url("../../image/pdf.gif") no-repeat 10px 0;
}

#wrapper-under ul.download li.xls{
	background: url("../../image/xls.gif") no-repeat 10px 0;
}

#wrapper-under ul.download li.xlsx{
	background: url("../../image/xls.gif") no-repeat 10px 0;
}

#wrapper-under ul.download li.doc{
	background: url("../../image/doc.gif") no-repeat 10px 0;
}

#wrapper-under ul.download li.docx{
	background: url("../../image/doc.gif") no-repeat 10px 0;
}


/* Plug-In
=============================================================================*/

/*pdf*/

#wrapper-under div.plugin-area {
	margin: 0 auto 30px;
	clear: both;
}

#wrapper-under div.plugin-area-in {
	background:#f2f0e2;
	font-size:77%;
	line-height:1.5em;
	padding:10px 20px;
	/*radius*/
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}

#wrapper-under div.plugin-area p.pdf-icon {
	width:158px;
	margin:0 0 0 10px;
	float:right;
}

#wrapper-under div.plugin-area p.pdf-icon img {
	padding:0;
	margin:0;
	border:none;
}

#wrapper-under div.plugin-area p.pdf-txt {
	padding:6px 0 0 0;
}

/*カラムによる変動*/
#wrapper-under .column2-21 .column-right div.plugin-area p.pdf-icon ,
#wrapper-under .column2-12 .column-left div.plugin-area p.pdf-icon ,
#wrapper-under .column3 div.plugin-area p.pdf-icon {
	width:100%;
	text-align:center;
	padding-bottom:5px;
}

/* flash */

#wrapper-under div.flash-plugin-area {
	margin:0 auto 25px;
	clear:both;
}

#wrapper-under div.flash-plugin-area-in {
	background:#f2f0e2;
	padding:10px 20px;
	margin:20px auto;
	clear:both;
	font-size:77%;
	/*radius*/
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#wrapper-under div.flash-plugin-area p.flash-icon {
	width:158px;
	margin:0 0 0 10px;
	float:right;
}

#wrapper-under div.flash-plugin-area p.flash-icon img {
	padding:0;
	margin:0;
	border:none;
}

#wrapper-under div.flash-plugin-area p.flash-txt {
	padding:6px 0 0 0;
}

/*カラムによる変動*/
#wrapper-under .column2-21 .column-right div.flash-plugin-area p.flash-icon ,
#wrapper-under .column2-12 .column-left div.flash-plugin-area p.flash-icon ,
#wrapper-under .column3 div.flash-plugin-area p.flash-icon {
	width:100%;
	text-align:center;
	padding-bottom:5px;
}


/* Special Area
=============================================================================*/

#wrapper-under div.special-area {
	margin-bottom: 30px;
}

#wrapper-under div.special-area-in {
	background-color: #e9f4f6;
	padding: 20px 30px 20px 30px;
}

#wrapper-under div.special-area .txt-img-area {
	margin-bottom:0;
}

#wrapper-under div.special-area div.special-title-area {
	margin-bottom:15px;
	font-weight:bold;
	padding:6px 0 4px 30px;
	background:url("../../image/contents-tl002.gif") no-repeat 0 0;
}

#wrapper-under div.special-area div.special-title-area-in p {
	font-weight:bold;
}
@media screen and (max-width: 679px){
#wrapper-under div.special-area-in {
	padding: 10px 10px 10px 10px;
}
#wrapper-under div.special-area div.special-title-area {
	margin-bottom:8px;
	padding:6px 0 4px 20px;
}
}

/* Link Area
=============================================================================*/

#wrapper-under .link-area {
	margin-bottom: 30px;
}

#wrapper-under .link-area .link-title-area {
	margin-bottom:10px;
}

#wrapper-under .link-area .link-title-area h2 {
	padding:3px 0 10px 40px;
	background:url("../../image/contents-tl003.gif") no-repeat left 0;
}

/*base*/

#wrapper-under .link-area .str02 .link-box ul ,
#wrapper-under .link-area .str03 .link-box ul {
	letter-spacing:-0.4em;
	overflow:hidden;
}

#wrapper-under .link-area .str02 .link-box ul li ,
#wrapper-under .link-area .str03 .link-box ul li {
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
}

#wrapper-under .link-area .link-box ul li p.img {
	float:left;
}

#wrapper-under .link-area .link-box ul li p.sttl {
	margin-bottom:5px;
}

#wrapper-under .link-area .link-box ul li p.sttl a {
	display:block;
	padding-left:17px;
	background: url("../../image/contents-ar004.gif") no-repeat 0 4px;
	background-size:13px 13px;
}

/*1列表示*/
#wrapper-under .link-area .str01 .link-box ul li p.img {
	margin:0 15px 3px 0;
}
#wrapper-under .link-area .str01 .link-box ul li p.img img {
	width: 150px;
}
#wrapper-under .link-area .str01 .link-box ul li {
	margin:0 0 15px 0;
}

/*2列表示*/
#wrapper-under .link-area .str02 .link-box ul {
	width: 850px;
	margin-left: -30px;
}
#wrapper-under .link-area .str02 .link-box ul li p.img {
	margin:0 15px 3px 0;
}
#wrapper-under .link-area .str02 .link-box ul li p.img img {
	width: 150px;
}
#wrapper-under .link-area .str02 .link-box ul li {
	width: 395px;
	margin: 0 0 15px 30px;
}

/*3列表示*/
#wrapper-under .link-area .str03 .link-box ul {
	width: 837px;
	margin-left: -17px;
}
#wrapper-under .link-area .str03 .link-box ul li p.img {
	margin:0 15px 3px 0;
}
#wrapper-under .link-area .str03 .link-box ul li p.img img {
	width: 100px;
}
#wrapper-under .link-area .str03 .link-box ul li p.txt {
	font-size:85%;
	line-height:1.4em;
}
#wrapper-under .link-area .str03 .link-box ul li {
	width: 262px;
	margin: 0 0 10px 17px;
}


@media screen and (max-width: 679px){
#wrapper-under .link-area .link-box ul li p.txt {
	font-size:12px;
}
/*1列表示*/
#wrapper-under .link-area .str01 .link-box ul li p.img img {
	width:80px;
}

/*2列表示*/
#wrapper-under .link-area .str02 .link-box ul {
	width:auto;
	margin-left:0;
}
#wrapper-under .link-area .str02 .link-box ul li p.img img {
	width:80px;
}
#wrapper-under .link-area .str02 .link-box ul li {
	width:auto;
	margin:0 0 15px 0;
	display:block;
}

/*3列表示*/
#wrapper-under .link-area .str03 .link-box ul {
	width:auto;
	margin-left:0;
}
#wrapper-under .link-area .str03 .link-box ul li p.img img {
	width:80px;
}
#wrapper-under .link-area .str03 .link-box ul li {
	width:auto;
	margin:0 0 10px 0;
	display:block;
}
}

/* Page Navi
=============================================================================*/

#wrapper-under .pnavi-area {
	margin-bottom: 30px;
}

#wrapper-under .pnavi-area .go-top {
	text-align:right;
}

#wrapper-under .pnavi-area .go-top a {
	padding-left:20px;
	background: url("../../image/contents-ar005.gif") no-repeat 0 center;
	background-size:13px 13px;
}


/* Space Color
=============================================================================*/

#main .margin-b000{margin-bottom:0 !important;}
#main .margin-b010{margin-bottom:10px !important;}
#main .margin-b025{margin-bottom:25px !important;}
#main .margin-b050{margin-bottom:50px !important;}
#main .margin-b075{margin-bottom:75px !important;}
#main .margin-b100{margin-bottom:100px !important;}
#main .margin-b150{margin-bottom:150px !important;}


/* 時刻表
=============================================================================*/
/****運航状況****/
.tt-dmstc #main,
.tt-inter #main {
	float: left;
	width: 100%;
}

.timetable #wrapper-under .txt-area {
	margin-bottom:40px;
}

@media screen and (max-width: 679px){
.timetable #wrapper-under .txt-area {
	margin-bottom: 25px;
}
}
/*h1*/
.timetable #wrapper-under .h1-area-in span {
	float:right;
	padding:20px 10px 0 0;
	color: #00a2e9;
}
/*h2*/

.timetable #wrapper-under .h2-area {
	margin-bottom:15px;
	padding-top:0;
}

.timetable #wrapper-under .main-contents .column-area:first-child div.h2-area:first-child {/*コンテンツの一番最初の見出しだけ余白をとる*/
	padding-top:0;
}

.timetable #wrapper-under .h2-area-in {
	background:none;
	padding:0;
}

.timetable #wrapper-under .h2-area h2 {
	line-height: 1.4em;
	color: #333;
	font-size: 123.1%;
	vertical-align:middle;
}
.timetable #wrapper-under .h2-area h2 img {
	padding-right:15px !important;
	vertical-align:middle;
}


/*h3*/

.timetable #wrapper-under .h3-area {
	margin-bottom:10px;
}

.timetable #wrapper-under .h3-area-in {
	background-color:#FFF;
	border-left:3px solid #00a2e9;
	padding:2px 0 2px 10px;
}

.timetable #wrapper-under .h3-area h3 {
	line-height:2.3em;
	padding:0 !important;
	border-left:0;
	font-size:114% ;
}
.timetable #wrapper-under .h3-area h3 img {
	padding-right:10px !important;
}

/*注釈*/
.timetable #wrapper-under ul.notes {
	padding:0 0 0 1em;
}
.timetable #wrapper-under ul.notes li{
	text-indent:-1em;
	text-height:1.2;
	margin-bottom:3px;
}
/*説明*/
.timetable #wrapper-under .explain-area {
	padding:10px;
	background-color:#f2f0e2;
	margin-bottom:30px;
}
.timetable #wrapper-under .explain-area .img-area .img {
    margin-bottom: 0;
}
.timetable #wrapper-under .explain-box {
	padding: 20px 15px 0 15px;
	/*boxsizing*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.timetable #wrapper-under .explain-box p {
	font-weight:bold;
	font-size:15px;
	text-align:center;
	margin-bottom:10px;
}
.timetable #wrapper-under .explain-box ul {
	padding:0 0 0 1em;
}
.timetable #wrapper-under .explain-box ul li{
	text-indent:-1em;
	text-height:1.2;
	margin-bottom:10px;
}

/*tab*/
.timetable .tab{
	border-bottom: 3px solid #00a2e9;
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px 0;
	margin-bottom: 30px;
  }
.timetable .tab a{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	background-color:#e5f6fd;
	text-align:center;
	padding:10px 15px;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	color:#00a2e9;
	/*radius*/
	border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}
.timetable .tab a.current,
.timetable .tab a:hover{
	background-color:#00a2e9;
	color:#FFF;
}
.timetable .tab ul li.t001{
}
.timetable .tab ul li.t002{
}

@media screen and (max-width: 679px){
.timetable #wrapper-under .txt-img-area {
	margin-bottom:0;
}
/*h1*/
.timetable #wrapper-under .h1-area-in span {
	float: left;
	width: 100%;
	padding: 0 0 0 8px;
	color: #00a2e9;
}
/*h2*/
.timetable #wrapper-under .h2-area {
	margin-bottom:10px;
}
.timetable #wrapper-under .h2-area h2 {
	font-size: 114% ;
	vertical-align:middle;
}
.timetable #wrapper-under .h2-area h2 img,
.timetable #wrapper-under .h3-area h3 img {
	padding-right:5px !important;
	padding-bottom:5px;
	vertical-align:middle;
}
.tt-inter-detail #wrapper-under .h2-area h2,
.tt-dmstc-detail #wrapper-under .h2-area h2 {
	font-size: 114% ;
	vertical-align:middle;
	margin-left:35px;
}
.tt-inter-detail #wrapper-under .h2-area h2 img,
.tt-dmstc-detail #wrapper-under .h2-area h2 img {
	padding-right:5px !important;
	padding-bottom:5px;
	vertical-align:middle;
	margin-left:-35px;
}
/*注釈*/
.timetable #wrapper-under ul.notes {
	font-size:11px;
}
/*説明*/
.timetable #wrapper-under .explain-area .column-box {
    padding-bottom: 0;
}
.timetable #wrapper-under .explain-box {
	padding: 15px 0 0 0;
}
/*tab*/
.timetable .tab{
	margin-bottom: 20px;
	border-spacing: 3px 0;
  }
.timetable .tab a{
	font-size:12px;
	padding:15px 5px;
}
	}
	
/*2カラム（1:1）*/
.timetable #wrapper-under .column2-11 .column-left { float:left;}
.timetable #wrapper-under .column2-11 .column-right { float:right;}
.timetable #wrapper-under .column2-11 .column-left ,
.timetable #wrapper-under .column2-11 .column-right { width:537px;}
/**/
.timetable #wrapper-under .column2-11 .photo-noresize ,
.timetable #wrapper-under .column2-11 .photo-noresize img { max-width:537px;}/*2カラム（1:1）*/

@media screen and (max-width: 679px){/*スマフォは全て1カラムにする*/

/*2カラム（1:1）*/
.timetable #wrapper-under .column2-11 .column-left { float:none;}
.timetable #wrapper-under .column2-11 .column-right { float:none;}
.timetable #wrapper-under .column2-11 .column-left ,
.timetable #wrapper-under .column2-11 .column-right { width:auto;}
.timetable #wrapper-under .column2-11 .photo-noresize ,
.timetable #wrapper-under .column2-11 .photo-noresize img {max-width:100% !important;}/*1カラム*/
}
/*table*/
.timetable .table-box {
	width:100%;
	margin:0;
	padding:0;
	border-bottom:1px solid #cfcece;
	border-left:1px solid #cfcece;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			}
.timetable .table-box .table-tr {
	margin:0;
	padding:0;
	}
.timetable .table-box .table-tr ul.th ,
.timetable .table-box .table-tr ul.td {
	display:table;
	width:100%;
	font-size:12px;
	table-layout: fixed;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			}
.timetable .table-box .th li ,
.timetable .table-box .td li {
	width:auto;
	display:table-cell;
	text-align:center;
	line-height:1.3;
	vertical-align:middle;
	border-top:1px solid #cfcece;
	border-right:1px solid #cfcece;
	padding:0;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			}
.timetable .table-box .th li {
	background-color: #868484;
	color: #FFF;
	}
.timetable .table-box .table-tr:nth-child(odd) {
	background-color:#f3f2f2;
	}
/*td内設定*/
.timetable .table-box .table-tr .td li.li-left {
	text-align:left;
	}
.timetable .table-box .table-tr .th div.stt,
.timetable .table-box .table-tr .td div.stt {
	padding: 0;
	vertical-align: middle;
	}
.timetable .table-box .table-tr div.stt div p {
	padding:10px 3px;
	}
.timetable .table-box .table-tr .td div.stt div p:first-child  {
	border-top:none;
	}
.timetable .table-box .table-tr .td div.stt div p {
	border-top:1px dotted #cfcece;
	}
.timetable .table-box .table-tr .td .tt004 div.stt div {
	line-height:2.2em;
	}

.timetable .table-box .table-tr .td div.stt span.txt {
	padding-left:5px;
	}
.timetable .table-box .table-tr .td div.stt div span.other {
	display:none;
	}
.timetable .table-box .table-tr .td div.stt img {
	vertical-align: middle;
	padding: 0;
	width: 65px;
	height: auto;
	}
/*詳細*/
.timetable .table-box .table-tr .tt001 {
	width:8%;
	}
.timetable .table-box .table-tr .tt002 {
	width:8%;
	}
.timetable .table-box .table-tr .tt003 {
	width:28%;
	}
.timetable .table-box .table-tr .tt004 {
	width:10%;
	}
.timetable .table-box .table-tr .tt005 {
	width:11%;
	}
.timetable .table-box .table-tr .tt006 {
	width:15%;
	}
.timetable .table-box .table-tr .tt007 {
	width:20%;
	}
@media screen and (max-width: 679px){
.timetable .table-box .th ,
.timetable .table-box .td {
	display:block;
	overflow: hidden;  
    height: auto;  
	width:100%;
	height:100%;
			}
/*table*/
.timetable .table-box .th li ,
.timetable .table-box .td li {
	font-size:9px;
	float: left;  
	display: block;  
	height:100%;
	padding:0;
	}
/*table*/
.timetable .table-box .w3 li {
	width:33.3%;
	}
.timetable .table-box .w3 li {
	width:33.3%;
	}
.timetable .table-box .w5 li {
	width:20%;
	}
.timetable .table-box .w5 li {
	width:20%;
	}
/*td内設定*/
.timetable .table-box .table-tr .th div.stt,
.timetable .table-box .table-tr .td div.stt {
	height:100%;
	width:100%;
	display:table;
	padding:0;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.timetable .table-box .table-tr .th div.stt div,
.timetable .table-box .table-tr .td div.stt div {
	width:100%;
	height:100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	}
.timetable .table-box .table-tr .td div.stt div p img {
	padding: 0;
	width: 48px;
	}
.timetable .table-box .table-tr .td div.stt span.txt {
	display:none;
	}
.timetable .table-box .table-tr .td div.stt div span.other {
	display:inline;
	color:#00a2e9;
	padding-right:5px;
	}
.timetable .table-box .table-tr .td div img {
	vertical-align:middle;
	}
/*詳細*/
.timetable .table-box .table-tr .tt001 {
	width:15%;
	}
.timetable .table-box .table-tr .tt002 {
	width:15%;
	}
.timetable .table-box .table-tr .tt003 {
	width:21%;
	}
.timetable .table-box .table-tr .tt003 div {
	text-align:center;
	}
.timetable .table-box .table-tr .tt004 {
	width:18%;
	}
.timetable .table-box .table-tr .tt005 {
	width:12%;
	}
.timetable .table-box .table-tr .tt006 {
	width:19%;
	border-right:1px solid #cfcece;
	}
.timetable .table-box .table-tr .th .tt007 {
	width:0;
	display:none;
	}
.timetable .table-box .table-tr .td .tt007{
	width:100%;
	display:block;
	float:left;
	border-top:1px dotted #c3d6de;
	}
.timetable .table-box .table-tr .td .tt007 div.stt{
	width:100%;
	display:block;
	}
.timetable .table-box .table-tr .td .tt007 div.stt div{
	text-align:left;
	}
}
/*ご利用上のご注意*/
.timetable .precautions-area {
	border:10px solid #f2f0e2;
	margin-bottom:20px;
	margin-top:30px;
	}
.timetable .precautions-area dl {
	display:table;
	}
.timetable .precautions-area dl dt,
.timetable .precautions-area dl dd {
	display:table-cell;
    vertical-align:middle;
}
.timetable .precautions-area dl dt {
	width:15%;
    text-align:center;
	background-color:#f2f0e2;
	font-weight:bold;
	}
.timetable .precautions-area dl dd {
	padding:10px 20px;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
@media screen and (max-width: 679px){
/*ご利用上のご注意*/
.timetable .precautions-area {
	border:10px solid #f2f0e2;
	margin-bottom:30px;
	margin-top:0;
	}
.timetable .precautions-area dl {
	display:table;
	}
.timetable .precautions-area dl dt,
.timetable .precautions-area dl dd {
	display:block;
	padding:5px 0;
    vertical-align:middle;
}
.timetable .precautions-area dl dt {
	width:100%;
    text-align:center;
	background-color:#f2f0e2;
	font-weight:bold;
	}
.timetable .precautions-area dl dd {
	font-size:12px;
	padding:5px 8px;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}	
}

/* 関連情報*/
.timetable #wrapper-under .relation-area {
	margin-bottom: 25px;
	margin-top: 20px;
	background-color: #e9f4f6;
	padding: 20px 30px 20px 30px;
}

.timetable #wrapper-under .relation-area .relation-title-area {
	margin-bottom:15px;
	font-weight:bold;
	padding:6px 0 4px 30px;
	background:url("../../image/contents-tl002.gif") no-repeat 0 0;
}

.timetable #wrapper-under .relation-area .relation-title-area h2 {
	font-size:107%;
}

/*base*/

.timetable #wrapper-under .relation-area .str02 .relation-box ul ,
.timetable #wrapper-under .relation-area .str03 .relation-box ul {
	letter-spacing:-0.4em;
	overflow:hidden;
}

.timetable #wrapper-under .relation-area .str02 .relation-box ul li ,
.timetable #wrapper-under .relation-area .str03 .relation-box ul li {
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
}

.timetable #wrapper-under .relation-area .relation-box ul li p.img {
	float:left;
}

.timetable #wrapper-under .relation-area .relation-box ul li p.sttl {
	margin-bottom:2px;
}

.timetable #wrapper-under .relation-area .relation-box ul li p.sttl a {
	display:block;
	padding-left:17px;
	background: url("../../image/contents-ar003.gif") no-repeat 0 4px;
	background-size:13px 13px;
}
/*3列表示*/
.timetable #wrapper-under .relation-area .str03 .relation-box ul {
	width: 837px;
	margin-left: -17px;
}
.timetable #wrapper-under .relation-area .str03 .relation-box ul li p.img {
	margin:0 15px 3px 0;
}
.timetable #wrapper-under .relation-area .str03 .relation-box ul li p.img img {
	width: 100px;
}
.timetable #wrapper-under .relation-area .str03 .relation-box ul li p.txt {
	font-size:85%;
	line-height:1.4em;
}
.timetable #wrapper-under .relation-area .str03 .relation-box ul li {
	width: 262px;
	margin: 0 0 5px 17px;
}

.timetable #wrapper-under .notes {
	padding-top:5px;
}

@media screen and (max-width: 679px){
/* 関連情報*/
.timetable #wrapper-under .relation-area {
	margin-top:0;
	padding: 10px 10px 10px 10px;
}
.timetable #wrapper-under .relation-area .relation-title-area {
	margin-bottom:8px;
	padding:6px 0 4px 20px;
}

.timetable #wrapper-under .relation-area .relation-box ul li p.txt {
	font-size:12px;
}

/*3列表示*/
.timetable #wrapper-under .relation-area .str03 .relation-box ul {
	width:auto;
	margin-left:0;
}
.timetable #wrapper-under .relation-area .str03 .relation-box ul li p.img img {
	width:80px;
}
.timetable #wrapper-under .relation-area .str03 .relation-box ul li {
	width:auto;
	margin:0 0 0 0;
	display:block;
}
.timetable #wrapper-under .notes {
	font-size:12px;
	padding-top:5px;
}

}


/* 観光スポット
=============================================================================*/
/****一覧****/
/*スポットテキスト*/
.sightseeing #main .spot-txt-area {
	margin-bottom:30px;
	}
.sightseeing #main .spot-txt-area h2 {
	color:#ff9900;
	margin-bottom:10px;
	font-size:125%;
	}
.sightseeing #main .spot-txt-area .spot-map {
	float:right;
	margin-left:20px;
	width:300px;
	height:256px;
	background:url("../../image/spot-map.gif") no-repeat 0 0;
	background-size:300px 256px;
	}
.sightseeing #main .spot-txt-area .spot-map ul {
	width:300px;
	height:256px;
	position:relative;
	}
.sightseeing #main .spot-txt-area .spot-map ul li {
	position:absolute;
	}
.sightseeing #main .spot-txt-area .spot-map ul li.s001 {
	top:44px;
	left:24px;
	}
.sightseeing #main .spot-txt-area .spot-map ul li.s002 {
	top:12px;
	left:164px;
	}
.sightseeing #main .spot-txt-area .spot-map ul li.s003 {
	top:169px;
	left:19px;
	}
.sightseeing #main .spot-txt-area .spot-map ul li.s004 {
	top:168px;
	left:178px;
	}
.sightseeing #main .spot-photo{
	padding-top: 25px;
	width: 500px;
	}
.sightseeing #main .spot-photo li{
	float:left;
	width:119px;
	padding-left:8px;
	}
.sightseeing #main .spot-photo li:first-child{
	padding-left:0;
	}
.sightseeing #main .spot-photo li img{
	width:100%;
	height:auto;
	}

	
@media screen and (max-width: 679px){
/****一覧****/
/*スポットテキスト*/
.sightseeing #main .spot-txt-area {
	margin-bottom:10px;
	}
.sightseeing #main .spot-txt-area h2 {
	margin-bottom:5px;
	}
.sightseeing #main .spot-txt-area .spot-map {
	float:none;
	margin-left:0;
	margin:0 auto 10px auto;
	}
.sightseeing #main .spot-txt-area .spot-map ul {
	width:300px;
	height:256px;
	position:relative;
	}
.sightseeing #main .spot-photo{
	padding-top: 10px;
	width: 100%;
	}
.sightseeing #main .spot-photo li{
	float:left;
	width:48%;
	padding-left:0;
	margin-bottom:10px;
	}
.sightseeing #main .spot-photo li:nth-child(even){
	float:right;
	}

.sightseeing #main .spot-photo li img{
	width:100%;
	height:auto;
	}
}
/*主要スポット検索*/
.sightseeing #main .spot-search-area {
	margin-bottom:30px;
	}
.sightseeing #main .spot-search-area-in {
	background-color:#f2f0e2;
	padding:20px 20px 20px 20px;
	}
.sightseeing #main .spot-search-area .spot-search-ttl {
	padding:0 0 10px 0;
	vertical-align:middle;
	display:table;
	width:100%;
	}
.sightseeing #main .spot-search-area .spot-search-ttl h2 {
	display: table-cell;
	width: 22%;
	}
.sightseeing #main .spot-search-area .spot-search-ttl h2 p {
	padding-left: 25px;
	background: url("../../image/contents-ic001.png") no-repeat 0 center;
	background-size: 20px 20px;
	}
.sightseeing #main .spot-search-area .spot-search-ttl span.h2txt {
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
	}
.sightseeing #main .spot-search-area .spot-search-ttl p.btn {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	}
.sightseeing #main .spot-search-area .spot-search-ttl p.btn a {
	display:block;
	vertical-align:middle;
	font-size:11px;
	padding:5px 0;
	background-color:#00a2e9;
	color:#FFF;
	text-decoration:none;
	}

.sightseeing #main .spot-search-area .spot-search-ttl p.btn a:hover {
	/*op*/
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
	}
.sightseeing #main .spot-search-area .spot-search-box {
	background-color:#FFF;
	padding:10px;
	
	}
.sightseeing #main .spot-search-area .spot-search-sbox {
	display:table;
	width:100%;
	margin-bottom:10px;
	}
.sightseeing #main .spot-search-area .spot-search-sbox p {
	display:table-cell;
	vertical-align:middle;
	width:12%;
	padding:0 0 0 8px;
	font-size:100%;
	font-weight:bold;
	border-right:1px solid #dad9d1;
	border-left:3px solid #dad9d1;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.sightseeing #main .spot-search-area .spot-search-sbox div {
	display: table-cell;
	vertical-align: middle;
	width: 88%;
	padding: 2px 10px;
	/*boxsizing*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
.sightseeing #main .spot-search-area .spot-search-sbox div ul {
	width:100%;
	padding:5px;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.sightseeing #main .spot-search-area .spot-search-sbox div ul li {
	float:left;
	width:25%;
	vertical-align:middle;
	font-size:12px;
	padding:3px 0;
	}
.sightseeing #main .spot-search-area .spot-search-btn {
	text-align: center;
	padding: 0 0 5px 0;
	}
.sightseeing #main .spot-search-area .spot-search-btn button {
	font-family: 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
	color:#FFFFFF;
	padding:15px 30px 15px 45px;
	background: url("../../image/contents-ic002.png") no-repeat 20px center;
	background-size: 20px 20px;
	background-color:#2e5094;
	font-weight:bold;
	font-size:16px;
	border:none;
	/*radius*/
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	}
.sightseeing #main .spot-search-area .spot-search-btn button:hover {
	/*op*/
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
	}		
/*input*/
.sightseeing #main input.input-txt {
	word-break: break-all;
	border:1px solid #c8c8c8;
	background:#FFFFFF;
	padding:10px 8px 10px 8px;
	/*radius*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
/*radio*/
.sightseeing #main input.radiobtn {
	margin:0 4px 0 0;
	position:relative;
	top:2px;
}
/*checkbox*/
.sightseeing #main input.checkbox {
	margin:0 4px 0 0;
	position:relative;
	top:-1px;
}
/*幅*/
.sightseeing input.w100 {width:100%;}
.sightseeing input.w90 {width:90%;}
.sightseeing input.w80 {width:80%;}
.sightseeing input.w70 {width:70%;}
.sightseeing input.w60 {width:60%;}
.sightseeing input.w50 {width:50%;}
.sightseeing input.w40 {width:40%;}
.sightseeing input.w30 {width:30%;}
.sightseeing input.w20 {width:20%;}
.sightseeing input.w10 {width:10%;}


@media screen and (max-width: 679px){
/*主要スポット検索*/
.sightseeing #main .spot-search-area {
	margin-bottom:20px;
	}
.sightseeing #main .spot-search-area-in {
	padding:10px 10px 10px 10px;
	}
.sightseeing #main .spot-search-area .spot-search-ttl {
	padding:0 0 10px 0;
	vertical-align:middle;
	display:block;
	width:100%;
	text-align:center;
	}
.sightseeing #main .spot-search-area .spot-search-ttl h2 {
	display:block;
	width: 100%;
	margin:0 auto;
	}
.sightseeing #main .spot-search-area .spot-search-ttl h2 p {
	display:inline-block;
	padding-left: 25px;
	background: url("../../image/contents-ic001.png") no-repeat 0 center;
	background-size: 20px 20px;
	}
.sightseeing #main .spot-search-area .spot-search-ttl span.h2txt {
	display:block;
	vertical-align:middle;
	font-size:10px;
	margin-bottom:5px;
	}
.sightseeing #main .spot-search-area .spot-search-ttl p.btn {
	display:block;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	}
.sightseeing #main .spot-search-area .spot-search-ttl p.btn a {
	display:block;
	font-size:11px;
	padding:5px 10px;
	}
.sightseeing #main .spot-search-area .spot-search-box {
	background-color:#FFF;
	padding:10px;
	}
.sightseeing #main .spot-search-area .spot-search-sbox {
	display:block;
	width:100%;
	margin-bottom:10px;
	}
.sightseeing #main .spot-search-area .spot-search-sbox p {
	display:block;
	vertical-align:middle;
	width:100%;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	border-bottom:1px dotted #dad9d1;
	border-top:3px solid #dad9d1;
	border-left:none;
	border-right:none;
	margin-bottom:3px;
	padding:3px 0;
	}
.sightseeing #main .spot-search-area .spot-search-sbox div {
	display:block;
	vertical-align: middle;
	width:100%;
	padding: 2px 0;
	/*boxsizing*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
.sightseeing #main .spot-search-area .spot-search-sbox div ul {
	width:100%;
	padding:5px;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.sightseeing #main .spot-search-area .spot-search-sbox div ul li {
	float: left;
	width: 50%;
	vertical-align: middle;
	font-size: 12px;
	padding: 3px 0;
	}
.sightseeing #main .spot-search-area .spot-search-btn {
	text-align: center;
	padding: 0 0 5px 0;
	}
.sightseeing #main .spot-search-area .spot-search-btn button {
	font-size:14px;
	}
/*幅*/
.sightseeing input.w100 ,
.sightseeing input.w90 ,
.sightseeing input.w80 ,
.sightseeing input.w70 ,
.sightseeing input.w60 ,
.sightseeing input.w50 ,
.sightseeing input.w40 ,
.sightseeing input.w30 ,
.sightseeing input.w20 ,
.sightseeing input.w10 {width:100%;}
}

/****スポット一覧****/
.sightseeing #main .spot-area {
	margin-bottom:30px;
	}
.sightseeing #main .spot-box {
	margin-bottom:30px;
	padding:20px;
	border:5px solid #f2f0e2;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.sightseeing #main .spot-box-left {
	float: left;
	width: 455px;
	}

.sightseeing #main .spot-box h3 {
	float: left;
	border-left: solid #00a2e9 6px;
	font-size: 114%;
	margin-bottom: 15px;
	padding: 7px 5px 6px 8px;
	float: left;
	width: 230px;
	/*boxsizing*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
			}
.sightseeing #main .spot-box h3 a {
	display:block;
	font-weight:bold;
	color:#333;
	}
.sightseeing #main .spot-box h3 a:hover {
	color:#F90;
	}
.sightseeing #main .spot-box-left .txt {
	margin-bottom: 20px;
	}
.sightseeing #main .spot-box-left p.bt a {
	display:block;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	padding:15px 0 15px 0;
	width:100%;
	background-color:#db5e21;
	font-size:14px;
	border:none;
	/*radius*/
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	}
.sightseeing #main .spot-box-left p.bt a span {
	font-weight:bold;
	background: url("../../image/contents-ar007.png") no-repeat right center;
	background-size:14px 16px;
	padding-right:25px;
	}
.sightseeing #main .spot-box-left p.bt a:hover {
	/*op*/
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
	}		
.sightseeing #main .spot-box-ph{
	width:300px;
	float:right;
	}
.sightseeing #main .spot-box-ph img{
	max-width:300px !important;
	height:auto;
	}
	
.sightseeing #main .spot-box-category {
	float: left;
	width: 230px;
	margin-bottom: 15px;
}
.sightseeing #main .spot-box-category ul {
	display:table;
	border-collapse: separate;
	border-spacing: 2px 0;
	width:100%;
	}
.sightseeing #main .spot-box-category ul li{
	display:table-cell;
	background-color:#FFF;
	color:#00a2e9;
	border:2px solid #00a2e9;
	padding:7px 2px;
	width:50%;
	text-align:center;
	vertical-align:middle;
	font-size:11px;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}


/*pager*/
.sightseeing #wrapper-under ul#pagenation-area {
	padding-top:10px;
	margin-bottom:20px;
}

@media screen and (max-width: 679px){
/****スポット一覧****/
.sightseeing #main .spot-area {
	margin-bottom:20px;
	}
.sightseeing #main .spot-box {
	margin-bottom:20px;
	padding:10px;
	border:5px solid #f2f0e2;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.sightseeing #main .spot-box-left {
	float:left;
	width:100%;
	margin-bottom:10px;
	}
.sightseeing #main .spot-box-ph {
	float:left;
	width:100%;
	}
.sightseeing #main .spot-box h3 {
	padding: 8px 0 8px 8px;
	margin-bottom: 15px;
	width:100%;
	}
.sightseeing #main .spot-box-left .txt {
	margin-bottom: 15px;
	}
.sightseeing #main .spot-box-ph{
	width:100%;
	text-align:center;
	margin-bottom: 15px;
	}
.sightseeing #main .spot-box-ph img{
	max-height:auto !important;
	max-width:100% !important;
	}
.sightseeing #main .spot-box-category {
	width: 100%;
	margin-bottom:15px;
}
.sightseeing #main .spot-box-category ul {
	display:block;
	border-collapse: separate;
	border-spacing: 0;
	width:100%;
	}
.sightseeing #main .spot-box-category ul li{
	display:blockl;
	width:49%;
	float:right;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.sightseeing #main .spot-box-category ul li:first-child {
	float:left;
	}
}
/****詳細****/
.sightseeing #main .spot-detail-area {
	margin-bottom:30px;
	}
.sightseeing #main .spot-detail-area .txt-area{
	float: left;
	width: 480px;
	}
.sightseeing #main .spot-detail-area .txt-area p{
	margin-bottom:20px;
	}
.sightseeing #main .spot-detail-area .ph{
	float:right;
	width:300px;
	}
.sightseeing #main .spot-detail-area .ph img{
	max-width:300px;
	height:auto;
	}
.sightseeing #main .notes {
	padding:20px;
	background-color:#f2f2f2;
	margin-bottom:30px;
	}
.sightseeing #main .notes ul {
	padding-top:10px;
	}
.sightseeing #main .notes ul li {
	text-indent:-1em;
	padding-left:1em;
	}
@media screen and (max-width: 679px){
/****詳細****/
.sightseeing #main .spot-detail-area {
	margin-bottom:20px;
	}
.sightseeing #main .spot-detail-area .txt-area{
	float: left;
	width: 100%;
	}
.sightseeing #main .spot-detail-area .txt-area p{
	margin-bottom:10px;
	}
.sightseeing #main .spot-detail-area .ph{
	float: left;
	width: 100%;
	text-align:center;
	}
.sightseeing #main .spot-detail-area .ph img{
	max-width:100%;
	height:auto;
	}
.sightseeing #main .notes {
	margin-bottom:20px;
	font-size:12px;
	}
	}
/*乗り換え案内情報*/
.sightseeing #main .info-area {
	border:1px solid #00a2e9;
	padding:15px 15px;
	margin-bottom:20px;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.sightseeing #main .info-area ul{
	float:left;
	width:70%;
	}
.sightseeing #main .info-area ul li{
	float:left;
	width:100%;
	}
.sightseeing #main .info-area ul li h3{
	color:#00a2e9;
	}
.sightseeing #main .info-area p{
	float:right;
	width:30%;
	background-color:#00a2e9;
/*radius*/
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	}
.sightseeing #main .info-area p a{
	color:#FFF;
	display:block;
	text-align:center;
	padding:10px 0;
	text-decoration:none;
	}
.sightseeing #main .info-area p:hover{
	background-color:#FF9900;
	}
/*tab*/
.sightseeing .tab{
	border-bottom: 3px solid #00a2e9;
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px 0;
	margin-bottom: 30px;
  }
.sightseeing .tab a{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	background-color:#e5f6fd;
	text-align:center;
	padding:10px 15px;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	color:#00a2e9;
	/*radius*/
	border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}
.sightseeing .tab a.current,
.sightseeing .tab a:hover{
	background-color:#00a2e9;
	color:#FFF;
}
@media screen and (max-width: 679px){
/*乗り換え案内情報*/
.sightseeing #main .info-area {
	border:1px solid #00a2e9;
	padding:15px 15px;
	margin-bottom:20px;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.sightseeing #main .info-area ul{
	float:left;
	width:100%;
	}
.sightseeing #main .info-area ul li {
	text-align:center;
	}

.sightseeing #main .info-area p{
	float:left;
	width:100%;
	margin-top:10px;
	}


/*tab*/
.sightseeing .tab{
	margin-bottom: 20px;
	border-spacing: 3px 0;
  }
.sightseeing .tab a{
	font-size:12px;
	padding:15px 5px;
}
	}
/**/
.sightseeing #wrapper-under div.table-area table th {
	background-color:#33bfdb;
	color:#FFF;
}
.sightseeing #wrapper-under div.table-area table td {
	background-color:#f2f2f2;
}
.sightseeing #wrapper-under div.table-area table {
	border-top:#FFF 1px solid;
	border-right:#FFF 1px solid;
}

.sightseeing #wrapper-under div.table-area table th ,
.sightseeing #wrapper-under div.table-area table td {
	border-left:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}
/*アクセス方法*/
.sightseeing #main .spot-access-area {
	margin-bottom: 50px;
	}
.sightseeing #main .spot-access-area h2 {
	border-left: solid #00a2e9 6px;
	border-bottom:1px solid #dad9d1;
	font-size: 114%;
	margin-bottom: 10px;
	padding: 5px 0 5px 8px;
	}
.sightseeing #main .spot-access-area h2 span {
	font-size:13px;
	}
.sightseeing #main .spot-access-area .spot-access-left{
	float:left;
	width:48%;
	}
.sightseeing #main .spot-access-area .place,
.sightseeing #main .spot-access-area .spot-access-box-last{
	background-color:#f2f0e2;
	padding:10px 10px;
	width:100%;
	font-size:107%;
	font-weight:bold;
	border-left:5px solid #dad5b1;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.sightseeing #main .spot-access-area .spot-access-sbox{
	width:100%;
	display:table;
	}
.sightseeing #main .spot-access-area .spot-access-sbox .time{
	background-color:#fefefe;
	display:table-cell;
	vertical-align:middle;
	width:25%;
	font-size:123.1%;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.sightseeing #main .spot-access-area .spot-access-sbox .transfer{
	background-color:#fefefe;
	display:table-cell;
	vertical-align:middle;
	width:75%;
	padding:10px 0 10px 45px;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
/*電車*/
.sightseeing #main .spot-access-area .spot-access-sbox .ic001{
	background: url("../../image/spot-ic001.png") no-repeat 15px center;
	background-size: 25px 25px;
	border-left:3px solid #85a3c9;
	}
/*バス*/
.sightseeing #main .spot-access-area .spot-access-sbox .ic002{
	background: url("../../image/spot-ic002.png") no-repeat 15px center;
	background-size: 25px 25px;
	border-left:3px solid #85c9c7;
	}
/*新幹線*/
.sightseeing #main .spot-access-area .spot-access-sbox .ic003{
	background: url("../../image/spot-ic003.png") no-repeat 15px center;
	background-size: 25px 25px;
	border-left:3px solid #8ea822;
	}
/*タクシー*/
.sightseeing #main .spot-access-area .spot-access-sbox .ic004{
	background: url("../../image/spot-ic004.png") no-repeat 15px center;
	background-size: 25px 25px;
	border-left:3px solid #ffd940;
	}
/*フェリー*/
.sightseeing #main .spot-access-area .spot-access-sbox .ic005{
	background: url("../../image/spot-ic005.png") no-repeat 15px center;
	background-size: 25px 25px;
	border-left:3px solid #f2accb;
	}
/*徒歩*/
.sightseeing #main .spot-access-area .spot-access-sbox .ic006{
	background: url("../../image/spot-ic006.png") no-repeat 15px center;
	background-size: 25px 25px;
	border-left:3px solid #e8800f;
	}
/*車*/
.sightseeing #main .spot-access-area .spot-access-sbox .ic007{
	background: url("../../image/spot-ic007.png") no-repeat 15px center;
	background-size: 25px 25px;
	border-left:3px solid #ea5532;
	}
.sightseeing #main .spot-access-area .spot-access-right{
	float:right;
	width:48%;
	}
.sightseeing #main .spot-access-area .spot-access-right iframe{
	width:100% !important;
	}
@media screen and (max-width: 679px){
/*アクセス方法*/
.sightseeing #main .spot-access-area {
	margin-bottom: 20px;
	}
.sightseeing #main .spot-access-area .spot-access-left{
	width:100%;
	float:left;
	}
.sightseeing #main .spot-access-area .spot-access-right{
	float:left;
	width:100%;
	}
.sightseeing #main .spot-access-area .spot-access-box-last{
	margin-bottom: 30px;
	}
}



/* お気に入りリスト
=============================================================================*/
.favorite-list .favorite-list-area {
	margin-bottom:20px;
	}
.favorite-list .favorite-list-area dl {
	width:100%;
	display:table;
	background-color:#f2f0e2;
	}
.favorite-list .favorite-list-area dl:nth-child(odd) {
	background-color:#f7f7f2;
	}
.favorite-list .favorite-list-area dl dt {
	width:auto;
	display:table-cell;
	vertical-align:middle;
	padding:20px;
	}
.favorite-list .favorite-list-area dl dd {
	width:100px;
	padding-right:20px;
	display:table-cell;
	vertical-align:middle;
	}
.favorite-list .favorite-list-area dl dt a {
	padding-left:18px;
	background:url("../../image/contents-ar003.gif") no-repeat 0 center;
	background-size:13px 13px;
	display:block;
	font-weight:bold;
	}
.favorite-list .favorite-list-area dl dd a {
	display:block;
	font-size:13px;
	padding:5px 0 5px 15px;
	background:url("../../image/contents-ar007.gif") no-repeat 15px center;
	background-size:13px 13px;
	background-color:#868484;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	}
.favorite-list .favorite-list-area dl dd a:hover {
	/*op*/
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
	}

@media screen and (max-width: 679px){
.favorite-list .favorite-list-area {
	margin-bottom:20px;
	}
.favorite-list .favorite-list-area dl {
	width:100%;
	display:block;
	background-color:#f7f7f2;
	}
.favorite-list .favorite-list-area dl:nth-child(odd) {
	background-color:#f2f0e2;
	}
.favorite-list .favorite-list-area dl dt {
	display:block;
	padding:10px 10px;
	}
.favorite-list .favorite-list-area dl dd {
	width:100px;
	padding-right:20px;
	display:block;
	margin:0 auto 10px auto;
	}
.favorite-list .favorite-list-area dl dt a {
	padding-left:18px;
	background:url("../../image/contents-ar003.gif") no-repeat 0 5px;
	background-size:13px 13px;
	display:block;
	}
.favorite-list .favorite-list-area dl dd a {
	display:block;
	font-size:13px;
	padding:5px 0 5px 15px;
	background:url("../../image/contents-ar007.gif") no-repeat 15px center;
	background-size:13px 13px;
	background-color:#868484;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	}

}


.youtubewrapper {
	position:relative;
	margin-top:1.2em;
	margin-bottom:1.2em;
	padding-top:69px;
	padding-bottom:50%;
	overflow:hidden;
}

.youtubewrapper iframe {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}