@charset "utf-8";

/*=================================*/
/*========== 基本設定 ==========*/
/*=================================*/
body{
	width: 100%;
	font-size: 14px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
#wrapper,
#headerBg,
#footerBg{
	margin: 0;
	padding: 0;
	width: 100%;
}
#header,
#body,
#footer{
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
a:link,
a:visited,
a:active{
	color: #007FFF;
	text-decoration: none;
}
a:hover{
	color: #007FFF;
	text-decoration: underline;
}
img,
a img{
	border: none;
}
.clear{
	clear: both;
}
.logo {
	font-family: Impact;
	font-style: italic;
	color: rgb(0, 0, 255);
	font-size: 30px;
}
a img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/*=================================*/
/*========== トップページ ==========*/
/*=================================*/
#content .feed_zone{
	width: 630px;
	margin: 0 auto;
}
#content .news h3 span,
#content .tours h3 span,
#content .air_ticket h3 span,
#content .important h3 span,
#content .special h3 span{
	display: none;
}
#content .feed_zone ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .feed_zone li {
	border-bottom: 1px dotted #888;
	padding: 5px 0;
}
.magazine {
	background: url(../img/global/bg_magazine.png) repeat #a9d8ee;
	width: 700px;
	height: 700px;
	position: relative;
	margin-top: 15px;
}
.magazine h3 {
	padding: 20px 0;
	font-size: 18px;
	color: #444;
	text-shadow: 1px 1px 1px #fff;
	margin: 0 15px;
	display: inline-block;
}
.subscription {
	position: absolute;
	top: 22px;
	left: 345px;
	font-size: 16px;
	color: #00238c !important;
	font-weight: bold;
	text-decoration: underline !important;
}
.magazine .iframe {
	width: 670px;
	margin: 0 auto;
	background: #fff;
	height: 600px;
}

/*=================================*/
/*========== ヘッダー ==========*/
/*=================================*/
#headerBg{
	background: url(../img/global/bg_header.png) no-repeat center top #fff;
}
#header{
	overflow: hidden;
	margin: 0 auto 15px;
	position: relative;
}
#logo {
	width: 400px;
	float: left;
	height: 190px;
	margin: 0 0 0 15px;
}
#logo h1 {
	font-style: italic;
	font-size: 80px;
	font-family: Impact;
	color: #fff;
	font-weight: normal;
}


#logo h1 a{
	color: #fff;
	display: block;
}
#logo h1 a:hover{
	text-decoration: none;
}
#logo h2 {
	font-weight: normal;
	color: #fff;
	text-shadow: 1px 1px 2px #ddd;
}
#logo span{
	display: none;
}
#header_info{
	width:500px;
	float: right;
}
#header_info img.btn_contact{
	position: absolute;
	top: 15px;
	right: 12px;
}
#header_info .contact_box {
	position: absolute;
	right: 15px;
	top: 75px;
	text-align: right;
}
#header_info p.hour {
	color: #fff;
	font-size: 14px;
}
#header_info p.mail {
	color: #fff;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#header_info p.mail a:link,
#header_info p.mail a:active,
#header_info p.mail a:visited {
	color: #fff;
}
#header_info .tel {
	color: #ffb053;
	font-size: 32px;
	margin: 0;
	padding: 0;
	text-shadow: 2px 2px 0px #339ccf;
	text-align: center;
	height: 1em;
}
#header_info .contact_box .week {
	display: inline-block;
	width: 70px;
	text-align: left;
}
#header_info .contact_box .week2 {
	display: inline-block;
	width: 30px;
	text-align: left;
}
#header_info img.tel{
	position: absolute;
	right: 13px;
	top: 74px;
}
#header_bottom {
	background: #FF9534 url(../img/global/bg_mainvisual1.png) repeat-x;
	background-size:cover;
/*	height:480px;*/
/*	height: 410px;*/
}
#header_bottom.ticket {
	background: url(../img/global/bg_mainvisual2.png) repeat-x;
}
#header_bottom.hotel {
	background: url(../img/global/bg_mainvisual3.png) repeat-x;
}
#header_bottom.option {
	background: url(../img/global/bg_mainvisual4.png) repeat-x;
}
#header_bottom.rankup {
	background: url(../img/global/bg_mainvisual5.png) repeat-x;
}
#header_bottom.japan {
	background: none #F51A3C;
}

#header_bottom.option #search,
#header_bottom.rankup #search{
	background: #fff;
	width: 420px;
	height: 350px;
	overflow-y: scroll;
	float: left;
	margin: 20px 0 0 15px;
}
#header_bottom.option #search p,
#header_bottom.rankup #search p,
#header_bottom.rankup #search h4{
	margin: 10px 15px;
}
#header_bottom.option #search a.btn{
	background: #75b488;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 1px #ddd;
	color: #fff;
	border-radius: 3px;
	font-weight: bold;
	padding: .2em .8em;
}
span.pc-design {
    display: inline !important;
}

/*=================================*/
/*========== グロナビ ==========*/
/*=================================*/
#nav{
}
#nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li{
	float: left;
	margin: 0;
	padding: 0;
}
#nav li.last{
	float: left;
}
#nav a {
	display: block;
    font-size: 0;
    line-height: 0;
}
/*========== 検索フォーム ==========*/
#header_bottom{
	overflow: hidden;
	clear: both;
/*	height:520px;*/
}
#mainvisual {
	width: 500px;
	float: left;
	display: inline;/* for IE6 */
}
#search.index {
	background: #fff;
	border: solid 10px #FF8D29;
	margin-bottom: 10px;
	/*border-radius: 10px;*/
}
#search.ticket {
	background: #fff;
	border: solid 10px #4865C0;
	margin-bottom: 10px;
	/*border-radius: 10px;*/
}
#search .search_box {
	width: auto;
	display: inline-block;
	margin: 2px 0;
}
#search h5 {
	margin: 0;
	padding: 0;
	width: 100px;
	background: #ff902e;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
}
#search .ui-datepicker-trigger {
    vertical-align: bottom;
}
.search_box p {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 100px;
}
.search_box select,
.search_box input{
	font-size: 12px;
	vertical-align:top;
}
#search .search_box_departure{
	/*position: relative;*/
	margin: 10px 10px 0;
	padding: 5px 0 0 0;
}
#search .search_box_destination{
	/*position: relative;*/
	margin: 0 10px;
	padding: 10px 0 0 0;
}
.japan #search .search_box_destination{
	padding: 10px 0 0 0;
}
#search .search_box_option{
	/*position: relative;*/
	margin: 0 10px;
	padding: 10px 0 0 0;
}
#search .search_box_option p{
	display: block;
	width: auto;
}
#search .search_box_submit{
	/*position: relative;*/
	padding: 10px 10px 0;
}
#search .search_box_rankup {
	margin: 10px;
}
.search_box_departure select{
	vertical-align:top;
	}
#code {
    width: 60%;
    display: inline-block;
}
#code +.submit{
	display:inline-block;
	}
#search input[type="submit"] {
	background: #f0466b;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 1px #ddd;
	color: #fff;
	border-radius: 3px;
	font-weight: bold;
	padding: .2em .8em;
}
#search.index input[type="submit"] {
	background: #ff902e;
}
#search.ticket input[type="submit"],
#search.ticket #search h5 {
	background: #4f6fc5;
}
#header_bottom.hotel input[type="submit"],
#header_bottom.hotel #search h5 {
	background: #f87582;
}
#header_bottom.option input[type="submit"],
#header_bottom.option #search h5 {
	background: #60a875;
}
#header_bottom.rankup input[type="submit"],
#header_bottom.rankup #search h5 {
	background: #857150;
}
#header_bottom.japan input[type="submit"],
#header_bottom.japan #search h5 {
	background: #F51A3C;
}
#mainvisual {
	margin: 20px 0 20px 15px;
}

/* ホテル検索 */
.hotel #search .search_box_departure{
	height: auto;
	padding: 30px 0 0 0;
}
.hotel #search .search_box_submit{
	height: auto;
}

/*=================================*/
/*========== コンテンツ ==========*/
/*=================================*/
#content_zone{
	width: 706px;
	float: right;
}
#content_top {
	background: url(../img/global/bg_content_top.png) no-repeat #fff;
	height:10px;
}
#content {
	background: url(../img/global/bg_content_middle.png) repeat-y #fff;
	overflow: hidden;
	padding: 0 15px;
}
#content_bottom {
	background: url(../img/global/bg_content_bottom.png) no-repeat #fff;
	height: 10px;
}
#content ul{
	margin: 0;
	padding: 0;
}
#content ul li {
	border-bottom: 1px dotted #888;
	padding: 5px 0;
	margin: 5px 0;
	list-style: none;
}
/*========== サブナビ ==========*/
.subnav h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px dotted #888;
	padding: 0 0 .5em 0;
}
.subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	width: 680px !important;
}
#content .subnav ul li {
	margin: 0;
	padding: 0;
	border: none;
	display: inline-block;
}
.subnav ul li.last {
	float: none;
}

/*=================================*/
/*========== サイドバー ==========*/
/*=================================*/
#sidebar {
	width: 250px;
	float: left;
	overflow: hidden;
	margin: 0;
}
#sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#trapedia img {margin:0 auto;
    border: 2px solid #c6c6c6;
	background-color: #ffffff;
	border-radius: 5px; 
}
#sns img { width:246px; height:auto; margin:0 auto;
    border: 2px solid #c6c6c6;
	background-color: #ffffff;
	border-radius: 5px; 
}
/*=================================*/
/*========== フッター ==========*/
/*=================================*/
#footerBg{
	background: none #fff;
}
#footerBg #eur_list{
	width: 960px;
	margin: 0 auto;
	background: none #2b9bd1;
	padding: 10px 0;
}
#footerBg #eur_list ul{
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
#footerBg #eur_list ul li{
	border-right: 1px solid #ddd;
	display: inline-block;
	margin-left: 1em;
	height: 20px;
	padding-right: 1em;
	color: #fff;
}

#eur_list > p {
    color: #fff;
    margin: 0;
    padding: 5px 15px;
}
#footerBg #eur_list ul li a{
	color: #fff;
}
#footerBg #eur_list ul li.last{
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
#footerBg #footer {
	background: none #2b9bd1;
	clear: both;
	height: 45px;
	line-height: 45px;
}
#footer ul{
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
#footer ul li{
	border-right: 1px solid #fff;
	display: inline;
	margin-left: 1em;
	height: 50px;
	padding-right: 1em;
}
#footer ul li.last{
	border-right: none;
	padding-right: 0;
}
#footer ul li a{
	color: #fff;
}
.copyright{
	text-align: center;
	width: 100%;
	background: none #fff;
	padding: 10px 0;
	margin: 0;
}

/*=================================*/
/*================ 下層ページ ================*/
/*=================================*/

/*========== 会社概要 ==========*/
#company_profiel{
}
#company_profiel .profiel th {
	width: 10em;
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px solid #CCC;
	background: #2b9bd1;
	padding: 0 10px;
	color: #fff;
	font-weight: normal;
}
#company_profiel .profiel td{
	padding: 10px;
	border-top: 1px solid #2b9bd1;
        border-bottom: 1px solid #2b9bd1;
}
#company_profiel .access_map {
	text-align: center;
	margin: 30px;
}

/*航空券条件書*/


/*ご予約・お問い合わせ*/
#content ul.yokolist {
	list-style: none;
	text-align: center;
	margin: 15px auto;
	padding: 0;
}
#content ul.yokolist li{
	border: none;
	display: inline;
	margin: 10px;
}
#content ul.yokolist li a {
	display: inline-block;
}
#content ul.yokolist li a img {
	border: 1px solid #eee;
	box-shadow: 1px 1px 3px #eee;
}

/*ホテルランクアップ情報*/
.rankup #content .zone ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.rankup #content .zone li{
	border: none;
	list-style: none;
	margin: .5em 1em;
	padding: 0;
	display: inline-block;
}

/*ヨーロッパ特設ページ*/
.photo_travel{
	display:  inline-block;
	width:  220px;
	text-align: center;
	vertical-align: middle;
	float: left;
}
.photo_travel img{
	border: 4px solid #fff;
	box-shadow: 1px 1px 5px #ccc;
	border-radius: 1px;
}

/*Amazon ガイドブック等*/
#book #content_zone{
	width: 960px;
	float: none;
}
#book #content_top {
	background: url(../img/global/bg_content_top_onecol.png) no-repeat #fff;
	height:10px;
}
#book #content {
	background: url(../img/global/bg_content_middle_onecol.png) repeat-y #fff;
	overflow: hidden;
	padding: 20px;
}
#book #content_bottom {
	background: url(../img/global/bg_content_bottom_onecol.png) no-repeat #fff;
	height: 10px;
}

/*検索結果詳細　1カラム用*/
#detail #content_zone{
	width: 960px;
	float: none;
}
#detail #content_top {
	background: url(../img/global/bg_content_top_onecol.png) no-repeat #fff;
	height:10px;
}
#detail #content {
	background: url(../img/global/bg_content_middle_onecol.png) repeat-y #fff;
	overflow: hidden;
	padding: 20px;
}
#detail #content_bottom {
	background: url(../img/global/bg_content_bottom_onecol.png) no-repeat #fff;
	height: 10px;
}


/*=================================*/
/*================ 汎用 ================*/
/*=================================*/

/*見出し*/
/*青の見出し。ページタイトル用に。*/
h2.bluetitle,
h3.bluetitle,
h4.bluetitle,
h5.bluetitle {
	border-left: 6px solid #2C55FA;
	padding-left: 9px;
	height: 20px;
	line-height: 20px;
	clear: both;
}

/*オレンジ背景の見出し。*/
h2.orangetitle,
h3.orangetitle,
h4.orangetitle,
h5.orangetitle{
	background: url(/img/global/h3_orange.png) top left no-repeat;
	width: 661px;
	height: 45px;
	line-height: 45px;
	padding-left: 15px;
	text-shadow: 1px 1px 1px #fff;
	clear: both;
}

/*青背景の見出し。画像の代わりに。*/
h2.flowtitle,
h3.flowtitle,
h4.flowtitle,
h5.flowtitle{
	text-align: center;
	padding: .8em;
	border: 3px double #2C55FA;
	width: auto;
	color: #FFF;
	background-color: #7691FF;
	border-radius: 5px;
	clear: both;
}
/*テキスト中央揃え*/
.t_ali_center{
	text-align: center;
}
/*フォントの色を赤に*/
.fc_red{
	color: #C33;
}
/*矢印用*/
p.arrow {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: white;
	background-color: #7681ff;
	padding: .5em;
	border: 1px solid #2c55fa;
	margin: 0 auto;
	width: 1em;
	border-radius: 3px;
}
/*箇条書きリストその１*/
#content ul.kajogaki{
	list-style: decimal;
	margin: 1em 0 1em 2em;
}
#content ul.kajogaki li{
	list-style: decimal;
	border-bottom: none;
}

/*表組み*/
table.kaijo {
	width: 100%;
}
.kaijo th {
	background: #2B9BD1;
	color: #fff;
	font-weight: normal;
	text-align: center;
	padding: .6em .2em;
	border: 1px solid #ccc;
}
.kaijo td {
	text-align: center;
	padding: .6em .2em;
	border: 1px solid #ccc;
}

table.tb_border{
	width: 100%;
}
table.tb_border th,
table.tb_border td{
	border: 1px solid #ddd;
	padding: .8em;
}
table.tb_border th{
	background: #eee;
}

/* 表組みカレンダー（検索詳細ページ） */
.calender table{
	text-align: center;
}
.calender td{
	padding: 4px;
}

table.calender_nav{
	padding-left: 85px;
}
.calender_nav td{
	padding: 0;
}

/* ホテルランクアップ用 */
#content table tr td h3 {
	color: #FFF;
}

/* 検索修正用 */

#search td select{
	width: 225px;
}
#search td input[type="text"]{
	width: 221px;
}
#search td #cn1,
#search td #tn1,
#search td #cn2,
#search td #tn2,
#search td #cn3,
#search td #tn3{
	display: block;
	margin-top: 4px;
}
#search .submit input[type="submit"]{
	margin: 0px 10px 0px 38px;
	width: 300px;
	font-size: 16px;
}
#search .submit .submit_btn,
#search .submit .submit_btn2{
	padding: 2.5px 11px 4px 11px;
	border-radius: 2px;
	box-shadow: 1px 1px 1px 1px #e5e5e5;
	font-weight: bold;
	text-decoration: none;
}
#search .submit .submit_btn{
	background: #fff;
	color: #ff902e;
	border: 1px solid #ff902e;
}
#search .submit .submit_btn2{
	background: #fff;
	color: #4f6fc5;
	border: 1px solid #4f6fc5;
}
#search td{
	
	}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    text-indent: 5px;
}
.submit {
    margin: 15px auto;
    text-align: center;
}

#mainvisual ul {
    overflow: hidden;
    margin: 0 0 5px;
    padding: 0;
    list-style: none;
}
#mainvisual ul li {
    float: left;
    width: 235px;
	margin-right: 12px;
}
#mainvisual ul li a img {
    max-width: 100%;
}
.footer_bottom{
	text-align:center;
	margin-top: 0;
	}
.footer_bottom li {
    display: inline-block;
	border-right: 1px solid #ddd;
	/* margin-left: 1em; */
	height: 18px;
	vertical-align:middle;
	padding-right: 1em;
}
.footer_bottom li:last-child {
	border-right:none;
	}
.footer_bottom a{
	color:#333;	
}
.sp-design{
	display:none;
	}

#ddcl-tm1 .ui-state2-default{
	padding-right: 0px !important;
}
.ui-dropdownchecklist-text,
.ui-dropdownchecklist-selector{
	width: 223px !important;
}
.ticket #search .search_box_departure{
	margin-top: 30px;
}

#logo+h3.campaign {
    position: absolute;
    top: 140px;
    left: 10px;
}
#logo+h3.campaign a{
	color:#fff;
	text-decoration:underline
	}
#logo+h3.campaign a:hover{
	text-decoration:none;
	}
/*検索修正2018/08/02*/
.search_left{
	display:inline-block;
	width:320px;
	vertical-align:top;
}
.search_right{
	display:inline-block;
	width:320px;
	vertical-align:top;
}
#search .search_left th,
#search .search_right th{
    table-layout: fixed;
    text-align: left;
    width: 82px;
	vertical-align:top;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	padding-top: 9px;
}

#search .search_left td,
#search .search_right td{
    table-layout: fixed;
    width: 250px;
	 padding: 4px;
	 font-size:12px;
	 vertical-align:top;
}
.search_top{
	margin-left: 15px;
}
.midashi_tour{
	padding: 10px 10px 10px 5px;
	color: #FF8015;
	font-size: 22px;
	font-weight: bold;
	text-align:left;
	margin:0;
}
.midashi_ticket{
	padding: 10px 10px 10px 5px;
	color: #4865C0;
	font-size: 22px;
	font-weight: bold;
	text-align:left;
	margin:0;
}
.search_top th.midashi_ticket span{
	padding-left: 10px;
}
.search_top th.item1{
    table-layout: fixed;
    width: 68px;
	vertical-align:top;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	padding-top: 9px;
	text-align:left;
}
.search_top td.item2{
    table-layout: fixed;
    width: 250px;
	 padding: 4px;
	 font-size:12px;
	 vertical-align:top;
}
/*=== 航空会社 lib/airline.php ===*/
.airline {
  position: relative;
  width: 100%;
  padding-top: 125%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.airline iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}
#airline {
	border: 2px solid #8899a6;
    margin: 1px;
}
#airline h3 {
    margin:8px;
}
#airline h4 {
 width: 32%; 
 border: 2px solid #8899a6;
 margin: 2px 0 2px 0; 
 padding:4px 9px 4px 4px; 
 background-color: #4d90fe38;
}

#airline #content {
	background:none !important;
	overflow: hidden !important;
    padding: 15px  !important;
}
#airline ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: left;
}
#airline ul li {
    border: 2px solid #8899a6;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 32%;
    height: 38px;
}
#airline ul li img {
    float: left;
    margin: 0 10px 0 0;
}
#airline ul li a{
    float:left;
}
#airline ul li.last {
	float: none;
}
#airline2 ul {list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 2px solid #c6c6c6;
    background-color: #ffff99;
    border-radius: 5px;
}
#airline2 ul li {border: none;
    display: inline-block;
    margin: 10px;
}
#airline2 ul li a {display: inline-block;
}



/*=== 航空会社 airline/airline.php ===*/
#content #airline3  {
	background:none !important;
	overflow: hidden !important;
}
#content #airline3 h3 {
    margin:8px;
}
#content #airline3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: left;
}
#content #airline3 ul li {
    border: 2px solid #8899a6;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 48%;
    height: 38px;
}
#content #airline3 ul li img {
    float: left;
    margin: 0 10px 0 0;
}
#content #airline3 ul li a{
    float:left;
}
#content #airline3 ul li.last {
	float: none;
}

/*=== カンタス航空 ===*/
.qf {
  position: relative;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
/*=== trapedia ===*/
.trapedia img{
    width:184px;
    height:72px;
	border:0;
	float: left;
}
.trapedia span a{
	padding: 25px 10px 0 10px;
    display: flex;
}
.trapedia2 img{
	border: 2px solid #c6c6c6;
	border-radius: 5px;
	float:left; 
	margin-right:20px 
}
.trapedia3 a{
	padding: 10px;
	border: 2px solid #c6c6c6;
	background-color: #ffffff;
	border-radius: 5px; 
	font-weight:bold
}
/*=== パンくずリスト===*/
.breadcrumb {
  margin: 0;
  padding: 0 10px;
  list-style: none;
}

.breadcrumb li {
  display: inline;
  list-style: none;
}

.breadcrumb li:after {
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a:hover {
  text-decoration: underline;
}
/*========== 旅行記 ==========*/
.box {
  margin: 0 0 5px;
  float: left;
  width: 100%;
  background: #FFFFCC;
  border: 2px solid #c6c6c6;
	border-radius: 5px; 
}
.box img {
  max-width: 25%;
}
.box h5 {
  font-size: 18px;
  margin: 0;
  padding: 10px;
}
.box p {
  margin: 0;
  padding: 10px;
}
.right {
  width: 75%;
  float: left;
}
/*========== ひとり旅 =========*/
.hitoritabi {
  position   : relative;
  overflow   : hidden;
  width      : 680px;
  height     : 380px;
  margin     : auto;
  background : #fff;
}
 
.hitoritabi h3 {
  position: absolute;
  top: 25%;
  left: 50%;
  -ms-transform: translate(-25%,-50%);
  -webkit-transform: translate(-25%,-50%);
  transform: translate(-25%,-50%);
  margin:0;
  padding:0;
  font-weight: bold; /*太字に*/
  font-size: 4em;/*サイズ2倍*/
  line-height: 1.1;/*行高は1に*/
  font-family :'Noto Sans JP', sans-serif;/*Google Font*/
  background-color: rgba( 255,255,255,0.5 );
  } 
.hitoritabi img {
  display    : block;
  position   : absolute;
  width      : inherit;
  height     : inherit;
  left       : 100%;
  animation  : slideAnime 12s ease infinite;
}
.hitoritabi img:nth-of-type(1) { animation-delay: 0s }
.hitoritabi img:nth-of-type(2) { animation-delay: 4s }
.hitoritabi img:nth-of-type(3) { animation-delay: 8s }

@keyframes slideAnime{
   0% { left: 100%  }
   3% { left: 0     }
  30% { left: 0     }
  33% { left: -100% }
 100% { left: -100% }
}
 
/*========== コラム ==========*/
.seotext_area {margin: 10px auto;padding: 15px;border: 1px solid #ccc;width: auto;}
.seotext_area h2,.nap_info h2 {font-size: 18px;font-weight: bold;margin: 0 0 10px;padding: 0 0 5px;border-bottom: 1px dashed #ccc;text-align: center;color: #00428c}
.seotext_area p {margin: 0 0 1em;}
.seotext_area p:last-child {margin: 0;}
.column_link {margin: 20px auto 10px;max-width: 250px;}
.column_link a {color: #fff;display: block;text-align: center;text-decoration: none;padding: 10px 10px;background: #00428c;border-radius: 5px;}
.column_link a:hover {color: #fff;background: #00428c;opacity: 0.7;text-decoration: none;}
/* @media only screen and (max-width: 768px) {
.seotext_area{width: 90%}
.column_link {width:45%;margin: 20px auto 10px;}
} */