@charset "Shift_JIS";
/* CSS Document */
/* ==========================================================
 Web font
========================================================== */
@font-face {
  font-family:'BebasNeue Bold';
  src: url('/fonts/common/BebasNeue_Bold.eot');
  src: url('/fonts/common/BebasNeue_Bold.eot?#iefix') format('embedded-opentype'),
  url('/fonts/common/BebasNeue_Bold.woff2') format('woff2'),
  url('/fonts/common/BebasNeue_Bold.woff') format('woff'),
  url('/fonts/common/BebasNeue_Bold.svg#BebasNeue_Bold') format('svg');
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

/* ==========================================================
 webfont .cms_title1
========================================================== */
#webfont .cms_title1 p {
	font-family: 'BebasNeue Bold';
	font-size: 40px;
	line-height: 1.3;
	letter-spacing: 2px;
	text-align: center;
}

@media screen and (max-width: 767px) {
#webfont .cms_title1 p {
	font-size: 24px;
	font-size: 6.4vw;
	letter-spacing: 0.5px;
}
}

/* ==========================================================
 ブロックタイトルのフォントサイズ調整
========================================================== */
.cms_title1 p { font-size: 28px; }
@media screen and (max-width: 767px) {
.cms_title1 p,.ttl-tokyodf-02,.cms_layout_2 .cms_title1 p {
	font-size: 4.4vw;
}		
}

/* ==========================================================
 メインスライダー
========================================================== */

.cms_layout29 .box-slider-caption .title p {
	font-weight: bold;
}

/* ==========================================================
 トラベルグッズ・旅行用品のおすすめ特集
 旅行ブログ・旅情報
 国内ツアー・海外ツアー情報
========================================================== */
.cms_layout_1 .data_inner {
	background-color: #fff;
	border-radius: 5px;
}
.cms_layout_1.cms_bdcolor0 .cms_databox dd {
	padding: 20px;
}
.cms_layout_1.cms_bdcolor0 .card-bottom {
	padding: 0 20px 20px;
}

@media screen and (max-width: 767px) {
.cms_layout_1.cms_bdcolor0 .cms_databox dd {
	padding: 7%;
}
.cms_layout_1.cms_bdcolor0 .cms_databox li.col-02 dd {
	padding: 4%;
}
.cms_layout_1.cms_blockspcolumn2 .card-bottom {
	padding: 0 7% 7%;
}
.cms_layout_1.cms_bdcolor0 .cms_databox li.col-02 .card-bottom {
	padding: 0 4% 4%;
}
}

/* ==========================================================
 tdfテンプレート適用時の余白調整
========================================================== */
.btn-tokyodf-01 { padding-bottom: 40px; }

@media screen and (max-width: 767px) {
.sec-tokyodf-02 { padding: 35px 3% 0; }
.btn-tokyodf-01 { padding-bottom: 7%; }
}

/* ==========================================================
 RECOMMENDED ITEM
========================================================== */

/* ==========================================================
 おすすめブランド・メーカー
========================================================== */
.cms_layout34 {
	padding-bottom: 50px;
}
.cms_layout34 .cms_btn1 {
	margin-top: 40px;
    text-align: center;
}
.cms_layout34 .cms_btn1 a {
	display: inline-block;
    width: 264px;
    padding: 10px 15px;
    border-radius: 21px;
    font-size: 16px;
	line-height: 1.5;
	height: auto;
}
@media screen and (max-width: 767px) {
.cms_layout34 {
	padding-bottom: 30px;	
}
.cms_layout34 .cms_btn1 {
	margin-top: 20px;	
}
.cms_layout34 .cms_btn1 a {
	width: 160px;
    padding: 6px 20px;
	font-size: 2.4vw;
}
}

/* ==========================================================
 売れ筋アイテムランキング
========================================================== */
.cms_layout2 .cms_subtitle1 p {
	text-align: right;
	font-size: 14px;
}
.cms_layout2 .cms_btn2 {
	margin-top: 40px;
    text-align: center;
}
.cms_layout2 .cms_btn2 a {
	display: inline-block;
    width: 264px;
    padding: 10px 15px;
    border-radius: 21px;
    font-size: 16px;
	line-height: 1.5;
	height: auto;
	border: none;
	background-color: #000000;
    color: #FFFFFF !important;
}
@media screen and (max-width: 767px) {
.cms_layout2 {
	padding-bottom: 30px;
}
.cms_layout2 .cms_subtitle1 p {
	font-size: 11px;
}
.cms_layout2 .cms_btn2 {
	margin-top: 20px;	
}
#contents .cms_layout2 .cms_btn2 a {
	box-sizing: border-box;
	width: 190px;
	height: auto;
    padding: 10px 20px;
	font-size: 2.4vw;
	line-height: 1.5;
}
}

/* ==========================================================
 SPECIAL CONTENTS
========================================================== */
.cms_layout_11 dd {
	text-align: center;
}
.cms_layout_11 dd .cms_dataexp2 {
	text-align: center;
}
.cms_layout_11 dd .cms_dataexp2 span {
	font-size: 20px;
	font-weight: bold;
}
.cms_layout_11 dd span.line_txt {
	color: #9d8d42;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;      
	align-items: center;
	margin-bottom: 5px;
	font-size: 16px;
}
.cms_layout_11 dd span.line_txt:before, .cms_layout_11 dd span.line_txt:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #9d8d42;
	display: block;
}
.cms_layout_11 dd span.line_txt:before {
	margin-right: .8em;
}
.cms_layout_11 dd span.line_txt:after {
	margin-left: .8em;
}
@media screen and (max-width: 767px) {
.cms_layout_11 dd .cms_dataexp2 p span {
	font-size: 3vw;	
}
}

/* ==========================================================
 旅行・旅の準備マニュアル
========================================================== */
.cms_layout_3 .cms_databox .box {
    padding:  15px 25px;
}
.cms_layout_3 .cms_databox dt {
	width: 90px;
}
.cms_layout_3 li dl .cms_datatitle {
	min-height: 90px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;      
	align-items: center;
}
@media screen and (max-width: 767px) {
.cms_layout_3 .cms_databox .box {
    padding:  4%;
}
.cms_layout_3 .cms_databox ul li {
	box-sizing: border-box;
	width: 50%;
	float: left;
}
.cms_layout_3 .cms_databox ul li img {
	margin-top: 0;	
}
.cms_layout_3 .cms_databox ul li img.orgset {
	min-width: 36px;
}
.cms_layout_3 .cms_databox ul li:nth-child(2) {
	margin-top: 0;
}
.cms_layout_3 .cms_databox ul li:nth-child(odd) {
	margin-left: 0;
}
.cms_layout_3 .cms_databox dl {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;      
	align-items: center;
}
.cms_layout_3 .cms_databox dt {
	width: 36px;
    overflow: inherit;
}
.cms_layout_3 li dl .cms_datatitle {
	height: auto;
}
.cms_layout_3 .cms_databox li dl .cms_datatitle p {
	font-size: 11px;
	padding: 0;
}
}

/* ==========================================================
 商品カテゴリ
========================================================== */
#category.cms_layout_3 .cms_databox .box {
    background-color: #eee;
    padding: 15px;
}
#category.cms_layout_3 .cms_databox li {
	padding: 12px 15px;
    margin-top: 5px;
}
#category.cms_layout_3 .cms_databox dt {
	width: 50px;
	margin-right: 15px;
}
#category.cms_layout_3 .cms_databox dd{
	width: calc(100% - 65px);
}
#category.cms_layout_3 .cms_databox li dl .cms_datatitle {
	height: 50px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;      
	align-items: center;
}
#category.cms_layout_3 .cms_databox li dl .cms_datatitle p {
	font-weight: normal;
}
@media screen and (max-width: 767px) {
#category.cms_layout_3.cms_blockspcolumn1 .cms_databox dd{
	width: calc(100% - 23%);
}
#category.cms_layout_3 .cms_databox .box {
    padding: 0;
}
#category.cms_layout_3 .cms_databox dl {
    padding: 10px;
}
#category.cms_layout_3 .cms_databox dt {
    width: 34px; 
    margin-right: 3%;
}
/*#category.cms_layout_3 .cms_databox li dl .cms_datatitle {
	height: 34px;	
}*/
#category.cms_layout_3 .cms_databox li {
	margin: 0;
    padding: 3% 0 0 3%;
}
#category.cms_layout_3 .cms_databox li:nth-child(2) {
	margin-top: 0;
}
#category.cms_layout_3 .cms_databox li:nth-child(even) {
	margin-right: 0;
}
#category.cms_layout_3 .cms_databox li dl .cms_datatitle p {
	font-size: 11px;
}
#category.cms_layout_3 .cms_databox ul li img.orgset {
    margin: 0 5px 0 0;
}
}

/* ==========================================================
 sponsor link
========================================================== */
#sponsor.cms_layout_2 .cms_databox li dd.cms_datatitle{
	display: none;
}
#sponsor.cms_layout_2.cms_blockspcolumn2 .cms_databox dd .cms_dataexp2{
	padding-bottom: 0;
}


@media screen and (max-width: 767px) {
 .cms_layout_8 .slick-list {
  padding: 0;
 }
 .cms_layout_8 .slick-track {
  margin-left: 3vw;;
 }
 .cms_layout_8 .cms_databox ul.slick-slider li dl {
  margin: 0;
  padding-right: 3vw;
  width: 100%;
 }
 .cms_blockcatno4.cms_layout_8 .slick-initialized .slick-arrow {
  top: calc((35.666vw - 73px) / 2 + 26px + 1%) !important;
  transform: translate(0, 0);
 }
}