@charset "utf-8";


/*-----------------文字サイズ、色-----------------*/
.font05{font-size: 0.5em;}
.font06{font-size: 0.6em;}
.font07{font-size: 0.7em;}
.font08{font-size: 0.8em;}
.font09{font-size: 0.9em;}
.font11{font-size: 1.1em;}
.font12{font-size: 1.2em;}
.font13{font-size: 1.3em;}
.font14{font-size: 1.4em;}
.w-bld, .bld{font-weight: bold;}
.txt_red{color: #ea0000;}

/*-----------------間隔-----------------*/
.pd_5{padding: 5px;}
.pd_10{padding: 10px;}
.m_10{margin: 10px;}
.m_20{margin: 20px;}
.lh_150{line-height: 150%;}
.lh_160{line-height: 160%;}
.lh_170{line-height: 170%;}
.mt_m10{margin-top: -10px!important;}
.mt_m20{margin-top: -20px!important;}
.mt_m30{margin-top: -30px!important;}
.mt_m40{margin-top: -40px!important;}
.mt_m50{margin-top: -50px!important;}

/*-----------------水色囲み、中の太字見出し-----------------*/
.frame_blue{
	background-color: #ebf6f7;
	padding: 1em 1.5em;
	margin: 1em 0;
}
.blue_subhead{
	font-size: 110%;
	font-weight: bold;
	color: #47adb0;
}

@media screen and (max-width: 568px) {
	.frame_blue{margin: 1em;}
}

/*-----------------水色囲み 00176専用-----------------*/
.frame_blue00176{
	background-color: #ebf6f7;
	padding: 1em 1.5em;
	margin: 1em 0;
}
@media screen and (max-width: 568px) {
	.frame_blue00176{margin: 1em 0;}
}

/*-----------------スマホのみにマージン10-----------------*/
.txt_sp_m10{margin: 0;}

@media screen and (max-width: 568px) {
	.txt_sp_m10{margin: 0px 1em;}
}

/*新DPのEFに合わせる*/
.clm2_kiji{padding: 20px 50px 0 50px;}
.clm2_kiji li{background-color: #fff;}
@media screen and (max-width: 568px) {
	.clm2_kiji{padding: 20px 10px 0 10px;}
	.clm2_kiji li{margin-top: 1em;}
}
/*-----------------リスト表示のタイトル部分-----------------*/

.list_ttl{
	font-size: 1.8rem;
    margin: 20px 0 -22px 0px;
    font-weight: bold;
    color: #47adb0;
}
@media screen and (max-width: 568px) {
	.list_ttl{margin: 20px 0 -15px 5px;}
}

/*-----------------びゅうたびを商品情報（手入力）で表示させる-----------------*/
.vtabi_box p.area {display: none!important;}
.vtabi_box p.ttl {
    color: #1089d2;
    font-size: 1.4rem!important;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 0.3rem;
    padding-right: 0.5em;
}
/*びゅうたび全ていれ変わったら削除*/
.listitem4 li a.pc{display: flex!important;}

@media screen and (max-width: 568px){
	.vtabi_box{margin-left: 10px;}
	.vtabi_box::after {
		content: "";
		position: absolute;
		border: 0;
		border-top: 3px solid #13b5b1;
		border-right: 3px solid #13b5b1;
		height: 10px;
		top: 50%;
		right: 10px!important;
		-webkit-transform: rotate(45deg) translate(-50%);
		transform: rotate(45deg) translate(-50%);
		width: 10px;
	}
	.vtabi_box p.ttl {padding-right: 2rem;}
	.listitem4 li a.sp{display: none!important;}
}
/*-----------------リスト表示SP時に2カラムに-----------------*/
.cmn_contents .clm_3>.sp_list_2clm,
.cmn_contents .clm_2>.sp_list_2clm{
	margin-top: -35px;
}
.spot_name{font-weight: bold;
    font-size: 1.7rem;
    /*border-left: 10px double #12b5b4;*/
   /* padding-left: 10px;*/
}
.spot_name:before {
    content:"■";   /*表示する文字*/
    margin-right:0.3em;
	color: #12b5b4;
} 

	@media screen and (max-width: 568px) {
		.cmn_contents .clm_3>.sp_list_2clm,
		.cmn_contents .clm_2>.sp_list_2clm{
			margin-top: -10px;
		}
    .cmn_contents .clm_3>.sp_list_2clm>li {
		width: 49%;
		padding-right: 25px;
		}
		 .cmn_contents .clm_2>.sp_list_2clm>li{
			 padding-right: 25px;
		}
		.cmn_contents .clm_3>.sp_list_2clm a,
		.cmn_contents .clm_2>.sp_list_2clm a{
			line-height: 130%;
		}
	.spot_name{margin: 0 10px;}
	}
/*-----------------記事一覧ページ　右カラムタグ一覧-----------------*/
.taglist{float: left;}
.taglist_l{margin-left: 1em!important;}

/*-----------------メールマガジン-----------------*/
.mailmag_box{
	background-color: #f5f5f5;
    padding: 15px 10px;
    /*margin-left: 10px;*/
	text-align: center;
}
.mailmag_copy{
	text-align: center;
    font-weight: bold;
    font-size: 110%;
    margin: 10px 0 0px 0;
    color: #1684b2;
    background: linear-gradient(transparent 60%, #fff67d 60%);
    display: inline;
    padding: 5px 10px;
}
.mailmag_btn{
    width: 100%;
    background: #fa6a00;
    border-radius: 10px;
    position: relative;
    padding: 0;
}
.mailmag_btn a{
    font-size: 0.95em;
    text-decoration: none;
    margin: 0;
    padding: 10px 40px 10px 10px;
    line-height: inherit;
    position: static;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
    text-align: center;
}
.mailmag_btn::after{
    content: '';
/*    border-right: 2px solid #fff;*/
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: 8%;
    -webkit-transform: rotate(45deg) translate(-35%, -40%);
    transform: rotate(45deg) translate(-35%, -40%);
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
@media screen and (max-width: 568px){
	.mailmag_btn{
	    width: auto;
    	margin: 0 20px;
	}
}

/*-----------------テキストリンク　リスト表示の下点線を消す 右カラムタグの時は表示-----------------*/
@media screen and (max-width: 568px){
	.cmn_contents .clm_osusume_area>ul>li {
		border-bottom: none;}
	.cmn_contents .clm_osusume_area .ex_line li {
		border-bottom: 1px dashed #ccc;
}}

/*-----------------おすすめ商品バックを白-----------------*/
.codeitem .bg_white .listitem li {
	background-color: #fff;
}

/*-----------------検索行きボタン-----------------*/
.btn01_rt {
	background: #41c4c3;
    border-radius: 10px;
    position: relative;
	margin-top: 20px;
}

.btn01_rt a {
	display: block;
    font-size: 1.2em;
    color: #fff;
    border-radius: 10px;
    line-height: 3;
    position: relative;
    text-decoration: none;
	background: none;
	padding: initial;
}

.btn01_rt::after{
    /*content: '';*/
    border: 2px solid !important;
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 40%;
    right: 10%;
    border-color: #fff #fff transparent transparent!important;
    transform: rotate(135deg)!important;
}


@media screen and (min-width: 568px){
	.btn01_rt{
		display: none; /*PCでは非表示*/
	}
	.btn01_rt .show{
		display: inline-block; /*PC表示させたいならこれ追加*/
		width: 70%;
	}
	.btn01_rt a::after {
		border: 2px solid !important;
		display: block;
		width: 1rem;
		height: 1rem;
		position: absolute;
		top: 40%;
		right: 10%;
		border-color: #fff #fff transparent transparent!important;
		transform: rotate(135deg)!important;
}
}


/*table 通常↓*/
.tbl_pla{
	border: solid 1px #222222;
	width: 100%;
	margin: 10px 0;
}

.tbl_pla th{
	background-color: #eff9f9;
}

.tbl_pla th,
.tbl_pla td{
	padding : 10px;
	text-align: center;
	border: solid 1px #222222;
}

@media all and (max-width:767px){
	.tbl_pla{
		width: 94%;
		margin: auto;
	}	
}
/*table 通常↑*/


/*テーブル レスポンシブ ao↓*/
.tdesign {
 	width: 100%;
 	border-collapse: collapse;
 	border-spacing: 0;
 	background: #e1faff;
}

.tdesign tr:nth-child(2n+1) {
 	background: #faffff;
}

.tdesign th {
 	padding: 10px;
 	border: solid 2px #ffffff;
	background:#64adeb;
 	color: #ffffff;
}

.tdesign td {
 	padding: 10px;
 	border: solid 2px #ffffff;
	min-width:10em;
}

.tdesign th,td.texc {
	text-align:center;
}

@media screen and (max-width: 768px) {
   .tdesign {
    	width: 95%;
    	margin: auto;
		}

  .tdesign .head{
    	display:none;
  		}

  table.tdesign td {
    	display: block;
   	 	width: 100%;
    	border-bottom:none;
    	background: #e1faff;
  		}
	
  table.tdesign td:first-child{
    	background: #64adeb;
    	color:#fff;
    	font-weight:bold;
  		}
	
  table.tdesign td:before{
    	content: attr(data-label);
    	font-weight:bold;
    	color: #999;
    	display: block;
  		}
	
  .tdesign tr:last-child{
    	border-bottom: solid 1px #ccc;
  		}
}
/* テーブル レスポンシブ ao↑ */

/*テーブル レスポンシブ midori↓*/
.tdesign_green {
 	width: 100%;
 	border-collapse: collapse;
 	border-spacing: 0;
 	background: #eafaec;
}

.tdesign_green th {
 	padding: 10px;
 	border: solid 2px #ffffff;
	background:#42cbb5;
 	color: #ffffff;
}

.tdesign_green td {
 	padding: 10px;
 	border: solid 2px #ffffff;
	min-width:10em;
}

.tdesign_green th,td.texc {
	text-align:center;
}

@media screen and (max-width: 768px) {
   .tdesign_green {
    	width: 95%;
    	margin: auto;
		}
	
	.tdesign_green .head{
    	display:none;
  		}
	
	 table.tdesign_green td {
    	display: block;
   	 	width: 100%;
    	border-bottom:none;
    	background: #eafaec;
  		}
		
  table.tdesign_green td:first-child{
    	background: #42cbb5;
    	color:#fff;
    	font-weight:bold;
  		}
  table.tdesign_green td:before{
    	content: attr(data-label);
    	font-weight:bold;
    	color: #39b5a1;
    	display: block;
  		}
	
  .tdesign_green tr:last-child{
    	border-bottom: solid 1px #ccc;
  		}
}
/* テーブル レスポンシブ midori↑ */


/*テーブル レスポンシブ orange↓*/
.tdesign_orange {
 	width: 100%;
 	border-collapse: collapse;
 	border-spacing: 0;
 	background: #fff6f2;
}

.tdesign_orange th {
 	padding: 10px;
 	border: solid 2px #ffffff;
	background:#ffa883;
 	color: #ffffff;
}

.tdesign_orange td {
 	padding: 10px;
 	border: solid 2px #ffffff;
	min-width:10em;
}

.tdesign_orange th,td.texc {
	text-align:center;
}

@media screen and (max-width: 768px) {
   .tdesign_orange {
    	width: 95%;
    	margin: auto;
		}
	
	.tdesign_orange .head{
    	display:none;
  		}
	
	 table.tdesign_orange td {
    	display: block;
   	 	width: 100%;
    	border-bottom:none;
    	background: #fff6f2;
  		}
		
	
  table.tdesign_orange td:first-child{
    	background: #ffa883;
    	color:#fff;
    	font-weight:bold;
  		}
	
  table.tdesign_orange td:before{
    	content: attr(data-label);
    	font-weight:bold;
    	color: #fb9b72;
    	display: block;
  		}
	
  .tdesign_orange tr:last-child{
    	border-bottom: solid 1px #ccc;
  		}
}
/* テーブル レスポンシブ orange↑ */


/*tableなどで改行させない*/
.not_br{white-space: nowrap;}
/*tableなどで左に寄せる*/
.ta_left{text-align: left!important;}


/*00109用*/
.tbl_00109{
	border: solid 1px #222222;
	width: 100%;
}

.tbl_00109 th,
.tbl_00109 td{
	padding : 10px;
	text-align: center;
	width: 50%;
	border: solid 1px #222222;
}

.tbl_00109 th{
	background-color: #12b5b4;
	color: #fff;
	border: solid 1px #222222;
}

.tbl_00109 .spot{
	background-color: #eff9f9;
}

@media screen and (max-width: 568px) {
.tbl_00109{
	border: solid 1px #222222;
	width: 95%;
	margin: 1em 10px;
}
}

/*00120用*/
.box_00120{
	background-color: #ebf6f7;
	padding: 1em;
}
.tbl_00120 th{
	text-align: center;
}

.tbl_00120 td,.tbl_00120 th{
	border: solid 1px #ccc;
	padding: 5px 10px;
}

/*00122用*/
.tbl_00122{
	border: solid 1px #222222;
	width: 100%;
	margin: 10px 0;
}
.tbl_00122 th{
	background-color: #eff9f9;
}
.tbl_00122 th,
.tbl_00122 td{
	padding : 10px;
	text-align: center;
	border: solid 1px #222222;
}


/*00123用*/
.tbl_00123_01{
	border: solid 1px #222222;
	width: 100%;
	margin: 10px 0;
}
.tbl_00123_01 th,
.tbl_00123_02 th{
	background-color: #eff9f9;
}
.tbl_00123_01 th,
.tbl_00123_01 td{
	padding : 10px;
	text-align: center;
	border: solid 1px #222222;
}
.tbl_00123_01 th.cell_r{
	width: 40%;
}
.tbl_00123_01 th.cell_l{
	width: 60%;
}

.tbl_00123_02{
	border: solid 1px #222222;
	width: 100%;
	margin: 10px 0;
}
.tbl_00123_02 th,
.tbl_00123_02 td{
	padding : 10px;
	text-align: center;
	border: solid 1px #222222;
}


/*00134用*/
.tbl_00134{
	border: solid 1px #222222;
	width: 100%;
	margin: 10px 0;
}

.tbl_00134 th{
	background-color: #eff9f9;
	border: solid 1px #222222;
	padding : 10px;
	text-align: center;
}

.tbl_00134 th.cell_r{
	width: 20%;
}
.tbl_00134 th.cell_l{
	width: 40%;
}
.tbl_00134 tr,
.tbl_00134 td{
	border: solid 1px #222222;
	padding : 10px;
	text-align: center;
}

/*00144用*/
.tbl_00144{
	border: solid 1px #222222;
	width: 100%;
	margin: 10px 0;
}
.tbl_00144 th{
	background-color: #eff9f9;
	width: 20%;
}
.tbl_00144 td.clm_l{
	width: 20%;
}
.tbl_00144 td.clm_r{
	width: 40%;
}
.tbl_00144 th,
.tbl_00144 td{
	padding : 10px;
	text-align: center;
	border: solid 1px #222222;
}

/*00187用*/
.tbl_00187{
	border: solid 1px #222222;
	width: 100%;
	margin: 10px 0;
	font-size: 80%;
}
.tbl_00187 th{
	background-color: #eff9f9;
}
.tbl_00187 th,
.tbl_00187 td{
	padding : 10px;
	text-align: center;
	border: solid 1px #222222;
}



/*-----------------00191　Youtube-----------------*/
.y_box {
	position:relative;
	padding:30px 10px;
	font-size:20px;
	border:2px solid #325A8C;
}

.y_box::after{
	content: "\5217\8ECA\306E\624B\914D";
	position: absolute;
	top: -19px;
	left: 10px;
	background: #fff;
	font-size: 20px;
	color: #325A8C;
	padding: 0 10px;
}

.y_box .movie_box {
	margin-left: 2em;
}

@media all and (max-width:767px){
	.y_box {
		display: block;
		width:96%;
		margin:0 auto;
	}
	
	.y_box .movie_box {
	margin:0;
}
	
	.y_box .movie_box iframe {
		width:100%;
	}
	
}

.y_box02 {
  position: relative;
  padding: 1rem 0;
  text-align: center;
  color: #22ac38;
  background: #ebf7f7;
  margin-top:50px;
}

.y_box02:before {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -24px;
  left: 0;
  height: 24px;
  padding: 0 1em;
  content: '\5217\8ECA\306E\624B\914D';
  color: #fff;
  background: #0075a9;
}

.movie_box02 {
	margin:20px 0 20px 0;
}

@media all and (max-width:767px){
	.y_box02 {
		display: block;
		width:96%;
		margin:0 auto;
        margin-top: 40px
	}
	
	.y_box02 .movie_box02 {
		margin:0;
		padding: 10px 15px;
}
	
	.y_box02 .movie_box02 iframe {
		width:100%;
	}
	
}

/*00255用*/
.tbl_00255{
	border: solid 1px #222222;
	width: 100%;
	margin: 10px 0;
}
.tbl_00255 th{
	background-color: #eff9f9;
	padding : 10px;
	text-align: center;
	border: solid 1px #222222;
}
.tbl_00255 td{
	padding : 10px;
	text-align: left;
	border: solid 1px #222222;
}


/*テーブル幅設定*/
th.w20{width: 20%}
th.w25{width: 25%}
th.w30{width: 30%}
th.w40{width: 40%}
th.w50{width: 50%}


/*枠をはみ出すスクロール設定*/
.table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
}

/* スクロールバーを追加 */
.table-scroll::-webkit-scrollbar{
	height: 10px;
}
.table-scroll::-webkit-scrollbar-track{
	background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
	background: #999;
}


@media screen and (max-width: 568px) {
	.tbl_00134_box{
		padding: 10px;
}
}






/*-----------------以下多分不要　一定期間のち削除-----------------*/

/*↓アクセス情報↓*/
/*.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;
}

.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_acc dt{
	float: left; 
	font-weight: bold;
}
.article_acc dt:after{
	content:"："
}

@media screen and (max-width: 767px) {
	.article_acc {
    margin:1em auto 2em auto;
	width:94%;
	padding:1rem;
}
	
	.article_acc dt{
	float: none; 
}
	
	.article_acc dd{
	padding: 0 0 10px 0; 
}
}*/
/*↑アクセス情報↑*/





/*00054用*/
/*.a00054_mt_m{
	margin-top:-20px;
}
@media screen and (max-width: 568px) {
	.a00054_mt_m{
	margin-top:-10px;
}
}*/

/*00056用*/
/*.a00056_midashi{
	font-size: 110%;
	font-weight: bold;
	color: #47adb0;
}*/

/*00074用*/
/*.a00074_mt_m{
	margin-top: -15px;
}

@media screen and (max-width: 568px) {
	.a00074_mt_m{
		margin-top: -5px;
		margin-bottom: 2em;
}
}*/


/*00128用*/
/*.box_00128{
	background-color: #ebf6f7;
	padding: 1em 2em;
	margin: 1em;
	line-height: 1.7;
}
.box_00128 dt{
	font-weight: bold;
}
*/


/*00229用*/
/*p.tx00229_01{
font-size:1.8rem;
color:#4d4d4d;
border-bottom:solid 1px #ccc;
padding-bottom:5px;
margin:10px 0 0 10px;
line-height:1.6;
text-indent: -1em;
padding-left: 1em;
}

p.tx00229_01::before {
content:"";border-left:double 10px #12b5b4;
padding: 5px 0 5px 10px;
}

p.tx00229_02{
font-size:1.8rem;
color:#4d4d4d;
border-bottom:solid 1px #ccc;
padding-bottom:5px;
margin:10px 0 0 10px;
line-height:1.6;
text-indent: -1em;
padding-left: 1em;
}

p.tx00229_02::before {
content:"";border-left:double 10px #12b5b4;
padding: 5px 0 30px 10px;
}

@media screen and (max-width: 568px) {
p.tx00229_01::before {
content:"";border-left:double 10px #12b5b4;
padding: 5px 0 30px 10px;
}
	
	p.tx00229_02::before {
content:"";border-left:double 10px #12b5b4;
padding: 5px 0 30px 10px;
}
}*/

/*00319用*/
/*.box25{
    position: relative;
    background: #ebf7f7;
    box-shadow: 0px 0px 0px 5px #ebf7f7;
    border: dashed 2px white;
    color: #454545;
   padding:1em;
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #a8e3e8 #fff #a8e3e8;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
    margin: 0; 
    padding: 0;
}
@media screen and (max-width: 568px) {
.box25 {
    width: 94%;
    padding: 1rem;
   margin:0 auto;
}}*/

/*00319用*/
/*p .a00319_midashi {
     font-weight: bold;
}
p.b00319_txbox {
     margin:0 0 20px 0;
}*/


/*00190用*/
/*.mt_m30_00190{
	margin-top: -30px;
}
.btn_00190 {
	width: 70%;
}
.btn01_rt.btn_00190::after {
	right: 5%;
}
@media screen and (max-width: 568px) {
	.mt_m30_00190{
	margin-top: 0;
}
	.btn_00190 {
		width: 94%;
	}
	.clm_00190.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
		float: left;
	}
	.btn01_rt.btn_00190 a {
		padding: 2.5% 10% 2.5% 3%;
		line-height: 1.7;
	}
}*/

/*00140用*/
/*.a00140_midashi{
	font-size: 110%;
	font-weight: bold;
}*/

/*00117用*/
/*.box_00117{
	background-color: #ebf6f7;
	padding: 1em;
	text-align: center;
	margin: 0 2em;
}
*/
/*00119用*/
/*.box_00119{
	background-color: #fff1e4;
	padding: 1em;
}
*/