@charset "utf-8";

@import url("/japan-travel-planner/common/css/mwbp/slider.css");
@import url("/japan-travel-planner/common/css/mwbp/header.css");
@import url("/japan-travel-planner/common/css/mwbp/footer.css");
@import url("/japan-travel-planner/common/css/mwbp/iconset.css");



/* ==========================================================================
common class

・無闇に増やさず汎用性に応じて追加してください。
========================================================================== */
/* display */
.disp_inline{display: inline !important;}
.disp_inlineBlock{display: inline-block !important;}
.disp_block{display: block !important;}

/* margin and padding */
.mt_none{margin-top: 0 !important;}
.mt_small{margin-top: 20px !important;}
.mt_medium{margin-top: 40px !important;}
.mt_large{margin-top: 80px !important;}

.mb_none{margin-bottom: 0 !important;}
.mb_small{margin-bottom: 20px !important;}
.mb_medium{margin-bottom: 40px !important;}
.mb_large{margin-bottom: 80px !important;}

.pt_none{padding-top: 0 !important;}
.pt_small{padding-top: 20px !important;}
.pt_medium{padding-top: 40px !important;}
.pt_large{padding-top: 80px !important;}

.pb_none{padding-bottom: 0 !important;}
.pb_small{padding-bottom: 20px !important;}
.pb_medium{padding-bottom: 40px !important;}
.pb_large{padding-bottom: 80px !important;}

/* text and content */
.align--left{text-align: left !important;}
.align--center{text-align: center !important;}
.align--right{text-align: right !important;}

.fw--bold{font-weight: bold !important;}
.fw--normal{font-weight: normal !important;}

.fs--06{font-size: 0.6rem !important;}
.fs--08{font-size: 0.8rem !important;}
.fs--10{font-size: 1.0rem !important;}
.fs--12{font-size: 1.2rem !important;}
.fs--14{font-size: 1.4rem !important;line-height: 1.5;}
.fs--16{font-size: 1.6rem !important;}

@media only screen and (max-width:768px) {
	.fs--14 {font-size: 1.2rem !important;line-height: 1.5;}
}

.fc--blue_01{color: #17399a !important;}


@media screen and (max-width: 1279px){}
@media screen and (max-width: 768px){}

/* ==========================================================================
unique display
========================================================================== */
html.wws .asw-only{
  display: none !important;
}

html.wws .jajp-only,
html.asw.en .jajp-only{
  display: none !important;
}

html.wws .enjp-only,
html.asw.ja .enjp-only{
  display: none !important;
}


/* ==========================================================================
based parts
========================================================================== */
html.js--scrollLock,
html.js--scrollLock body{}


/* imageBox
----------------------- */
.textBox{
	max-width: 700px;
}
.textBox p + p{
	margin-top: 1em;
}
@media screen and (max-width: 768px){
.textBox{
	max-width: auto;
}
}

/* imageBox
----------------------- */
.imageBox{
	margin: 10px auto;
	text-align: center;
}

/* scaleImage
----------------------- */
.scaleImage .scaleImage_box{
	overflow: hidden;
	display: block;
}
.scaleImage .scaleImage_box img{
	width: 100%;
	height: auto;

	transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
}
.scaleImage:hover .scaleImage_box img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/* ico_inline
----------------------- */
.ico_inline{
	padding: 3px 6px;
}
.ico_inline img{
	max-height: 2em;
	vertical-align: middle;
}
@media screen and (max-width: 1279px){}
@media screen and (max-width: 768px){}


/* ==========================================================================
Module Layouts
========================================================================== */
/* topicPath
========================================================================== */
.topicPath{
	margin: 15px auto;
}
.topicPath .topicPath_list{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 0;
}
.topicPath .topicPath_item{
	display: inline-block;
	position: relative;
	font-size: 0.8rem;
	line-height: 1.5rem;
}
.topicPath .topicPath_item:not(:first-of-type){
	padding-left: .875rem;

}
.topicPath .topicPath_item:not(:first-of-type):before{
	position: absolute;
	top: .625rem;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	margin: auto .3125rem;
	content: "";
	transform: rotate(45deg);
	border-top: 1px solid #757575;
	border-right: 1px solid #757575;
}
.topicPath .topicPath_item a{
	color: #066dc4;
}
.topicPath .topicPath_item a:hover{
	text-decoration: underline;
}
@media screen and (max-width: 768px){
	.topicPath .topicPath_list{
		padding: 0 10px;
	}
}/* end max-width: 768px */


/* heading
========================================================================== */
/* heading_pageTitle
----------------------- */
.heading_title{
	word-wrap: break-word;
	line-height: 1.3em;
	margin-bottom: 16px;
}
.heading_pageTitle{
	margin: 0 auto 30px;
}
.heading_pageTitle .heading_title{
	font-size: 2.625rem;
}
/* heading_level_2
----------------------- */
.heading_level_2{
	margin: 0 auto 30px;
}
.heading_level_2 .heading_title{
	font-size: 2.25rem;
}
/* heading_level_3
----------------------- */
.heading_level_3{
	margin: 0 auto 15px;
}
.heading_level_3 .heading_title{
	font-size: 1.5rem;
}
@media screen and (max-width: 768px){
/* heading_pageTitle
----------------------- */
.heading_pageTitle{
	margin: 0 auto 15px;
}
.heading_pageTitle .heading_title{
	font-size: 1.75rem;
}

/* heading_level_2
----------------------- */
.heading_level_2{
	margin: 0 auto 15px;
}
.heading_level_2 .heading_title{
	font-size: 1.5rem;
}
/* heading_level_3
----------------------- */
.heading_level_3{
	margin: 0 auto 10px;
}
.heading_level_3 .heading_title{
	font-size: 1.188rem
}

}/* end max-width: 768px */

.heading_border_blue{
	position: relative;
	margin: 0 auto 40px;
	padding-bottom: 10px;
}
.heading_border_blue .heading_title{
	font-size: 2.25rem;
}
.heading_border_blue .heading_title:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 40px;
	background: #17399a;
}
@media screen and (max-width: 768px){
.heading_border_blue{
	margin: 0 auto 20px;
	padding-bottom: 5px;
}
.heading_border_blue .heading_title{
	font-size: 1.75rem;
}
.heading_border_blue .heading_title:after{
	height: 1px;
}
}/* end max-width: 768px */


/* section
========================================================================== */
.section{
	margin: 40px auto 0;
}
.layout_block{
	padding: 0 0 60px;
}
.layout_block + .layout_block{
	padding: 40px 0 60px;
	border-top: 1px solid #ddd;
}

.contentInner{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}

.section_gray{
	padding: 50px 0;
	background: #f0f1f4;
}
@media screen and (max-width: 1279px){}
@media screen and (max-width: 768px){
.section{
	margin: 30px auto 0;
}

.layout_block{
	padding: 0 0 40px;
}
.layout_block + .layout_block{
	padding: 40px 0 40px;
}

.contentInner{
	max-width: auto;
	margin: 0 auto;
	padding: 0 10px;
}

.section_gray{
	padding: 25px 0;
}

}/* end max-width: 768px */



/* column
========================================================================== */
/* columnBlock
----------------------- */
.columnBlock{
	margin: 40px auto 0;
}
@media screen and (max-width: 768px){
.columnBlock{
	margin: 20px auto 0;
}
}/* end max-width: 768px */


.column_2 .column-wifi{
	line-height: 1.5;
}

/* column_2
----------------------- */
.column_2 .column{
	width: 48.5%;
	float: right;
}
.column_2 .column:first-child{
	float: left;
}
.column_2.column_right .column{
	float: left;
}
.column_2.column_right .column:first-child{
	float: right;
}

@media screen and (max-width: 768px){
.column_2.column--spBreak .column,
.column_2.column--spBreak.column_right .column:first-child{
	width: 100%;
	float: none;
}

.column_2.column--spBreak .column + .column{
	margin-top: 20px;
}
}/* end max-width: 768px */


/* liquid_column
----------------------- */
.liquid_column .column:first-child {
	float: left;
	width: auto;
	margin: 0 2.5% 0 0;
}
.liquid_column .column:last-child {
	overflow: hidden;
	float: none;
	width: auto;
}
.liquid_column.liquid--imageRight .column:first-child {
	float: right;
	margin: 0 0 0 2.5%;
}

@media screen and (max-width: 768px){
.liquid_column.column--spBreak .column{
	width: 100%;
	float: none;
	margin: 0 auto;
}
.liquid_column.column--spBreak .column + .column{
	margin-top: 20px;
}
}/* end max-width: 768px */


/* block
========================================================================== */
/* entry_summary_01
----------------------- */
.entry_summary_01{
	background: #fff;
}
.entry_summary_01 a{
	display: block;
	color: #333;
	text-decoration: none;
}
.entry_summary_01 .entry_summary_thumbs{
	position: relative;
	margin-bottom: 20px;
}
.entry_summary_01 .entry_summary_badge_01{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	max-width: 100%;
	display: inline-block;
	padding: 0px 10px;
	background: #333;
	color: #fff;
}
.entry_summary_01 .entry_summary_inner{
	padding-right: 15px;
	position: relative;
}
.entry_summary_01 .entry_summary_title{
	font-size: 1.2rem;
	line-height: 1.5;
	font-weight: bold;
}
.entry_summary_01 .entry_summary_iconBox{
	margin: 0px auto 10px;
}
.entry_summary_01 .entry_summary_icon_01{
	display: inline-block;
	padding: 4px 22px;
	background: #17399a;
	color: #fff;

	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
}
.entry_summary_01 .entry_summary_inner > .entry_summary_title {
  padding-left: 0.875rem;
}
.entry_summary_01 .entry_summary_inner > .entry_summary_title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0.375rem;
  width: 0.375rem;
  height: 0.375rem;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg);
}
.entry_summary_01 .entry_summary_inner .entry_summary_iconBox ~ .entry_summary_title {
  padding-left: 0;
}
.entry_summary_01 .entry_summary_inner .entry_summary_iconBox ~ .entry_summary_title:before {
  content: none;
}

.entry_summary_01 .entry_summary_text{
	color: #666;
	line-height: 24px;
}
@media screen and (max-width: 1279px){}
@media screen and (max-width: 768px){
.entry_summary_01 .entry_summary_badge_01{
	font-size: 0.75rem
}
.entry_summary_01 .entry_summary_iconBox{
	margin: 0px auto 5px;
}
.entry_summary_01 .entry_summary_icon_01{
	padding: 1px 15px;
	font-size: 0.75rem;
}
.entry_summary_01 .entry_summary_title{
	font-size: 1rem;
}
.entry_summary_text{
	display: none;
}
}/* end max-width: 768px */


/* entry_summary_02
----------------------- */
.entry_summary_02{
	background: #fff;
	border: 1px solid #ddd;
}
.entry_summary_02 + .entry_summary_02{
	margin-top: 20px;
}
.entry_summary_02 a{
	display: table;
	width: 100%;
	color: #333;
	text-decoration: none;
}
.entry_summary_02 .entry_summary_thumbs{
	width: 150px;
	display: table-cell;
	border-right: 1px solid #ddd;
	vertical-align: middle;
	text-align: center;
}
.entry_summary_02 .entry_summary_thumbs > span{
	margin: 0 auto;
}
.entry_summary_02 .entry_summary_box{
	display: table-cell;
	width: auto;
	padding: 20px;
}
.entry_summary_02 .entry_summary_title{
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 5px;
}
@media screen and (max-width: 768px){
.entry_summary_02 .entry_summary_thumbs{
	width: 30%;
}
}/* end max-width: 768px */


/* table
========================================================================== */
/* tableBlock
----------------------- */
.tableBlock{
	margin: 40px auto 0;
}
.tableBlock .table_caption{
	margin: 5px auto;
}
.tableBlock table{
	width: 100%;
	border: 1px solid #ddd;
	border-width: 1px 0 0 1px;
}
.tableBlock th{
	width: 29.8%;
	padding: 20px;
	background: #f0f1f4;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
	vertical-align: middle;
	text-align: left;
}
.tableBlock td{
	padding: 20px;
	background: #fff;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
	vertical-align: middle;
	text-align: left;
}
@media screen and (max-width: 768px){
.tableBlock{
	margin: 20px auto 0;
}
.tableBlock th,
.tableBlock td{
	padding: 10px;
	vertical-align: top;
}
}/* end max-width: 768px */

.tableBlock .table_cell--TL{vertical-align: top;text-align: left;}
.tableBlock .table_cell--TC{vertical-align: top;text-align: center;}
.tableBlock .table_cell--TR{vertical-align: top;text-align: right;}
.tableBlock .table_cell--ML{vertical-align: middle;text-align: left;}
.tableBlock .table_cell--MC{vertical-align: middle;text-align: center;}
.tableBlock .table_cell--MR{vertical-align: middle;text-align: right;}
.tableBlock .table_cell--ML{vertical-align: bottom;text-align: left;}
.tableBlock .table_cell--MC{vertical-align: bottom;text-align: center;}
.tableBlock .table_cell--MR{vertical-align: bottom;text-align: right;}

.tableBlock .table_width--80{width: 80%;}
.tableBlock .table_width--75{width: 75%;}
.tableBlock .table_width--70{width: 70%;}
.tableBlock .table_width--65{width: 65%;}
.tableBlock .table_width--60{width: 60%;}
.tableBlock .table_width--55{width: 55%;}
.tableBlock .table_width--50{width: 50%;}
.tableBlock .table_width--45{width: 45%;}
.tableBlock .table_width--40{width: 40%;}
.tableBlock .table_width--35{width: 35%;}
.tableBlock .table_width--30{width: 30%;}
.tableBlock .table_width--25{width: 25%;}
.tableBlock .table_width--20{width: 20%;}

/* table_01
----------------------- */
/* タイプ違いのテーブルは必要に応じて基礎スタイルをオーバーライドしながら追加してください。大幅に違うものはテーブルブロックから複製してください。 */


/* list
========================================================================== */
/* list utility
----------------------- */
.list-mt-normal {
	margin-top: 25px;
}
.list-mt-narrow {
	margin-top: 12px;
}
.bullet .link_blank_02 .iconBlank {
	display: inline;
	margin-left: 6px;
}
/* list_type_01
----------------------- */
.list_type_01{
	padding-left: 1em;
	text-indent: -1em;
}

/* list bullet
----------------------- */
.list-ul>.bullet {
	padding-left: 30px;
	list-style: none;
	text-indent: -30px;
	color: #333;
}
.list-ul>.bullet:before {
	display: inline-block;
	width: 30px;
	padding-right: .4em;
	text-align: center;
	text-align: right;
	text-indent: 0;
}
/* list hyphen */
.list-style-hyphen>.bullet:before {
	content: "\002d\00a0";
}
/* list asterisk */
.list-style-asterisk>.bullet:before {
	content: "\002a\00a0";
}

/* list-ol
----------------------- */
.list-ol {
	counter-reset: a;
}
ol, ul {
	list-style: none;
}
.list-ol>.bullet {
	padding-left: 18px;
	list-style: none;
	text-indent: -32px;
}
.list-ol>.bullet:before {
	display: inline-block;
	width: 30px;
	content: counter(a) ". ";
	counter-increment: a;
	text-align: right;
	text-indent: 0;
}


/* parts
========================================================================== */
/* plan_areaMap
----------------------- */
.plan_areaMap_box{
	position: relative;
}
.plan_areaMap{
	overflow: hidden;
	text-align: center;
}
.plan_areaMap svg{
	width: 100%;
	vertical-align: middle;
}
.plan_areaMap text{
	font-size: 0.8125rem;
	font-weight: bold;
	font-family: "Noto Sans",Droid Sans,Arial,Helvetica,sans-serif,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
}
.plan_areaMap g{
	fill: #e4e8f3;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
}
.plan_areaMap g[data-areahover]{
	fill: #88a1da;
	/*fill: #aec2f1;
	stroke: #fff;
	stroke-width: 1;*/
}
.plan_areaMap g[data-areaselected]{
	fill: #88a1da;
	/*stroke-width: 0;*/
}

/* Comments
----------------------- */
.res-contents{
	max-width: 880px;
	margin: 40px auto 0;
}

/* recommendTrips
----------------------- */
.recommendTripsBlock{
	margin: 0 0 40px;
	padding: 40px 0 40px;
	background: #f0f1f4;
}

/* recommendTrips */
.recommendTrips{
	padding: 0 40px;
	text-align: center;
}
.recommendTrips .bx-wrapper{
	box-shadow: none;
	border: none;
	margin-bottom: 0;
	background: transparent;
}
.recommendTrips .bx-wrapper .bx-prev{
	left: -30px;
	background: url(/japan-travel-planner/common/images/pc/ico_slider_controls_prev.png) left center no-repeat;
}
.recommendTrips .bx-wrapper .bx-prev:hover,
.recommendTrips .bx-wrapper .bx-prev:focus {
	background-position: left center;
}
.recommendTrips .bx-wrapper .bx-next{
	right: -30px;
	background: url(/japan-travel-planner/common/images/pc/ico_slider_controls_next.png) right center no-repeat;
}
.recommendTrips .bx-wrapper .bx-next:hover,
.recommendTrips .bx-wrapper .bx-next:focus {
	background-position: right center;
}

.recommendTrips_summary{
	position: relative;
	padding: 0 0 20px;
}
@media screen and (min-width: 769px){
.recommendTrips_slider.js--noSlide{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;

}
.recommendTrips_slider.js--noSlide li{
	width: 32%;
}
.recommendTrips_slider.js--noSlide li:nth-last-child(n+2){
	margin-right:20px;
}

.recommendTrips_slider.js--noSlide li a{
	height: 100%;
}
}/* end min-width: 769px */

.recommendTrips_Tag{
	position: absolute;
	z-index: 2;
	width: 80%;
	padding: 6px 5px;
	top: 0px;
	left: 50%;
	background: #323232;
	text-align: center;
	color: #fff;

	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.recommendTrips_Tag:before{
	position: absolute;
	content: '';
	top: 0;
	right: -5px;
	border: none;
	border-bottom: solid 10px #141414;
	border-right: solid 5px transparent;
}

.recommendTrips_summary a{
	display: block;
	background: #fff;
	color: #333;
	text-decoration: none;
}
.recommendTrips_summary .recommendTrips_summary_thumbs{
	position: relative;
}
.recommendTrips_summary .recommendTrips_summary_badge_01{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: inline-block;
	padding: 0px 10px;
	background: #333;
	color: #fff;
}
.recommendTrips_summary .recommendTrips_summary_inner{
	padding: 20px;
	text-align: left;
}
.recommendTrips_summary .recommendTrips_summary_title{
	font-size: 1.3rem;
	font-weight: bold;
}
.recommendTrips_summary .recommendTrips_summary_iconBox{
	margin: 0px auto 10px;
}
.recommendTrips_summary .recommendTrips_summary_icon_01{
	display: inline-block;
	padding: 0 28px;
	background: #17399a;
	color: #fff;

	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
}
.recommendTrips_summary .recommendTrips_summary_text{
	color: #666;
}
.deal_wrap{
    display: -webkit-flex;
    flex-direction: row;
}

.deal_box{
	width: 50%;
  	padding: 10px; 
}

.deal_box h3{
    font-size: 1.13em;
    background: #0C308E;
    padding: 6px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.deal_box p{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.0625em;
    min-height: 50px;
}

.deal_box a{
    font-size: 1.1875em;
    text-decoration: underline;
    padding: 5px 0;
}
.deal_box a:hover {
text-decoration: none;
}

@media screen and (max-width: 1279px){}
@media screen and (max-width: 768px){
.recommendTripsBlock{
	margin: 0 0 40px;
	padding: 40px 0 20px;
	background: #f0f1f4;
}
.recommendTrips{
	padding: 0 0;
}
.recommendTrips .bx-wrapper .bx-controls-direction a{
	height: 48px;
	width: 48px;
	top: 40%;
}
.recommendTrips .bx-wrapper .bx-prev{
	left: 0px;
	background: url(/japan-travel-planner/common/images/sp/ico_slider_controls_prev.png) left center no-repeat;
	background-size: contain;
}
.recommendTrips .bx-wrapper .bx-next{
	right: 0px;
	background: url(/japan-travel-planner/common/images/sp/ico_slider_controls_next.png) right center no-repeat;
	background-size: contain;
}

.recommendTrips_summary a{
	border: none;
	background: transparent;
}
.recommendTrips_summary .recommendTrips_summary_inner{
	padding: 10px 0;
}
.recommendTrips_summary .recommendTrips_summary_iconBox{
	display: inline-block;
	padding-right: 10px;
}
.recommendTrips_summary .recommendTrips_summary_icon_01{
	padding: 3px 28px;
	font-size: 0.75rem;
}
.recommendTrips_summary .recommendTrips_summary_title{
	display: inline-block;
	vertical-align: middle;
	font-size: 1rem;
}
.recommendTrips_summary .recommendTrips_summary_text{
	display: none;
}
.deal_wrap{
    display: -webkit-flex;
    flex-direction: column;
}

.deal_box{
	width: 100%;
  padding: 10px 0 20px; 
}

.deal_box h3{
    font-size: 1.13em;
    background: #0C308E;
    padding: 6px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.deal_box p{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.0625em;
    min-height: 0px;
}
.deal_box a{
    font-size: 1.1875em;
    text-decoration: underline;
}

}/* end max-width: 768px */


/* advertis
========================================================================== */
/* bannerBox
----------------------- */
.bannerBox_01{
	margin: 40px auto;
	text-align: center;
}
.bannerBox_02{
	margin: 80px auto;
	text-align: center;
}
.bannerBox_01 a{
	display: block;
	margin: 0 auto;

	transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
}
.bannerBox_01 a:hover{
	background: #fff;
	opacity: 0.6;
}
@media screen and (max-width: 1279px){}
@media screen and (max-width: 768px){
.bannerBox_01{
	margin: 20px auto;
}
.bannerBox_02{
	margin: 40px auto;
}

}/* end max-width: 768px */


.buttonBox_01{
	margin: 40px auto;
}
/* findflights
----------------------- */
.button.btn_findflights{
	width: 440px;
	margin: 0 auto;
	padding: 20px;
	background: #d54100;
	text-align: center;
	cursor: pointer;
}
@media screen and (max-width: 768px){
.button.btn_findflights{
	width: 90%;
	padding: 15px 25px;
}
}/* end max-width: 768px */


/* form
========================================================================== */
/* input
----------------------- */
input::-webkit-input-placeholder {
	color: #ccc;
	font-weight: normal;
	font-size: 1rem;
	vertical-align: middle;
}
input:-ms-input-placeholder {
	color: #ccc;
	font-weight: normal;
	font-size: 1rem;
	vertical-align: middle;
}
input::-moz-placeholder {
	color: #ccc;
	font-weight: normal;
	font-size: 1rem;
	vertical-align: middle;
}
.textInput_01 input{
	font-size: 1.2rem;
	padding: 6px 10px;
}

.checkList_01 li{
	display: inline-block;
	margin: 0 4px 10px;
	vertical-align: top;
}
/* checkButton_01
----------------------- */
.checkButton_01{
	display: inline-block;
}
.checkButton_01 label{
	display: inline-block;
	padding: 3px 15px 3px 10px;
	border: 1px solid #17399a;
	background: #d4def5;
	color: #333;
	word-break: break-all;

	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;

	transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
}
.checkButton_01 input{
	display: none;
}
.checkButton_01 label span{
	display: block;
	padding-left: 18px;
	background: url(/japan-travel-planner/common/images/ico_check_blue_01.png) left center no-repeat;
}
.checkButton_01 input:checked + label{
	background: #17399a;
	color: #fff;
}

@media screen and (min-width: 769px){
.checkButton_01 label:hover{
	background: #fff;
}
}/* end min-width: 769px */

@media screen and (max-width: 768px){
.checkList_01 li{
	margin: 0 1% 2%;
}
.checkButton_01 label{
	padding: 3px 10px;
	font-size: 0.875rem;
}
}/* end max-width: 768px */

/* selectButton_01
----------------------- */
.selectButton_01 select{
	display: inline-block;
	min-width: 80px;
	padding: 10px 35px 10px 25px;
	border: 1px solid #ddd;
	background: #fff url(/japan-travel-planner/common/images/ico_arrow_down_gray.png) no-repeat 90% center;
	font-size: 1rem;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.selectButton_01 select::-ms-expand{
	display: none;
}
@media screen and (max-width: 768px){
.selectButton_01 select{
	min-width: 40px;
	padding: 6px 22px 6px 10px;
	background-size: 11px;
}
}/* end max-width: 768px */

/* button and link
========================================================================== */
/* link_arrow_01
----------------------- */
.link_arrow_01{
	display: inline-block;
	color: #17399a;
}
.link_arrow_01:before{
	content: '';
	height: 15px;
	width: 8px;
	display: inline-block;
	margin-right: 10px;
	background: url(/japan-travel-planner/common/images/ico_arrow_right_gray.png) no-repeat center;
	vertical-align: middle;
}

/* link_arrow_02
----------------------- */
.link_arrow_02{
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	padding: 15px 15px 10px 0;

	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
}
.link_arrow_02:after{
	content: '';
	display: block;
	position: absolute;
	right: 5px;
	top: 50%;
	height: 15px;
	width: 8px;

	background: url(/japan-travel-planner/common/images/ico_arrow_right_gray.png) no-repeat;

	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);

	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
}
.link_arrow_02:hover{
	color: #17399a;
}
.link_arrow_02:hover:after{
	right: 0px;
}

/* link_blank */
.link_blank_01:after{
	content: '';
	height: 15px;
	width: 15px;
	margin-left: 6px;
	display: inline-block;
	background: url(/japan-travel-planner/common/images/ico_blank_01.png) right center no-repeat;
	vertical-align: middle;
}
.link_blank_02:after{
	content: '';
	height: 15px;
	width: 15px;
	margin-left: 6px;
	display: inline-block;
	background: url(/japan-travel-planner/common/images/ico_blank_02.png) right center no-repeat;
	vertical-align: middle;
}
.link_blank_03:after{
	content: '';
	height: 15px;
	width: 15px;
	margin-left: 6px;
	display: inline-block;
	background: url(/japan-travel-planner/common/images/ico_blank_03.png) right center no-repeat;
	vertical-align: middle;
}

/* link_inline_01
----------------------- */
.link_inline_01{
	color: #17399a;
}
.link_inline_01:hover{
	text-decoration: underline;
}

/* buttton
----------------------- */
.button{
	display: block;
	color: #333;
	background: #fff;

	transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
}
@media screen and (min-width: 769px){
.button:hover{
	opacity: 0.6;
	color: #333;
	text-decoration: none;
}
}/* end min-width: 769px */

	/* blue
	----------------------- */
	.btn_blue_01{
		display: inline-block;
		min-width: 180px;
		padding: 0 12px;
		border: none;
		background: #17399a;
		color: #fff;
	}
	.btn_blue_01:hover{
		color: #fff;
	}
	/* orange
	----------------------- */
	/* btn_orange_01 */
	.btn_orange_01{
		display: inline-block;
		min-width: 180px;
		padding: 12px;
		border: 3px solid #d2611d;
		background: #fff;
		color: #d2611d;
		text-align: center;
	}
	.btn_orange_01:hover{
		background: #d2611d;
		color: #fff;
		opacity: 1;
	}
	/* gray
	----------------------- */
	.btn_gray_01{
		display: inline-block;
		min-width: 180px;
		padding: 12px;
		border: 1px solid #ddd;
		background: #f0f1f4;
		color: #333;
	}
	.btn_gray_01:hover{
		color: #333;
	}
	/* black
	----------------------- */
	.btn_black_01{
		display: inline-block;
		min-width: 180px;
		padding: 12px;
		background: #333;
		color: #fff;
	}
	.btn_black_01:hover{
		color: #fff;
	}

/* btn_viewMore
----------------------- */
.btn_viewMore{
	display: inline-block;
	width: 220px;
	margin: 25px 0 0;
	padding: 10px 18px;
	border: 2px solid #17399a;
	color: #17399a;
	text-align: center;
	cursor: pointer;
}
.btn_viewMore:hover{
	color: #17399a;
	text-decoration: none;
}
.btn_viewMore span{
	display: block;
	background: url(/japan-travel-planner/common/images/ico_viewmore_plus.png) no-repeat center right;
	background-size: 16px;
}
.btn_viewMore.js--viewMoreClose span{
	background-image: url(/japan-travel-planner/common/images/ico_viewmore_minus.png);
}
@media screen and (max-width: 1279px){}
@media screen and (max-width: 768px){
.btn_viewMore{
	display: inline-block;
	max-width: 320px;
	margin: 20px 0 0;
}
.btn_viewMore:hover{
	opacity: 1;
}

}/* end max-width: 768px */