@charset "utf-8";

/*検索パネル対応0328　が入っているものは検索パネル追加による
臨時対応のため、コンポネ化したら削除（20220328）*/


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

	びゅうトラベル【レスポンシブ】
	Date: 2018.07.11

	01. 初期化
	02. 画面構成／共通パーツ

--------------▼記事TOPページ▼--------------
	03. 記事一覧　タイトル部分
	04. 記事MVスライダー	/削除/
	05. 記事一覧　(全体)
	06. 記事一覧　(左カラム)
	07.記事一覧　(右カラム)

--------------▼記事詳細ページ▼--------------

	08. 記事TOP（メイン画像）
	09. おすすめプラン（記事ページ　左カラム）
	10. その他の記事　(左カラム)
	11. おすすめプラン　(右カラム)
	12. びゅうたび（記事ページ　右カラム）リスト・ボックス
--------------------------------------------------------- */


/*　検索パネル用クリアボタン　*/
/*.cancelBtn{display: none !important}*/

@media screen and (max-width: 568px) {
.header_sp_menu .sp_menubox .header_snav_reserve a.outside_icon{white-space: nowrap;}
}


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

	01. 初期化

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

.title.article.article_title {
    font-weight: 600;
}
.text .cmp-text {
    line-height: 1.71428571;
}
dl.header_select dt {font-weight: 600;}
/*▲再配布対策*/


*, *::before, *::after {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
	line-height: 1.6 !important;
	-webkit-text-size-adjust: 100%;
}

body{
	color: #222;
	font-family: 'Lato', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	font-size: 1.4rem;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

h2,h3,h4,h5,h6{
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic',
}

img {
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

a {
	color: #06c;
	outline: none;
	text-decoration: none;
}
a:hover {
/*	color: #06c;*/
	text-decoration: underline;
}

ol, ul {list-style: none;}
iframe {vertical-align: bottom;}
table {border-collapse: collapse;}
input[type="text"]:focus {outline: 0;}


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

	02. 画面構成／共通パーツ

--------------------------------------------------------- */
.cmn_wrap {
	min-width: 1040px;
	margin: 0 auto;
/*	overflow: hidden; header固定により撤去 200826 24*/
}

.cmn_contents {
	margin: 0 auto 20px;
	max-width: 1000px;
}

.txtred {
	color: #ff0000;
}


/*ーーーーーーーーーーーーーーーーーーーーー
	画面構成 - for SP
ーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 568px) {
	.cmn_wrap {
		min-width: inherit;
		padding: 0;
		width:100%;
		margin: 0
	}

	.cmn_contents {
		margin: 0 auto;
		/*margin: 20px auto 30px;*/
		width:100%;
		max-width: inherit;
	}

	.top{
		width: 94%;
	}
}

/*--------------------------▼記事TOPページ▼-----------------------------------------*/

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

	03. 記事一覧　タイトル部分

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

.titleArea{
	background: #eff9f9;
    margin: 0 -200%;
    padding: 0 200%;
}

.titleBox{
	width: 1000px;
	margin: 0 auto 30px;
	padding: 10px 0;
}
.titleBox h1{
	width: 50%;
	display: inline-block;
}
.titleBox h1 span{
	font-size:1.2rem;
	display: block;
}

/*ーーーーーーーーーーーーーーーーーーーーー
	記事一覧　TOP - for SP
ーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 568px) {
	.titleBox{
		width:100%;
	}
	.article .titleBox h1{
		margin:0 0 0 10px;
		display: block;
		width:98%;
	}
}

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

	05. 記事一覧　(全体)

--------------------------------------------------------- */
.article_clomn{
	display: flex;
	line-height: 1.8em;
}
.clm_contents{
	background: #ebf7f7;
	border-top: 2px solid #0a8990;
	margin-top: 3rem!important;
    display: block;
	padding-bottom: 20px;
}


/*ーーーーーーーーーーーーーーーーーーーーー
	記事一覧　(全体) - for SP
ーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 568px) {
	.article_clomn{
		display: inherit;
	}
	.clm_contents .clm_contents_mtr{
		width: 100%;
	}
	.article_sp .ace-section {
	    float: none !important;
	    width: 100% !important;
	    display: block !important;
	}
	.clm_contents_mtr{
		width: auto;
	}
}

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

	06. 記事一覧　(左カラム)

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

.article_box{	/*記事詳細ページでも使用*/
	width: 650px;
	border-right: 1px solid #ccc;
	padding-right: 1.5rem;
}
.article_area{	/*記事詳細ページでも使用*/
	padding-bottom: .2rem;
	display: table;
}

/*---　↓タイトル↓　---*/
.clm_list_ttl::after {
	content: "";
	flex-grow: 1;
     height: 2px;
    background: #01b8be;
    margin: 1rem 0 0 .5rem;
    display: block;
}
/*---　↑タイトル↑　---*/

/*---　↓リスト↓　---*/
.clm_list{
	width:100%;
	padding:3% 0;
}
.clm_list li{
	display: inline-block;
	width: 300px;
	line-height: 1.8em;
	vertical-align: top;
}
.clm_list li a{
	text-decoration: none;
	color: #222;
}
.clm_list li a:hover{
	color: #06c;
	text-decoration: underline;
	opacity:0.8;
}
.clm_list li:nth-child(even){
	margin-left: 3%;
}
.clm_list_img{
	width:100%;
	margin:0 auto 10px;
}
.clm_list_title{
	font-size: 1.6rem;
	font-weight: bold;
}
.clm_list_txtarea{
	width: 300px;
	margin: 10px 0 30px;
}
.clm_list_txt{
	display: block;
    height: 80px;
    overflow: hidden;
}
.clm_list_txtarea > span{
	text-align: right;
    display: block;
	color:#999;
    font-size: 1.2rem;
	margin-top:-8px;
    margin-right: 2px;
}
/*---　↑リスト↑　---*/

/*---　↓次へ　ボタン↓　---*/
.next_brn01{
	width: 40%;
	margin:0 auto;
}
.next_brn01 > p{
	border:2px solid #00b9be;
	background: #ebf6f7;
	border-radius: 5px;
	text-align: center;
    position: relative;
}
.next_brn01 > p > a{
	color: #008d91;
	font-weight: bold;
	padding:15px 10px;
	display: block;
}
.next_brn01 > p > a:after{
	content:'';
	display: block;
	border-top: 2px solid #008d91;
	border-right: 2px solid #008d91;
	width: 10px;height: 10px;
	position: absolute;top: 50%;
	right: 10px;
	margin-top: -9px;
	-webkit-transform:rotate(45deg) ;
	-ms-transform:rotate(45deg) ;
	transform:rotate(45deg) ;
	-webkit-transform-origin: 0 0;
}
/*---　↑次へ　ボタン↑　---*/

/*---　↓次へ　数字ボタン↓　---*/
.number_btn{
	border-top: 1px solid #ccc;
	margin:30px 0;
	padding: 10px 0;
}
.number_btn > ul{
	display: inline-flex;
	width:98%;
	text-align: center;
    margin: 0 1%;
}
.number_btn > ul > li:first-child,
.number_btn > ul > li:last-child{
	margin: 0 auto;
	width: 4%;
	border:none;
	font-size: 2rem;
}
.number_btn > ul > li:first-child a:hover,
.number_btn > ul > li:last-child a:hover{
	color:#00b9be;
	background: none;
}
.number_btn > ul > li{
	margin: 1%;
	width: 4%;
	border:1px solid #ccc;
}
.number_btn > ul > li a{
	display: block;
}
.number_btn > ul > li a:hover{
	background: #ccc;
}
/*---　↑次へ　数字ボタン↑　---*/

/*ーーーーーーーーーーーーーーーーーーーーー
	記事一覧　(左カラム) - for SP
ーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 568px) {

	/*記事一覧　20190607
	    タイトルに文字を入れなかった場合*/
	.clm_list > h3.clm_list_ttl:empty {
    border: 1px solid #01b8be;
	baclground:initial;
    padding: 0px;}



	.article_box{	/*記事詳細ページでも使用*/
		border-right: none;
		padding-right: 0;
		margin: 0 auto;
		width:100%;
	}
	.article_area{	/*記事詳細ページでも使用*/
		width: 100%;
		margin:0;
		display: block;
	}

	/*---　↓タイトル↓　---*/
	.article_area .clm_list_ttl{
		text-align: center;
		display:block;
	}
	/*---　↑タイトル↑　---*/

	/*---　↓リスト↓　---*/
	.clm_list{
		width:94%;
		margin: 0 auto;
	}
	.clm_list li{
		display: inline-block;
		width: 47.5%;
	}
	.clm_list li:nth-child(odd){
	margin-left: .5%;
	}
	.clm_list_txtarea{
		width: 100%;
		margin: 10px 0 30px;
	}
	/*---　↑リスト↑　---*/

	/*---　↓次へ　番号ボタン↓　---*/
	.number_btn > ul > li{
    	padding: 2% 6% 2% 4%;
	}
	/*---　↑次へ　番号ボタン↑　---*/
}

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

	07.記事一覧　(右カラム)

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

.clm_subcolum{
	width: 330px;
	padding: 0 0 0 10px;
	display: table;
}

/*---　↓タイトル↓　---*/
.clm_osusume_s_ttl {
	color: #222;
	font-size: 2.0rem;
	font-weight: bold;
	margin: 2.5rem 0 1.5rem;
	display: flex;
}
.clm_subcolum .clm_osusume_s_ttl:first-child {
    margin-top: 8.5%;
}
.clm_osusume_s_ttl::after {
	content: "";
	flex-grow: 1;
     height: 2px;
    background: #01b8be;
    margin: 1rem 0 0 .5rem;
    display: block;
}
/*---　↑タイトル↑　---*/

/*---　↓おすすめプラン（右カラム）↓　---*/
.clm_osusume_s_list li,
.clm_viewtabi_list li{
	background: #fff;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding: 10px 0px 10px 10px;
	width: 100%;
}
.clm_osusume_s_list a,
.clm_viewtabi_list a,
.view_linkbox a{
	color: #222;
	text-decoration: none;
     display: flex;
    align-items: flex-start;
}
.clm_osusume_s_list a:hover,
.clm_viewtabi_list a:hover {
	opacity: 0.8;
}
.clm_viewtabi_list a {
    justify-content: center;
    align-items: center;
    position: relative;
}
.clm_osusume_s_img {
	position: relative;
	display: inline-block;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 1.0rem;
	width:50%;
}
.clm_osusume_s_img img{
	width: 100%;
	height:inherit;
/*	height: 93px;
	object-fit: contain;
	background: #eee;*/
}
.clm_viewtabi_list .clm_viewtabi_txt {
    display: inline-block;
    width: 58%;
    padding-left: 0.5em;
    margin-bottom: 1.0rem;
    font-size: 0.97em;
}
/*---　↑おすすめプラン（右カラム）↑　---*/

/*ーーーーーーーーーーーーーーーーーーーーー
	記事一覧　(右カラム) - for SP
ーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 568px) {

	.clm_subcolum{
		width: 100%;
		padding: 0;
        margin-top: 1em;
        border-left: none;
	}

	/*---　↓おすすめプラン（右カラム）↓　---*/
	.clm_osusume_s_list a{
    	 position: relative;
	}
/*	.article_area .clm_list_title a::after,*/
	.clm_osusume_s_list a::after,
    .clm_viewtabi_list a::after{
		content: "";
		position: absolute;
		border: none;
		border-top: 2px solid #13b5b1;
		border-right: 2px solid #13b5b1;
		height: 10px;
		top: 50%;
		left: auto;
		right: 2%;
		-webkit-transform: rotate(45deg) translate(-50%);
						transform: rotate(45deg) translate(-50%);
		width: 10px;
	}
	.clm_osusume_s_img {
		width: 47%;
		margin-right: 0%;
	}
	.clm_osusume_s_img img{
		width: 100%;
/*		height: 115px;*/
	}
	/*---　↑おすすめプラン（右カラム）↑　---*/

}

/*--------------------------▼記事詳細ページ▼-----------------------------------------*/

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

	08. 記事TOP（メイン画像）

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

.cmn_article_main{
	width:1000px;
	margin:0 auto;
}
.article_top_img {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
}
.article_top_img span{
	display: block;
	padding:2px 0 0 0;
	font-size:1.2rem;
	color:#bbb;
}
.article_top_img span a{
	padding-left:20px;
}
/*ーーーーーーーーーーーーーーーーーーーーー
	記事TOP（メイン画像） - for SP
ーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 568px) {

	.cmn_article_main{
		width:100%;
	}
	.article_top_img {
    	width: 94%;
		padding-bottom: 5px;
	}
}

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

	09. おすすめプラン（記事ページ　左カラム）

--------------------------------------------------------- */
.article .section_article{
	width: 100%;
	margin: .5em auto;
}

/*---　↓記事詳細↓　---*/
.section_article > p {
	margin:20px 0;
}
.article_img{
	width:100%;
	margin: 0 auto;
}
.article_img img{
	width:634px;
	height:423px;
}
.article_img span{
	display: block;
	text-align: right;
	padding:2px 0 10px;
	font-size:1.2rem;
	color:#bbb;
}
.article_img span a{
	padding-left:20px;
}
.article_img_txt{
	padding:15px 0;
	line-height: 1.7;/*検索パネル対応0328*/
}

/*↓テキスト画像回り込み↓*/
.article_img_txt .article_left,.article_img_txt .article_right{
	width: 300px;
	height: 200px;
}
.article_img_txt .article_left{
	float: left;
	margin:0 15px 40px 0;
}
.article_img_txt .article_right{
	float: right;
	margin:0 0 40px 15px;
}
.article_img_txt .article_left span, .article_img_txt .article_right span{
	text-align: right;
	display: block;
	padding-top:2px;
	font-size:1.2rem;
	color:#bbb;
}
.article_img_txt .article_left span a, .article_img_txt .article_right span a{
	margin-left:15px;
}
.article_img_txt + div,.article_img_txt + p{
	clear: both;
}
/*↑テキスト画像回り込み↑*/

/*↓アクセス情報↓*/
.article_access,.article_acc {
    position: relative;
    width: 100%;
    padding: 1em 1em;
    margin: 1em auto 0 auto;
    background: #ebf7f7;
    overflow: hidden;
    border-left: 8px solid #a8e3e8;
    line-height: 1.7;
	margin-bottom: 20px;
	
	/*position:relative;
    width:100%;
    padding:1em 1.5em;
    margin:1em auto 0 auto;
    background:#ebf7f7;
    overflow:hidden;
	border-left:2px solid #a8e3e8;　検索パネル対応0328*/
}

.article_access:before,.article_acc:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0;
    border-style:solid;
    border-color:#fff #fff #a8e3e8 #a8e3e8;
    background:#a8e3e8;
    display:block; width:0;
}
.article_access dt,.article_acc dt{
	float: left;
	font-weight: bold;
}
.article_access dt:after,.article_acc dt:after{
	content:"："
}
/*↑アクセス情報↑*/

/*ーーーーーーーーーーーーーーーーーーーーー
	アクセス情報 - for SP
ーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 568px) {
	.article_access,.article_acc {
    margin:1em auto 2em auto;
}
}

/*---　↑記事詳細↑　---*/

/*---　↓おすすめプラン↓　---*/
.clm_osusume_ttl,
.clm_osusume_ttl_nobfr{
	color: #008e8e;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin: 1.5rem 0 0 0;
}
.clm_osusume_ttl::before {
	content: "JR・新幹線＋ホテル　";
}
.clm_osusume_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 30px -10px;
}
.clm_osusume_list li {
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 10px;
	width: 48%;
}
.clm_osusume_list a {
	color: #222;
	display: block;
	text-decoration: none;
}
.clm_osusume_list a:hover {
	opacity: 0.8;
}

/*↓注意書き↓*/
.clm_osusume_caution {
	font-size: 1.1rem;
	margin: 1.5rem 1.5rem 0;
}
.clm_osusume_caution li {
	padding-left: 2.5em;
	text-indent: -1.0em;
}
/*↑注意書き↑*/
/*---　↑おすすめプラン↑　---*/

/*ーーーーーーーーーーーーーーーーーーーーー
	おすすめプラン（記事ページ　左カラム） - for SP
ーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 568px) {

	.section_article h1{	/*使用しない*/
		width: 96%;
		margin: 0 auto;
		line-height: 1.4;
	}
	.s_article h1{
		width: 96%;
		margin: 0 auto;
		line-height: 1.4;
	}

	/*---　↓記事詳細↓　---*/
	.section_article > p{	/*使用しない*/
		margin: 20px auto;
		width: 94%;
	}
	.s_article{
		margin: 20px auto;
/*		width: 94%;*/
	}
	.article_img{
		width:100%;
		padding-bottom: 5px;
	}
	.article_img img{
		width:100%;
		height:auto;
	}
	.article_img_txt {
    		padding: 15px 0;
	}
	.article_img_txt img{
		padding: 0 15px;
	}

	/*↓テキスト画像回り込み↓*/
	.article_img_txt .article_left,.article_img_txt .article_right{
		float:inherit;
		margin:0 auto;
		width: 100%;
		height: 200px;
		display: inline-block;
	}
	.article_img_txt .article_left img,.article_img_txt .article_right img{
		width:100%;
		margin: 0 auto;
	}
	.article_img_txt .article_left span, .article_img_txt .article_right span{
		margin-right:15px;
	}

	.article_left + div, .article_right + div  {width: 94%;margin: 0 auto;}
	/*↑テキスト画像回り込み↑*/

	/*↓アクセス情報↓*/
	.article_access,.article_acc{
		width:94%;
		padding:1rem;
		/*margin: 0em auto 2em;*/
	}
	/*↑アクセス情報↑*/
	/*---　↑記事詳細↑　---*/
}

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

	10. その他の記事　(左カラム)

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

.clm_article .clm_list li{
	display: inline-block;
	width: 31.3%;
	margin-left: 2.5%;
}
.clm_article .clm_list li:first-child{
	margin-left: 0;
}
.clm_article .clm_list_txtarea{
	width: 200px;
	margin: 10px 0 30px;
}
.clm_article .clm_list_txt{
	display: block;
    height: 60px;
    overflow: hidden;
	line-height: 1.5em;
}

/*ーーーーーーーーーーーーーーーーーーーーー
	その他の記事　(左カラム) - for SP
ーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 568px) {

	/*---　↓タイトル↓　---*/
	.article .section_article > h4.clm_other_ttl{
		border-bottom: none;
		font-size: 2rem;
		width:100%;
		margin:1.5rem 0;
		font-weight: bold;
		color:#222;
	}
	.clm_osusume_s_ttl, .clm_list_ttl, .section_article > h4.clm_other_ttl{
		background: #ebf7f7;
		margin: 1.5rem 0;
		padding: 1rem 0;
		text-align: center;
		display: block;
	}
	.clm_osusume_s_ttl::after,.clm_list_ttl::after, .section_article > h4.clm_other_ttl::after{
		content: "";
		flex-grow: 1;
		height: 0;
		background: none;
		margin: 0;
		display:none;
	}
	/*---　↑タイトル↑　---*/

	/*---　↓おすすめプラン↓　---*/
	.clm_article .clm_list{
		display: block;
	}
	.clm_article .clm_list li{
		display: flex;
		width:100%;
		margin: 0;
	}
	.clm_article .clm_list_img{
		margin-right:10px;
		width:auto;
		height: 115px;
	}
	.clm_article .clm_list_title{
		padding: 0 6% 0 0;
		font-weight: normal;
		position: relative;
	}
	.clm_article .clm_list_title a{
	    vertical-align: middle;
	}
	.clm_article .clm_list_txtarea{
		display: none;
	}
	.clm_osusume_list li{
		width: 100%;
	}
	.clm_osusume_img{
		width: 100%;
	}
	.clm_osusume_img img {
		width: fit-content;
		height: 220px;
	}
	/*---　↑おすすめプラン↑　---*/

	.clm_osusume_s_brand {
		white-space: nowrap;
	}
	.clm_osusume_s_plan_ttl{
	     font-size: 1.5rem;
        padding-right: 2rem;
	}
	.clm_osusume_s_plan_course ,.clm_osusume_s_plan_term{
		padding: 0.2rem 1rem;
	}
	.clm_osusume_s_price {
     	font-size: 1.8rem;
	}
}
/* ---------------------------------------------------------

	11. おすすめプラン　(右カラム)

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

/*---　↓おすすめプラン（商品）↓　---*/
.span_bt5{
	margin: 0 .5rem 0 0 !important;
}
/*---　↑おすすめプラン（商品）↑　---*/


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

	12. びゅうたび（記事ページ　右カラム）リスト・ボックス

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

/*---　↓びゅうたび下、バナー↓　---*/
.box_ban{
    padding: 8% 7% 5%;
    margin: 5% 2%;
	width:100%;
	display: flex;
}
.ban_img_area img{
	width:auto;
	margin:0 auto 10px;
	text-align: center;
}
.ban_img_area > li{
	display: inline-block;
	margin: 0 5px 0;
	width: auto;
}
.ban_img_area > li a{
	width:100%;
	margin: 0 auto;
}
.ban_img_area img{
	display: flex;
}
/*---　↑びゅうたび下、バナー↑　---*/

/*ーーーーーーーーーーーーーーーーーーーーー
	びゅうたび（記事ページ　右カラム）リスト・ボックス - for SP
ーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 568px) {
	.box_banner{
	    width: 100% !important;
	}
	.ban_img_area > li{
		margin: 5px 0;
	}
	.ban_img_area > li img{
		width:100%;
	}
}




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

	13. 修正

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

.bnr_link .title_link{
padding: 0 0 0 15px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M302.64,421.91v2.61h-8.15v-8.15h2.61m6.44,3.81v-4.71h-4.71m-.9,5.5,5.29-5.3m-10.68,2.66v8.14h8.14" transform="translate(-292.04 -414.97)" fill="none" stroke="%23666" stroke-miterlimit="10"/></svg>');
background-repeat: no-repeat;
background-position: 0 3px;
background-size: 12px;
}
/*{background: url(../../../../../../../content/dam/jretravel/site/common/header/outside_icon.png) 0 11px no-repeat;background-size: auto auto;background-size: 16px 12px;padding: 8px 0 8px 20px;}
.tyo_higaeri_list a:hover{text-decoration:none;color:#222;}*/

/*.cmp-text > ul > li {font-size:1.1rem;margin:0 54px}*/
.cmp-text > ul > li {font-size:1.1rem;margin:-10px 54px 1em 54px;}
@media screen and (max-width: 568px) {

.article .section h1,.article .section h2,.article .section h3,.article .section h4,.article .section h5,.article .section h6{margin:10px 0}
.article .section h2{padding:0 10px 5px}
.article .section h3{padding: 6px 10px 5px}
.article .section h4{padding:6px 10px 4px}
.jretravel-image .fade{width: 94%;margin: 0 auto;}

.clm_osusume_product .listitem3 li{width: 94%;margin: 0 auto;padding:15px}
.clm_osusume_s_product .listitem4 li{padding:10px}
.clm_osusume_plan_area,.clm_osusume_tag{display:inline-flex}
.clm_osusume_s_info{font-size:1.1rem}


.cmn_breadcrumb {width: 94%;}
.cmp-text {width: 94%;margin: 0 auto;}
.cmp-text > ul > li {margin: 0;}

.aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--4{float:left;clear:none;width:auto;}
.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4{width:100%}
/*.aem-GridColumn + div > div {width: 94%;margin: 10PX auto 0;}*/
.productsbyarea.tyo_higaeri.aem-GridColumn.aem-GridColumn--default--12 {width: 94%;margin: 20px auto;}
.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12	{float: inherit}



.article_contents{padding:0}
.article_title .section h1{padding:0 10px}
.color_box{margin:5% 3%}

.top_hotelbrand_banner .titleitem {font-size:1.5rem}
.top_hotelbrand_banner .leaditem {font-size: 1.4rem}
.top_hotelbrand_banner .imageitem{margin:10px 0 0 0}
.top_hotelbrand_banner .textitem{padding: 10px 0 10px 10px}
.top_hotelbrand_banner .listitem{width: 94%;margin: 0 auto}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.clm_osusume_s_product .listitem4 li{width:308px !important;}
.clm_osusume_s_info{font-size:1.1rem;}
.clm_osusume_s_img{width:124px;height:93px;margin: 0 auto;align-content: center}
.clm_osusume_s_img img{width:auto;}
.clm_osusume_product .listitem3{display: -ms-flexbox;}
.clm_osusume_product .listitem3 li{width:260px}

.tyo_ranking_list li:nth-child(-n+2) .tyo_ranking_img img,.tyo_ranking_list li:nth-child(n+3) .tyo_ranking_img img{width:auto;display: block;margin:0 auto;}


@supports ( object-fit: cover ) {
.clm_osusume_s_img img {
position: static;
height: 100%;
width: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}

}


}


/*--------------------------▼キャンペーン表示▼-----------------------------------------*/
/*.special_price .normal_price{display:none;color:#222;font-size:1.2rem;margin-top:10px}
.special_price .normal_price:before{content:'旅行代金：';display: inline-block;margin-right:5px;}
.special_price .discount_price{display:none;color:#222;font-size:1.2rem}
.special_price .discount_price:before{content:'旅行代金への給付額：';display: inline-block;margin-right:5px;}*/
/*修正210115↓*/
/*.special_price .price_note{color:#222;font-size:1.2rem;text-align: center;margin: 10px 0 0;font-weight: bold;background: #eee;padding: 5px;}
.special_price .price_note:after{content:'地域共通クーポン付';display: inline-block;text-align: right;}
.special_price .price_note{margin:10px 0}
.special_price .clm_osusume_s_price:before, .special_price .clm_osusume_price:before{content:'お支払い実額：';display: block;font-size:1.4rem;color:#222;font-weight:bold;margin-top:15px}
.special_price .clm_osusume_s_price:before{font-size:1.1rem;margin-top:5px}*/
/*修正210115↑*/
/*--------------------------▲キャンペーン表示▲-----------------------------------------*/