@charset "UTF-8";

/*  tripping.jp  トリッピング  */

/*-------------------------------------------------------
BASE
  HEADER
  GROBAL NAVIGATION 
		MINIMUM NAVIGATION
  DROP MENU
  TXT
  MAIN CONTAINER
		PANKUZU
TRIPPING TOP
INDEX
  TOP SLIDER
  TRIP PLAN
  VIEW MORE RIGHT
  TRIP THEME
  FEATURE
  VIEW MORE
  ICON NEW!
  お気に入り
  WHAT’S NEW
  AD
		PICK UP
  NEWS
NEWS LIST
FAVORITE
SEARCH
SIMPLE
COUNTRY TOP
COUNTRY INFO
POST MAIN
ENJOY JP
EDITER
COLUMNIST
REPORTER
TAG
404
SIDE
  何を読む？
  特集　SIDE
  RANKING　SIDE
  お気に入り RANKING SIDE
  最新コラム　COLUMN SIDE 
  お気に入り COLUMN SIDE
  VIEW MORE SIDE
  KEYWORD SIDE
  LINKS SIDE
  RECOMMEND POSTS
  REPORTER'SPOSTS
  VIEW MORE LEFT
FOOTER 1
FOOTER 2
-------------------------------------------------------*/

/*-------------------------------------------------------
BASE
-------------------------------------------------------*/
html { font-size: 62.5%;}
body { background: #fff;	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	color: #222222;	text-align: center; min-width:1140px; counter-reset: count-number;}

a {	text-decoration: none; outline: none;}
.cf:before,.cf:after {	display: table;	content: " ";}
.cf:after {	clear: both;}
::selection{ background: #43c092; color: #FFF;}
::-moz-selection{ background: #43c092; color: #FFF;  }

#east-asia-content ::selection{ background: #f65a45; color: #FFF;}
#east-asia-content ::-moz-selection{ background: #f65a45; color: #FFF;}

#common-content ::selection{ background: #eb5d8f; color: #FFF;}
#common-content ::-moz-selection{ background: #eb5d8f; color: #FFF;}

img { -webkit-backface-visibility: hidden;}

.pc { display: block !important; }
.sp { display: none !important; }
.sp2 { display: none; }

#content { display: none;}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*--- HEADER ---*/
#head {	width: 1100px;	text-align: left;	padding: 22px 0px;	border: none;	position: relative; margin: 0 auto;}
.header-link-L { width: 50%; float: left;}
.header-logo { float: left;	background: url(../img/header-logo.png) 0 0 no-repeat;	width: 252px;	height: 42px;	margin-right: 15px;text-indent: 100%;	white-space: nowrap;	overflow: hidden;}
#east-asia-content .header-logo { float: left;	background: url(../img/header-logo-east-asia.png) 0 0 no-repeat;	width: 252px;	height: 42px;	margin-right: 15px; text-indent: 100%;	white-space: nowrap;	overflow: hidden;}
.header-logo a {	display: block;	width: 252px;	height: 42px; transition: 0.3s;}
.header-logo a:hover { display: block; opacity: 0.5; background:#FFF;}
.sub-logo {	display: inline-block;	margin-top: 10px;}
.sub-logo a {	display: inline-block;	padding: 5px;	color: #FFF;	font-size: 1.1rem;	text-decoration: none;	background: #43c092; transition: 0.3s; font-weight: 600;}
#east-asia-content .sub-logo a { background: #f65a45;}
.sub-logo a:hover { display: inline-block; opacity: 0.7;}
.header-link-R { float: right;}
.ico-head { margin-top: 12px;}
.ico-head-1 { display:inline-block; margin-left: 18px;}
.ico-head-2 { display:inline-block; margin-left: 10px;}
.ico-head-1 a, .ico-head-2 a { display:inline-block; transition: 0.3s;}
.ico-head-1 a:hover, .ico-head-2 a:hover { display:inline-block; opacity: 0.5;}
.link-to { display: inline-block; position: absolute; top: 0; right: 0; vertical-align: top;font-weight: 600;}
.link-to-east-asia, .link-to-asean, .link-to-home { display: inline-block; margin: 0 1px; font-size: 1.1rem; font-weight: 600;}
.link-to-asean a { display: inline-block; color: #FFF; background: #43c092; padding: 6px 7px; transition: 0.3s; }
.link-to-east-asia a { display: inline-block; color: #FFF; background: #f65a45; padding: 6px 7px; transition: 0.3s;}
.link-to-home a { display: inline-block; color: #FFF; background: #999; padding: 6px 7px; transition: 0.3s;}  
.link-to-east-asia a:hover, .link-to-asean a:hover, .link-to-home a:hover { display: inline-block; opacity: .5;}

/*--- SEARCH BOX---*/
#searchbox { display: none; background:#43c092; width: 100%; text-align: center; padding: 30px 0 40px;}
#common-content #searchbox, #tripping-top #searchbox { background:#eb5d8f;}
#east-asia-content #searchbox { background:#33afe3;}
.searchbox-inner { width: 1100px; margin: 0 auto;}
#btn-search { cursor:pointer;}
dl.search { position:relative; background-color:#fff; border:1px solid #aaa; border-radius:30px; width: 500px; margin: 0 auto;}
dl.search dt { margin-right:40px; padding:8px 0 8px 8px;}
dl.search dt input{ width:100%; height:24px; line-height:24px; background:none; border:none; font-size: 1.3rem;}
dl.search dd { position:absolute; top:0; right:0;}
dl.search dd button{ display:block; padding:10px; background:none; border:none;outline: none; cursor: pointer;}
dl.search dd button i { display:block; width:20px; height:20px; color: #43c092; }
#east-asia-content dl.search dd button i { color: #33afe3; }
#common-content dl.search dd button i, #tripping-top dl.search dd button i { color: #eb5d8f; }
::placeholder { color: #CCC; font-style: oblique;}
.searchbox-tag { margin-top: 10px;}
.searchbox-li { display:inline-block; font-size: 1.3rem; color: #FFF; line-height: 1.8rem; margin: 0 5px;}
.searchbox-li a { color: #FFF; transition: 0.3s;}
.searchbox-li a:hover { display:inline-block; opacity: 0.5;}
.searchbox-close { display: block; font-size: 2.0rem; color: #FFF; transition: 0.3s; text-align: right;  margin-bottom: -32px; margin-right: 20px; }
.searchbox-close i { display: inline-block; width: 30px; height: 25px;cursor: pointer;}


/*--- GROBAL NAVIGATION ---*/
#grobal-nav {	width: 100%;	height: 70px;	background: #f5f5f5; z-index: 99999;}
#east-asia-content #grobal-nav { height: 64px;}
.grobal-navi-inner { width: 1100px; margin: 0 auto;}
.grobal-navi-li { display: inline-block; width: 105px; border-right: 1px #c4c4c4 solid; margin: 8px 0; text-align: center; cursor:pointer;}
#east-asia-content .grobal-navi-li { width: 270px; margin: 6px 0;}
.gnavi-lineL { border-left: 1px #c4c4c4 solid;}
.grobal-nav-flag { padding: 4px 0 10px;}
#east-asia-content .grobal-nav-flag { padding: 4px 0 6px;}
#east-asia-content .grobal-nav-flag { display: inline-block; vertical-align: top; margin-right: 15px; margin-top: 2px;}
.grobal-nav-txt { font-size: 1.1rem; font-weight: 700; color: #222;}
#east-asia-content .grobal-nav-txt { display: inline-block; font-size: 1.6rem; margin-top: 16px; }
.grobal-nav-txt a {color: #222;}
.grobal-navi-ul { position: relative;}
.grobal-navi-li a { display:inline-block; transition: 0.3s;}
.grobal-navi-li a.btn-navi-area { width: 105px;}
#east-asia-content .grobal-navi-li a.btn-navi-area { width: 270px;}
.grobal-navi-li a:hover, .grobal-navi-li a.btn-navi-area:hover { display: inline-block; opacity: 0.5;}

/*--- MINIMUM NAVIGATION ---*/
.nav { margin: 0 auto; width: 100%;	z-index: 9999;}
.fixed { position: fixed; top: 0; left: 0; width: 100%; height: 40px!important;}
#east-asia-content .fixed { height: 45px!important;}
.fixed .grobal-navi-li { margin: 0; border-right: 1px #c4c4c4 solid; height: 40px!important;} 
.fixed .grobal-nav-flag img { display: none;}
#east-asia-content .fixed .grobal-navi-li { margin: 0; height: 45px!important; }
.fixed .grobal-nav-txt { font-size: 1.2rem;}
#east-asia-content .fixed .grobal-nav-flag { margin-right: 0;}
.fixed .dropnavi-inner { top: 27px;}
#east-asia-content .fixed .dropnavi-inner { top: 32px;}
 
/*--- DROPDOWN MENU ---*/
/*.dropnavi>ul>li{	position:relative;}*/
.dropnavi-inner { display:none; position:absolute; width: 1090px; top: 58px; left: 5px; z-index:99; padding-top: 12px; cursor: default;}
.dropnavi-in-ul { padding: 20px 5px 20px 40px; background: #43c092; text-align: left; cursor: default;}
#east-asia-content .dropnavi-in-ul { background: #f65a45; }
.dropnavi-in-ul:before {	content: "";	position: absolute; top: -8px; border: 10px solid transparent;	border-bottom: 10px solid #43c092;}
#east-asia-content .dropnavi-in-ul:before {	border-bottom: 10px solid #f65a45;}
.drp-01:before { left:  42px;} .drp-02:before { left: 152px;} .drp-03:before { left: 262px;} .drp-04:before { left: 372px;} .drp-05:before { left: 482px;} 
.drp-06:before { left:  588px;} .drp-07:before { left: 698px;} .drp-08:before { left: 808px;} .drp-09:before { left: 918px;} .drp-10:before { left: 1028px;} 

#east-asia-content .drp-01:before { left:  135px;} #east-asia-content .drp-02:before { left: 400px;} #east-asia-content .drp-03:before { left: 675px;} #east-asia-content .drp-04:before { left: 950px;} 

.drp-close { display: block; font-size: 2.0rem; color: #FFF; transition: 0.3s; text-align: right; width: 1038px; margin-top: -12px;}
.drp-close i { display: inline-block; width: 30px; height: 25px; cursor: pointer;}
/*-.drp-close :before { font-family: 'FontAwesome' ; content: '\f00d';	font-size: 2.0rem; font-weight: 400; color: #FFF;width: 30px; height: 30px; cursor: pointer;}*/

.dropnavi-li { display: inline-block; vertical-align:top;}
.dropnavi-li-01 {margin-right: 30px;}
.drp-country a { font-size: 2.1rem; color: #FFF; font-weight: 600;}
.drp-country i { margin-left: 10px;}
.drp-info a { display: block;font-size: 1.3rem; font-weight: 600; color: #FFF; margin-top: 15px;}
.drp-info i.fa-question-circle { margin-right: 10px; font-size: 2.0rem; color: #FFF;vertical-align: middle;} 
.drp-info i.fa-angle-right { margin-left: 8px; font-size: 2.0rem; color: #FFF; vertical-align: middle;} 
.drp-thum img { border-radius: 50%; margin: 20px 0 0 -10px;}

.dropnavi-li-02 { padding-right: 10px; border-right: 1px #FFF solid; width: 365px;}
.drp-city { font-size: 1.4rem; font-weight: 600; color: #222; margin-bottom: 10px; }
.drp-city i, .drp-genre i { margin-right: 10px; font-size: 1.8rem; vertical-align: baseline;}
.drp-city-li { display: inline-block; margin: 0 7px 10px 0;}
.drp-city-li a { display: inline-block; background: #FFF;  padding: 9px 11px 8px; font-size: 1.3rem; font-weight: 600; color: #43c092; transition: 0.3s;}
#east-asia-content .drp-city-li a { color: #f65a45;}
.drp-city-li a:hover { display: inline-block; background: #3ed9a0; color: #FFF; opacity: 1.0;}
#east-asia-content .drp-city-li a:hover { display: inline-block; background: #f87968;  color: #FFF;}
.drp-genre { font-size: 1.4rem; font-weight: 600; color: #222; margin: 20px 0 10px; }
.drp-genre-li { display: inline-block; margin: 0 8px 10px 0;}
.drp-genre-li a { display: inline-block; background: #43c092; border: 2px #FFF solid; padding: 7px 12px 6px; font-size: 1.3rem; font-weight: 600; color: #FFF; transition: 0.3s;}
#east-asia-content .drp-genre-li a {background:#f65a45;}
.drp-genre-li a:hover { display: inline-block; background: #FFF; color: #43c092; opacity: 1.0;}
#east-asia-content .drp-genre-li a:hover { display: inline-block; background: #FFF; color: #f65a45;}

.dropnavi-li-03 { margin-left: 24px; }
.drp-feature-title { font-size: 1.8rem; color: #222; font-weight: 600; letter-spacing: 0.15rem; margin-bottom: 25px;}
.drp-feature-title:after {content: ''; display: inline-block; width: 300px; height: 6px; margin-left: 20px;  vertical-align: middle; background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}

#east-asia-content .drp-feature-title:after {content: ''; display: inline-block; width: 300px; height: 6px; margin-left: 20px;  vertical-align: middle; background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}

.drp-feature-li { display: inline-block; width: 200px; margin-right: 22px; vertical-align: top;}
.drp-frature-thum {margin-bottom: 12px;}
.drp-feature-txt { font-size: 1.4rem; font-weight: 600; line-height: 1.8rem; color: #FFF; }
.drp-feature-txt a { color: #FFF; display:inline-block; transition: 0.3s;}
.drp-feature-txt a:hover { display: inline-block; opacity: .5;}


/*--- TXT ---*/
.title-green, .txt-green { color: #43c092;}
#east-asia-content .title-green, #east-asia-content .txt-green { color: #f65a45;}
#common-content  .title-green, #common-content  .txt-green { color: #eb5d8f;}
.title-pink, .txt-pink { color: #eb5d8f;}
#east-asia-content .title-pink, .txt-pink { color: #33afe3;}
.title-pink2, .txt-green { color: #ff8da2;}
.title-white, .txt-white { color: #FFF;}
.title-orange, .txt-orange { color: #ffa235;}
.title-red, .txt-red { color: #f65a45;}
.txt-small { font-size: 1.2rem; line-height: 1.5rem; color: #222;}

/*--- MAIN CONTAINER ---*/
#main-container { width: 1100px; margin: 0 auto;}
#main-container-in { width: 1100px; margin: 0 auto;}
#left-container { display: inline-block; width: 760px; margin-right: 40px; float: left;}

#left-container a { color: #43c092;}
#left-container a:hover { color: #80eac3;}

#east-asia-content #left-container a { color: #f65a45;}
#east-asia-content #left-container a:hover { color: #f5978a;}

#common-content #left-container { display: inline-block; width: 1100px; margin: 0 auto; float: none;}
#common-content #left-container a { color: #eb5d8f;}
#common-content #left-container a:hover { color: #f4a8c3;}


/*--- PANKUZU ---*/
#pankuzu { width: 1100px; margin: 0 auto;}
#common-content #pankuzu { width: 1040px; margin: 0 auto;}
.pankuzu-inner { padding: 30px 0; text-align: left;}
.pankuzu-li { display: inline-block; margin-right: 10px; font-size: 1.1rem; color: #999;}
.pkz-next::after { margin-left: 10px; font-family: "Font Awesome 5 Free"; content: '>'; color: #999;	}
.pankuzu-li a { display: inline-block; color: #43c092; transition: 0.3s;}
#east-asia-content .pankuzu-li a { color: #f65a45; }
.pankuzu-li a:hover { display: inline-block; opacity: .5;}
#common-content .pankuzu-li a { color: #eb5d8f; }



/*--- お気に入り ---*/
.btn-like { display: inline-block; position: absolute; top: 10px; right: 8px; margin: 0; padding: 10px 5px 16px; z-index: 1; width: 30px; text-align: center; background: #FFF ; opacity: .9; }
.btn-like:after{ content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 15px solid #FFF; border-right: 15px solid #FFF; border-bottom: 8px solid transparent;}
.btn-like-txt { display: none;}
.btn-like a { display: inline-block; position: absolute; top: -5px; right: -5px; margin: 0; padding: 10px 5px 20px; z-index: 1; width: 20px;}
.wpfp-keep { position: absolute; top: 6px; right: 5px; width: 19px; height: 17px; background: url(../img/ico-like-off.png) no-repeat center top; display: block; z-index: 20;}
.wpfp-remove { position: absolute; top: 6px; right: 5px; width: 19px; height: 17px; background: url(../img/ico-like-on.png) no-repeat center top; display: block; z-index: 20;}


/*--- SNS SHARE ---*/
.sns-share { margin-top: 40px; border-top: 1px #CCC solid; border-bottom: 1px #CCC solid; text-align: center; padding: 20px 0 30px;}
.sns-share ul {margin-bottom: 15px;}
.sns-share li { display: inline-block; margin: 9px; vertical-align: bottom;}
.share-fb img, .share-tw img, .share-hatena-likes img, .share-line img { width: 20px!important; height: auto!important;}
.share-fb-likes { margin: 12px 9px; }

/*--- お気に入り RIBBON---*/
.btn-like-ribbon { display: inline-block; position: relative; width: 290px; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; padding: 0 7å0px; font-size: 1.4rem; font-weight: 600; background: #F5F5F5; color: #eb5d8f; box-sizing: border-box;}
.btn-like-ribbon:before, .btn-like-ribbon:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1;}
.btn-like-ribbon:before { top: 0;left: 0; border-width: 25px 0px 25px 15px; border-color: transparent transparent transparent #fff;border-style: solid;}
.btn-like-ribbon:after { top: 0;right: 0; border-width: 25px 15px 25px 0px; border-color: transparent #fff transparent transparent;border-style: solid;}
.btn-like-ribbon .btn-like-txt { display: inline-block; position: absolute; top: -16px; left: 35px;}
.btn-like-ribbon .wpfp-keep { position: absolute; display: inline-block; top: 16px; left: 63px; right: 0; width: 220px; height: 30px; background: url(../img/ico-like-off.png) no-repeat left top; display: block; z-index: 20;}
.btn-like-ribbon .wpfp-remove { position: absolute; display: inline-block; top: 16px; left: 63px; right: 0; width: 220px; height: 30px; background: url(../img/ico-like-on.png) no-repeat left top; display: block; z-index: 20;}
.btn-like-ribbon a { color: #eb5d8f!important; display: inline-block; transition: 0.3s; }
.btn-like-ribbon a:hover { display: inline-block; opacity: .5;}


/*--- PAGINATION---*/
.pager { margin: 20px 11px 0; text-align: center; font-family: Montserrat,sans-serif; border-bottom: 1px #CCC solid; padding-bottom: 35px;}
.pager-li { display: inline-block; font-size: 1.4rem; font-weight: 600; color: #999; margin: 0 1px; line-height: 34px; vertical-align: middle;}
.pager-li a { display: inline-block; color: #999!important; width: 34px; height: 34px; transition: 0.3s; border-radius: 50%;}
.pager-li a:hover { background: #43c092; border-radius: 50%; color: #FFF!important; }
.current { display: inline-block; font-size: 1.4rem; font-weight: 600; width: 34px; height: 34px; background: #43c092; border-radius: 50%; color: #FFF; margin: 0 1px; line-height: 34px; vertical-align: middle;}
#east-asia-content .current { background: #f65a45;}
#east-asia-content .pager-li a:hover  { background: #f65a45;}
#common-content .current { background: #eb5d8f;}
#common-content .pager-li a:hover  { background: #f4a8c3;}


/*-------------------------------------------------------
TRIPPING TOP
-------------------------------------------------------*/
#tripping-top ::selection{ background: #eb5d8f!important; color: #FFF!important;}
#tripping-top ::-moz-selection{ background: #eb5d8f!important; color: #FFF!important;  }

/*--- HEADER ---*/
#head-top {	width: 100%;	text-align: left;	padding: 18px 30px;	border: none;	position: relative; margin: 0 auto;}
#common-content #head-top { width: 1100px; padding: 18px 0;}
.header-link-R-tripping { float: right; margin-top: 8px;} 
.link-head-asean, .link-head-east-asia { display:inline-block; font-size: 1.4rem; vertical-align: top; padding-top: 3px;}
.link-head-east-asia:before { display:inline-block; content: "/"; margin: 0 15px; }
.link-head-asean a { position: relative; display: inline-block; color: #222; padding-bottom: 5px; }
.link-head-asean a:hover { color:#43c092; transition: 0.3s; }
.link-head-asean a:after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #43c092; transform: scale(1, 1);  transform-origin: right top; transition: transform .3s; }
.link-head-asean a:hover:after {transform: scale(0, 1); opacity: 0.5;}
.link-head-east-asia a:hover { color:#e43c26; transition: 0.3s; }
.link-head-east-asia a { position: relative; display: inline-block; color: #222; padding-bottom: 5px; }
.link-head-east-asia a:after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #e43c26; transform: scale(1, 1);  transform-origin: right top; transition: transform .3s; }
.link-head-east-asia a:hover:after { transform: scale(0, 1);}

/*--- MAIN SLIDER ---*/
#slider-tripping { position: relative;}
.slider-tripping { display: none; width: 100%; margin: 0 auto; overflow: hidden;}
.slider-tripping-li { width: 100%; text-align: center;}
.slider-tripping-li img { width: 100%; height: 650px; object-fit: cover;}

/*--- SEARCH ---*/
.tripping-h2 { position: absolute; top: 210px; left: 0; right: 0; bottom: 0; margin: auto; font-size: 4.0rem; line-height: 5.6rem; color: #FFF; font-weight: 600; text-shadow: 0px 0px 23px #000!important;}
#search-tripping { position: absolute; top: 350px; left: 0; right: 0; bottom: 0; margin: auto; width: 680px; z-index: 997;}
.search-tripping-form { position:relative; }
.txt-tripping-input { height:50px; padding:0 15px; width:100%!important; border-radius:50px; outline: 0; font-size:1.4rem; border: none;}
.submit-tripping-button { position: absolute; width: 100px; height: 50px; left: 600px; top: 0; background:#eb5d8f; color:#FFF; border:none; font-size:1.6rem; border-radius:0 25px 25px 0; outline: 0; cursor: pointer;}
.submit-tripping-button:hover { background: #c91a58;}

.drop-select { display: none; border-radius: 5px; background: #FFF; padding: 20px; text-align: left; margin-top: 5px; border: solid 1px #CCC;}
.txt-combo { display: inline-block; border: solid 1px #CCC; border-radius: 5px; margin: 5px 4px; font-size: 1.4rem; color: #222; }
.txt-combo a { display: inline-block; padding: 12px; color: #222; transition: 0.3s;}
.txt-combo a:hover { background:#eb5d8f; color: #FFF;}
.drop-title { font-size: 1.4rem; font-weight: 600; color: #222; margin: 0 0 10px; }


/*--- AREA ---*/
#tripping-top .main-container {}
.area-main-title { position: relative; display: inline-block; font-size: 3.6rem; font-weight: 600; padding: 0 160px; font-family: Montserrat,sans-serif; letter-spacing:0.15rem; margin-top: 40px;}
.area-main-title:before, .area-main-title:after { content: ''; position: absolute; top: 20%; display: inline-block; width: 140px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
.area-main-title:before {left:0;}
.area-main-title:after {right: 0;}
.area-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.area-main-ul { display: block; text-align: left; margin-top: 30px;}
.thum-asean { display: inline-block; width: 520px; margin-right: 55px; vertical-align: top; }
.img-asean-thum { position: relative;}
.img-asean-thum a, .img-east-asia-thum a {display:inline-block; transition: 0.3s;}
.img-asean-thum a:hover, .img-east-asia-thum a:hover { display: inline-block; opacity: 0.5}
.img-asean-thum img { width: 520px; height: 230px; object-fit: cover; border-radius: 10px; }
.ttl-asean-h4 { position: absolute; top: 100px; left: 180px; margin: auto; font-size: 3.6rem; color: #FFF; font-weight: 600; text-shadow: 0px 0px 23px #000!important;}
.thum-east-asia { display: inline-block; width: 520px;}
.img-east-asia-thum { position: relative;}
.img-east-asia-thum img { width: 520px; height: 230px; object-fit: cover; border-radius: 10px; }
.ttl-east-asia-h4 { position: absolute; top: 100px; left: 190px; margin: auto; font-size: 3.6rem; color: #FFF; font-weight: 600; text-shadow: 0px 0px 23px #000!important;}
.read-asean-country, .read-east-asia-country { font-size: 1.4rem; line-height: 2.1rem; color: #222; margin: 20px 0 30px; }

.asean-country-ul, .east-asia-country-ul { margin: 20px 0 20px; background: #F5F5F5; border-radius: 10px; padding: 10px 0 5px 5px;}
.asean-country-li { display: inline-block; width: 98px; margin: 12px 0 5px; vertical-align: top; text-align: center;}
.asean-country-li img { width: 56px; height: auto;}
.asean-country-li a, .east-asia-country-li a { color: #222; display:inline-block; transition: 0.3s; text-align: center;}
.asean-country-li a:hover,.east-asia-country-li a:hover  { display: inline-block; opacity: 0.5}
.txt-asean-country, .txt-east-asia-country { font-size: 1.2rem; line-height: 3.0rem; font-weight: 600; color: #222; margin: 10px; }

.east-asia-country-li { display: inline-block; width: 100px; margin: 12px 12px 5px; vertical-align: top; text-align: center;}
.east-asia-country-li img { width: 70px; height: auto;}

/*--- 旅のテーマ ---*/
#tripping-top .theme-main-li { background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #ef7da5 3px,#ef7da5 3px, #ef7da5 7px); background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px,#ef7da5 4px, #ef7da5 7px);}
#tripping-top .theme-main-li a:hover { color: #eb5d8f!important; }
#tripping-top .theme-main-container-inner { border: 3px #eb5d8f solid;}
#tripping-top .tips-main-container-inner { margin-bottom: 70px;}
#tripping-top .tips-main-li a { color: #eb5d8f!important;}
#tripping-top .tips-main-li a:hover { background: #eb5d8f!important; color: #FFF!important;}
#tripping-top .tips-main-li { background: -webkit-repeating-linear-gradient(-45deg, #f5f5f5, #FFF 3px,#FFF 3px, #f5f5f5 7px); background: repeating-linear-gradient(-45deg, #f5f5f5, #f5f5f5 3px, #FFF 4px, #FFF 7px)!important;}


/*-------------------------------------------------------
INDEX
-------------------------------------------------------*/

/*--- TOP SLIDER ---*/
#slider-container { position: relative; width: 1100px; margin: 35px auto 10px;}
.slider { display: none; width: 960px; margin: 0 auto; overflow: hidden;}
.slider-li {width: 960px; height: 400px; object-fit: cover; }
.slider.slick-initialized { display: block;}
.slider-arrow { position: absolute; top: 50%;	width: 43px; height: 43px;  margin-top: -18px; color: #43c092; font-size: 32px;	font-weight: 600; cursor: pointer; z-index: 10; border: 1px #ccc solid;	border-radius: 50%;}
#east-asia-content .slider-arrow { color: #f65a45;}
#east-asia-content .slick-dots li.slick-active button:before {	background: #f65a45;}
.slider-prev { left: 0;	padding-top: 5px;	padding-right: 2px;}
.slider-next { right: 0;	padding-top: 5px;	padding-left: 2px;}
.slick-slide { text-align: center; font-size: 1.1em; outline: 0;}
.slider-prev:focus:before  { opacity: 0.5;}
.slider a { display:inline-block; transition: 0.3s;}
.slider a:hover { display: inline-block; opacity: 0.5;}

/*--- TRIP PLAN ---*/
#trip-plan-container { background: #eee; padding: 40px 0;}
.trip-plan-container-inner { width: 1040px; margin: 0 auto;}
.trip-plan-title { position: relative; display: inline-block;font-size: 3.0rem; font-weight: 600; padding: 0 160px; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.trip-plan-title:before, .trip-plan-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 140px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #eee 3px, #eee 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #eee 3px, #eee 6px);}

#east-asia-content .trip-plan-title:before, #east-asia-content .trip-plan-title:after{ 
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #eee 3px, #eee 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #eee 3px, #eee 6px);}

.trip-plan-title:before {left:0;}
.trip-plan-title:after {right: 0;}

.trip-plan-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}
.trip-plan-li { display: inline-block; margin: 28px 12px 0;}
.trip-plan-li a { display: inline-block; transition: 0.3s;}
.trip-plan-li a:hover { display: inline-block; opacity: .5;}

#east-asia-content .slick-prev:before, #east-asia-content .slick-next:before { color: #f65a45!important;}

/*--- VIEW MORE RIGHT ---*/
.btn-view-more-R { font-family: Montserrat,sans-serif; text-align: right; font-size: 1.4rem; color: #222; font-weight: 600; margin: -54px 8px 28px; }
.btn-view-more-R i { margin-left: 10px; vertical-align: middle; font-size: 2.0rem; }
.btn-view-more-R a:hover:after { display: inline-block; opacity: 0.5;}
.btn-view-more-R a { color: #222!important; display: inline-block; transition: 0.3s;}
.btn-view-more-R a:hover { display: inline-block; opacity: 0.5; }


/*--- TRIP THEME ---*/
#theme-main-container,#tips-main-container { width: 760px; margin-right: 40px;}
.theme-main-container-inner { margin-top: 70px; padding: 16px 7px 16px; border: 3px #43c293 solid;}
#east-asia-content .theme-main-container-inner { border: 3px #f65a45 solid;}
.theme-main-title { font-size: 2.4rem; font-weight: 600; background: #FFF url(../img/ico-trippingchan.png) 24px 0 no-repeat; margin: -36px auto 12px; width: 225px; padding: 2px 0 5px 70px; letter-spacing:0.1rem;}
.theme-main-li { display: inline-block; background: #43c092; margin: 6px; font-size:1.5rem; font-weight: bold; color: #FFF; background: -webkit-repeating-linear-gradient(-45deg, #43c092, #cce7ff 3px,#69cda8 3px, #69cda8 7px); background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px,#69cda8 4px, #69cda8 7px);}
#east-asia-content .theme-main-li { display: inline-block; background: #f65a45; margin: 6px; font-size:1.5rem; font-weight: bold; color: #FFF; background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px,#f87968 3px, #f87968 7px); background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px,#f87968 4px, #f87968 7px);}

.theme-main-li a { display: block; padding: 12px 14px 10px; color: #FFF!important; transition: 0.3s;}
.theme-main-li a:hover { display: block; background: #FFF; padding: 12px 14px 10px; opacity: 0.7; color: #43c092!important;}
#east-asia-content .theme-main-li a:hover { color: #f65a45!important;}

.tips-main-container-inner { margin-top: 47px; padding: 16px 6px 16px; border: 3px #CCC solid; margin-bottom: 50px;}
.tips-main-title { font-size: 2.4rem; font-weight: 600; background: #FFF; margin: -36px auto 12px; width: 200px; padding: 2px 0 5px; letter-spacing:0.1rem;}
.tips-main-li { display: inline-block; margin: 6px; font-size:1.5rem; font-weight: bold; color: #43c092; background: -webkit-repeating-linear-gradient(-45deg, #edf7f3, #edf7f3 3px,#f9fdfc 3px, #f9fdfc 7px); background: repeating-linear-gradient(-45deg, #edf7f3, #edf7f3 3px, #f9fdfc 4px, #f9fdfc 7px);}

#east-asia-content .tips-main-li { display: inline-block; margin: 6px; font-size:1.5rem; font-weight: bold; color: #f65a45; background: -webkit-repeating-linear-gradient(-45deg, #F5F5F5, #F5F5F5 3px,#FFF 3px, #FFF 7px); background: repeating-linear-gradient(-45deg, #F5F5F5, #F5F5F5 3px, #FFF 4px, #FFF 7px);}

.tips-main-li a { display: block; padding: 12px 14px 10px; color: #43c092; transition: 0.3s;}
#east-asia-content .tips-main-li a { color: #f65a45;}
.tips-main-li a:hover { display: block; background: #43c092; padding: 12px 14px 10px; opacity: 0.7; color: #effdf7;}
#east-asia-content .tips-main-li a:hover { background: #f65a45; color: #effdf7;}


/*--- FEATURE ---*/
#feature-main-container  { width: 760px; margin-right: 40px; margin-bottom: 60px;}
.feature-main-container-inner { margin: 40px -11px 10px;}
.feature-main-title { position: relative; display: inline-block;font-size: 3.0rem; font-weight: 600; padding: 0; width: 760px; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.feature-main-title:before, .feature-main-title:after { content: ''; position: absolute; top: 20%; display: inline-block; width: 280px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}

#east-asia-content .feature-main-title:before, #east-asia-content .feature-main-title:after { 
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}

.feature-main-title:before {left:0;}
.feature-main-title:after {right: 0;}
.feature-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400; margin-top: 15px;}

.feature-main-ul { margin-bottom: 20px; text-align: left;}
.feature-main-li { position: relative; display: inline-block; width: 370px; margin: 10px 9px 30px; padding-top: 10px; text-align: left; vertical-align: top; overflow: hidden;}
.feature-main-thumb img { width: 370px; height: 180px; object-fit: cover; }
.feature-main-post-title { font-size: 1.6rem; line-height: 2.1rem; font-weight: 600; color: #222;  margin-top: 8px;}
.feature-main-post-subtitle { font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #43c092; margin-top: 10px; transition: 0.3s;}
#east-asia-content .feature-main-post-subtitle { color: #f65a45;}
.feature-main-li a, .feature-main-post-title a { display: inline-block;  transition: 0.3s; }
.feature-main-li a:hover, .feature-main-post-title a:hover { display: inline-block;  opacity: .3; color: #43c092;}

.feature-main-txt { margin-top: 7px;}
.flag-post { display: inline-block; margin-right: 7px;}
.flag-post img { width: 26px;}
.country-name { display: inline-block; font-size: 1.1rem; color: #999; position: relative; top: -4px; transition: 0.3s;}
a:hover.country-name { opacity: .5;}
.genre-main { display: block; float: right; padding: 5px 10px; background: #43c092; color: #FFF; transition: 0.3s; font-weight: 600;}
#east-asia-content .genre-main { background: #f65a45; }
#common-content .genre-main { background: #999; }

/*--- VIEW MORE MAIN ---*/
.btn-view-more-main { display: inline-block; font-family: Montserrat,sans-serif; color: #222; font-size: 1.4rem; font-weight: 600;}
.btn-view-more-main i { margin-left: 10px; vertical-align: middle; font-size: 2.0rem; }
.btn-view-more-main a:hover:after { display: inline-block; color: #FFF!important;}
.btn-view-more-main a { color: #222!important; display: inline-block; padding: 16px 48px 14px; border: 3px #222 solid; transition: 0.3s; }
.btn-view-more-main a:hover { display: inline-block; background: #222; color: #FFF!important;}

/*--- ICON NEW! ---*/
.btn-new { position: absolute; top: 0; left: 8px; padding: 7px 10px 6px; display: block; background: #eb5d8f; font-family: Montserrat,sans-serif; color: #FFF; text-align: center; z-index: 10;}


/*--- WHAT’S NEW ---*/
#whatsnew-main-container { width: 760px; margin-right: 40px; margin-bottom: 50px;}
#common-content #whatsnew-main-container { width: 1100px;}
.whatsnew-main-container-inner { margin: 0 -11px 0;}
.whatsnew-main-title { position: relative; display: inline-block; width: 760px; font-size: 3.0rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.whatsnew-main-title:before, .whatsnew-main-title:after { content: ''; position: absolute; top: 20%; display: inline-block; width: 250px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .whatsnew-main-title:before, #east-asia-content .whatsnew-main-title:after {
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}


.whatsnew-main-title:before {left:0;}
.whatsnew-main-title:after {right: 0;}
.whatsnew-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400; line-height: 1.4rem; margin-top: 15px;}

.whatsnew-main-ul { margin-bottom: 20px; text-align: left; }
#common-content .whatsnew-main-ul { margin-bottom: 20px; text-align: left; margin-left: 30px;}
.whatsnew-main-li { position: relative;  display: inline-block; width: 240px; margin: 10px 9px 20px; padding-top: 10px; text-align: left; vertical-align: top;}
.whatsnew-main-thumb { margin-bottom: 10px;}
.whatsnew-main-thumb img { width: 240px; height: 160px; object-fit: cover;}
.whatsnew-main-post-title { font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #222; margin-bottom: 11px;}
.whatsnew-main-post-subtitle { font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; color: #43c092; margin-bottom: 5px; transition: 0.3s;}
#east-asia-content .whatsnew-main-post-subtitle { color: #f65a45;}
#common-content .whatsnew-main-post-subtitle { color: #999;}
.whatsnew-main-li a { display: inline-block;  transition: 0.3s; }
.whatsnew-main-li a:hover { display: inline-block; opacity: .5;}

/*--- AD ---*/
.ad-main { width: 760px;}
#common-content .ad-main { width: 960px; margin: 0 auto 50px;}
.ad-main-300 { display: inline-block; margin: 0 30px;}
.ads-more { text-align: center;}

/*--- PICK UP ---*/
#east-asia-content #top ._popIn_recommend_header::before, #east-asia-content #top ._popIn_recommend_header::after {
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
#east-asia-content #top ._popIn_recommend_header > .highlight_char {	color: #f65a45;}


/*--- NEWS ---*/
#news-main-container { width: 760px;margin: 60px 40px 0 0; text-align: left;}
.news-main-container-inner { margin: 50px 0 0;}
.news-main-title { position: relative; display: inline-block; font-size: 2.6rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing: 0.15rem;}
.news-main-title:after{ content: ''; position: absolute; top: 40%; display: inline-block; width: 520px; height: 6px; margin-left: 20px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}

#east-asia-content .news-main-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}

.news-list .news-main-title:after { right:0; width: 650px;}
.news-title { width: 760px;}
.btn-vm-news { margin: -24px 8px 28px; }
.btn-vm-news-cntry { margin: -24px 8px 15px; }

.news-main-ul { margin: 30px 0 0;}
.news-main-li { display: block; margin: 12px 0 0; padding: 0 0 12px; vertical-align: top; border-bottom: 1px #CCC solid;}
.news-main-thumb { display: inline-block; margin-right: 20px;}
.news-main-thumb img { width: 80px; height: 53px; object-fit: cover;}
.news-main-post-txt {display: inline-block; width: 634px; vertical-align: top;}
.news-main-post-title { font-size: 1.4rem; line-height: 1.8rem; font-weight: 600; color: #222; margin-bottom: 7px;}
.news-main-post-read { font-size: 1.2rem; line-height: 1.8rem; color: #999; margin-bottom: 5px; transition: 0.3s;}
.news-main-li a { display: inline-block;  transition: 0.3s; }
.news-main-li a:hover { display: inline-block; opacity: .5; }

/*-------------------------------------------------------
NEWS LIST
-------------------------------------------------------*/
#news-list-container  { width: 760px; margin: 0 40px 50px 0; text-align: left;}
.news-list-container-inner { margin: 0;}
#news-list-container .news-main-li { display: block; margin: 20px 0 0; padding: 0 0 20px; vertical-align: top; border-bottom: 1px #CCC solid;}
#news-list-container .news-main-thumb { display: inline-block; margin-right: 20px;}
#news-list-container .news-main-thumb img { width: 120px; height: 80px; object-fit: cover;}
#news-list-container .news-main-post-txt {display: inline-block; width: 600px; vertical-align: top;}
#news-list-container .news-main-post-title { font-size: 1.5rem; line-height: 2.0rem; font-weight: 600; color: #222; margin-bottom: 7px;}


/*-------------------------------------------------------
TRIP PLAN
-------------------------------------------------------*/
#tripplan-main-container  { width: 760px; margin-right: 40px; margin-bottom: 50px;}
.tripplan-main-container-inner { margin: 0 -11px 0;}
.tripplan-main-title { position: relative; display: inline-block; width: 760px; font-size: 3.0rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.tripplan-main-title:before, .tripplan-main-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 260px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .tripplan-main-title:before, #east-asia-content .tripplan-main-title:after{ 
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
.tripplan-main-title:before {left:0;}
.tripplan-main-title:after {right: 0;}
.tripplan-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400; line-height: 1.4rem;}

/*-------------------------------------------------------
FAVORITE
-------------------------------------------------------*/
#favorite-main-container  { width: 760px; margin-right: 40px; margin-bottom: 60px;}
#common-content #favorite-main-container { width: 1100px; }
#common-content .favorite-main-container-inner { margin: 10px -11px 10px;}
.favorite-main-container-inner { margin: 10px -11px 10px;}
.favorite-main-title { position: relative; display: inline-block;font-size: 3.0rem; font-weight: 600; padding: 0; width: 760px; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
#common-content .favorite-main-title { width: 1040px;}
.favorite-main-title:before, .favorite-main-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 260px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .favorite-main-title:before, #east-asia-content .favorite-main-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
#common-content .favorite-main-title:before, #common-content  .favorite-main-title:after{ width: 410px; 
background: -webkit-repeating-linear-gradient(-45deg, #999, #999 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #999, #999 3px, #FFF 3px, #FFF 6px);}
.favorite-main-title:before {left:0;}
.favorite-main-title:after {right: 0;}
.favorite-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}
.favorite-detail {text-align: left; margin: 20px 20px 0; font-size: 1.3rem; line-height: 1.8rem;color: #666;}
#common-content .favorite-detail { margin: 20px 70px 0; text-align: center;}
.txt-attention {font-size: 1.2rem; color: #666; font-weight: 400;}


/*-------------------------------------------------------
SEARCH
-------------------------------------------------------*/
#search-main-container  { width: 760px; margin-right: 40px; margin-bottom: 60px;}
#common-content #search-main-container { width: 1100px; }
.search-main-container-inner { margin: 10px -11px 10px;}
#common-content .search-main-container-inner { margin: 10px 0 10px;}
.search-main-title { position: relative; display: inline-block;font-size: 3.0rem; font-weight: 600; padding: 0; width: 760px; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
#common-content .search-main-title { width: 1040px;}
.search-main-title:before, .search-main-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 280px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .search-main-title:before, #east-asia-content .search-main-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
#common-content .search-main-title:before, #common-content .search-main-title:after { width: 420px;
background: -webkit-repeating-linear-gradient(-45deg, #999, #999 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #999, #999 3px, #FFF 3px, #FFF 6px);}
.search-main-title:before {left:0;}
.search-main-title:after {right: 0;}
.search-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}
.search-txt { margin: 20px 4%; font-size: 1.5rem;}


/*-------------------------------------------------------
SIMPLE
-------------------------------------------------------*/
.simple-cover { padding: 30px 0 5px;}
.simple-cover:before { content: ""; position: absolute; left: 0; top: 0;display: inline-block; width: 100%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#common-content .simple-cover:before {
background: -webkit-repeating-linear-gradient(-45deg, #999, #999 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #999, #999 3px, #FFF 3px, #FFF 6px);}
.simple-txt-area { padding-bottom: 30px; border-bottom: 1px #CCC solid; font-size: 1.4rem;}

/*-------------------------------------------------------
FORM
-------------------------------------------------------*/
.mail-form-area {padding: 20px; background: #F5F5F5; border-radius: 10px; }
.mail-form-area input {font-size: 1.3rem !important; line-height: 1.8rem; width: auto; border-radius: 5px; outline: 0; border: 1px solid #ccc; padding: 10px; margin-bottom: 15px;}
.mail-form-area input:focus { outline: 1px #36d99d solid;}
.mail-form-title { margin-bottom: 8px;}
.mail-form-area label {margin-right: 12px;}
.mail-form-area select { margin-bottom: 24px; height: 34px; font-size: 1.4rem; width: 210px!important;}
.btn-mail-form { width: 60% !important; text-align: center;margin: 0 auto;}
.btn-mail-form input { width: 70% !important; background: #eb5d8f; color: #FFF; outline: none; cursor: pointer; font-size: 1.4rem !important; padding: 15px; border-bottom: solid 4px #c04771;}
.btn-mail-form input:hover { opacity: .5;}
.btn-mail-form input:active { -ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px);	border-bottom: none;}
.btn-mail-form input:focus { outline: none;} 
.bmform_frm1041136 { min-width: 98%; margin-bottom: 25px!important;}
.bmform_frmtext1041136 { margin-bottom: 25px!important;}

/*-------------------------------------------------------
COUNTRY TOP
-------------------------------------------------------*/
#country-top-container { position: relative; }
.country-top-img img { position: relative; padding-top: 6px; width: 760px; height: 300px; object-fit: cover;}
.country-top-img:before { content: ""; position: absolute; left: 0; top: 0;display: inline-block; width: 100%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .country-top-img:before {
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
.flag-country { position: absolute; display: inline-block; top: 32px; left: 32px;}
.flag-country img {width:68px; height: auto;}
.country-top-h1 { position: absolute; display: block; top: 11px; left: 80px; font-size: 2.2rem; color: #FFF; width: 300px; text-align: left;}

.country-top-info { position: relative; display: inline-block; width: 700px; background: #FFF; text-align: left; margin-top: -24px; margin-bottom: 20px;}
.country-top-info a { display: inline-block;  width: 700px; transition: 0.3s;}
.country-top-txt-01 { display: inline-block; width: 130px; color: #FFF; font-size: 1.4rem; font-weight: 600; line-height: 1.6rem; background: #43c092; padding: 12px 10px;  float: left;}
#east-asia-content .country-top-txt-01 { background: #f65a45;}
.country-top-txt-01 i { margin-right: 5px;}
.country-top-txt-01 a { display: inline-block;  color: #FFF; transition: 0.3s;}
.country-top-txt-02 { display: inline-block; color: #222; font-size: 1.4rem; font-weight: 600; line-height: 1.6rem; padding: 12px;}
.country-top-info a:hover { display: inline-block; opacity: .5; }
.country-top-txt-02 i {position: absolute; right: 12px; color: #43c092;}
#east-asia-content .country-top-txt-02 i { color: #f65a45;}

/*--- お気に入り COUNTRY---*/
.country-top-img .btn-like, .country-info-img .btn-like { display: inline-block; position: absolute; top: 6px; right: 30px; margin: 0; padding: 7px 19px 28px; z-index: 1; width: 12px; text-align: center; background: #FFF ; opacity: .9; }
.country-top-img .btn-like:after, .country-info-img .btn-like:after { content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 19px solid #FFF; border-right: 19px solid #FFF; border-bottom: 8px solid transparent;}
.country-top-img .btn-like-txt, .country-info-img .btn-like-txt { display: none;}
.country-top-img .btn-like a, .country-info-img .btn-like a { display: inline-block; position: absolute; top: -10px; right: -4px; margin: 0; padding: 3px 12px 30px; z-index: 10; width: 14px;}
.country-top-img .wpfp-keep, .country-info-img .wpfp-keep { position: absolute; top: 10px; right: 4px; width: 30px; height: 30px; background: url(../img/ico-like-sp-off.png) no-repeat center top; display: block; z-index: 20;}
.country-top-img .wpfp-remove, .country-info-img .wpfp-remove { position: absolute; top: 10px; right: 4px; width: 30px; height: 30px; background: url(../img/ico-like-sp-on.png) no-repeat center top; display: block; z-index: 20;}

/*--- お気に入り GRAY---*/
.country-top-cover .btn-like, .post-main-cover .btn-like, .post-enjoy-jp-cover .btn-like { display: inline-block; position: absolute; top: 6px; right: 30px; margin: 0; padding: 7px 19px 28px; z-index: 1; width: 12px; text-align: center; background: #F5F5F5 ; opacity: .9; }
.country-top-cover .btn-like:after, .post-main-cover .btn-like:after, .post-enjoy-jp-cover .btn-like:after { content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 19px solid #F5F5F5; border-right: 19px solid #F5F5F5; border-bottom: 8px solid transparent;}
.country-top-cover .btn-like-txt, .post-main-cover .btn-like-txt, .post-enjoy-jp-cover .btn-like-txt { display: none;}
.country-top-cover .btn-like a, .post-main-cover .btn-like a, .post-enjoy-jp-cover .btn-like a{ display: inline-block; position: absolute; top: -10px; right: -4px; margin: 0; padding: 3px 12px 30px; z-index: 10; width: 14px;}
.country-top-cover .wpfp-keep, .post-main-cover .wpfp-keep, .post-enjoy-jp-cover .wpfp-keep { position: absolute; top: 10px; right: 4px; width: 30px; height: 30px; background: url(../img/ico-like-sp-off.png) no-repeat center top; display: block; z-index: 20;}
.country-top-cover .wpfp-remove, .post-main-cover .wpfp-remove, .post-enjoy-jp-cover .wpfp-remove { position: absolute; top: 10px; right: 4px; width: 30px; height: 30px; background: url(../img/ico-like-sp-on.png) no-repeat center top; display: block; z-index: 20;}

/*--- CITY ---*/
#country-city-container { width: 760px; text-align: left;  margin-top: 20px;}
.country-city-inner { padding: 15px 25px; border: 4px #43c092 solid; background: #FFF;}
#east-asia-content .country-city-inner { border: 4px #f65a45 solid;}
.cntry-city { border-bottom: 1px #CCC solid; padding-bottom: 14px;}
.cntry-city-dt, .cntry-genre-dt { display: inline-block; float: left; width: 120px; height: 60px; font-size: 1.5rem; font-weight: 600; color: #222; margin-bottom: 8px; margin-top: 12px;}
.cntry-city-dt i, .cntry-genre-dt i { font-size: 1.4rem; color: #43c092; margin-right: 12px; margin-left: 10px;}
#east-asia-content .cntry-city-dt i, #east-asia-content .cntry-genre-dt i { color: #f65a45;}
.cntry-city-dd { display: inline-block; margin: 6px; font-size:1.5rem; font-weight: bold;}
.cntry-city-dd a { display: block; padding: 9px 12px 7px; color: #222!important; transition: 0.3s; background: -webkit-repeating-linear-gradient(-45deg, #edf7f3, #edf7f3 3px,#f9fdfc 3px, #f9fdfc 7px); background: repeating-linear-gradient(-45deg, #edf7f3, #edf7f3 3px, #f9fdfc 4px, #f9fdfc 7px);}
#east-asia-content .cntry-city-dd a { background: -webkit-repeating-linear-gradient(-45deg, #feece9, #feece9 3px,#FFF 3px, #FFF 7px); background: repeating-linear-gradient(-45deg, #feece9, #feece9 3px, #FFF 4px, #FFF 7px);}
.cntry-city-dd a:hover { display: block; background: #43c092; padding: 9px 12px 7px; color: #FFF!important;}
#east-asia-content .cntry-city-dd a:hover { background: #f65a45;}
.city-on { padding: 9px 12px 7px; color: #FFF; background: #43c092;}
#east-asia-content .city-on { background: #f65a45;}

.cntry-genre { margin-top: 14px;}
.cntry-genre-dd { display: inline-block; margin: 6px; font-size:1.5rem; font-weight: bold;}
.cntry-genre-dd a { display: block; padding: 9px 12px 7px; color: #38ad82!important; background: #e4f5ef; transition: 0.3s;}
#east-asia-content .cntry-genre-dd a { color: #f65a45!important; background: #feece9; }
.cntry-genre-dd a:hover { display: block; background: #43c092; padding: 9px 12px 7px; color: #FFF!important;}
#east-asia-content .cntry-genre-dd a:hover { background: #f65a45; color: #FFF!important;}
.genre-on { padding: 9px 12px 7px; color: #FFF; background: #43c092;}
#east-asia-content .genre-on { background: #f65a45;}

/*--- COUNTRY RANKING ---*/
#ranking-country-container  { width: 760px; margin-right: 40px; margin-bottom: 40px;}
.ranking-country-inner { margin: 50px 0 0;}
.ranking-country-title { position: relative; display: inline-block;font-size: 3.0rem; font-weight: 600; width: 100%; font-family: Montserrat,sans-serif; letter-spacing:0.15rem; margin-bottom: 10px;}
.ranking-country-title:before, .ranking-country-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 270px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}

#east-asia-content .ranking-country-title:before, #east-asia-content .ranking-country-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}

.ranking-country-title:before {left:0;}
.ranking-country-title:after {right: 0;}
.ranking-country-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.ranking-country-ul { display: inline-block; counter-reset:count-num; margin: 0 -7px;}
.ranking-country-num:before { counter-increment: count-num; content: counters(count-num,".") " "; position: absolute; top: 10px; left: 0; color: #222; font-weight: 600; background: #ead271; font-size: 1.6rem; padding: 10px 12px 8px;}

.ranking-country-li:first-child { position: relative; display: inline-block; width: 330px; margin-right: 10px; float: left; padding-top: 10px; text-align: left; vertical-align: top;}
.ranking-country-li:first-child .ranking-country-thumb { margin-bottom: 10px;}
.ranking-country-li:first-child .ranking-country-thumb img { width: 330px; height: 330px; object-fit: cover;}
.ranking-country-li:first-child .ranking-country-post-title { font-size: 1.6rem; line-height: 2.0rem; font-weight: 600; color: #222; margin-bottom: 11px;}
.ranking-country-li:first-child .ranking-country-post-subtitle  { font-size: 1.4rem; line-height: 2.2rem; font-weight: 600; color: #43c092; margin-bottom: 5px; transition: 0.3s;}
#east-asia-content .ranking-country-li:first-child .ranking-country-post-subtitle { color: #f65a45; }

.ranking-country-li { position: relative;  display: inline-block; width: 190px; margin: 0 7px 18px; padding-top: 10px; text-align: left; vertical-align: top;}
.ranking-country-thumb { margin-bottom: 7px;}
.ranking-country-thumb img { width: 190px; height: 127px; object-fit: cover;}
.ranking-country-post-title { font-size: 1.3rem; line-height: 1.6rem; font-weight: 600; color: #222; margin-bottom: 5px;}
.ranking-country-post-subtitle { font-size: 1.1rem; line-height: 1.4rem; font-weight: 600; color: #43c092; margin-bottom: 5px; transition: 0.3s;}
#east-asia-content .ranking-country-post-subtitle { color: #f65a45;}
.ranking-country-li a, .ranking-country-li-L a { display: inline-block;  transition: 0.3s; }
.ranking-country-li a:hover, .ranking-country-li-L a:hover { display: inline-block; opacity: .5;}

.news-main-subtitle-cntry {display: block; font-size: 1.2rem; color: #666; font-weight: 400; margin-top: 15px;}
.news-main-ul-cntry {margin-top: 20px;}


/*-------------------------------------------------------
COUNTRY INFO
-------------------------------------------------------*/
#country-info-container { position: relative; }
.country-info-img img { position: relative; padding-top: 6px; width: 760px; height: 360px; object-fit: cover;}
.country-info-img:before { content: ""; position: absolute; left: 0; top: 0;display: inline-block; width: 100%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .country-info-img:before {
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}

/*-------------------------------------------------------
COUNTRY WHAT'S NEW
-------------------------------------------------------*/
.cntry-whatsnew { margin: 0 0 10px 9px;}


/*-------------------------------------------------------
COUNTRY GENRE
-------------------------------------------------------*/
.country-top-cover { position: relative; display: block; box-sizing: border-box; padding-top: 6px; margin-bottom: 25px; text-align: left;}
.country-top-cover:before { content: ""; position: absolute; left: 0; top: 0;display: inline-block; width: 100%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .country-top-cover:before {
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
.flag-country-cover { display: inline-block; margin-top: 20px; margin-left: 28px;}
.flag-country-cover img { display: inline-block; width: 40px; height: auto;}
.country-top-cover-h1 { display: inline-block; margin-top: 5px; margin-left: 10px; font-size: 1.6rem; color: #999; width: 300px; vertical-align: top;}
.country-genre-title, .country-city-title { display: block;  margin-top: 14px; margin-left: 28px; font-size: 2.2rem; color: #222; font-weight: 600; line-height: 2.4rem;}
.flag-country-cover a { display: inline-block;  transition: 0.3s; }
.flag-country-cover a:hover { display: inline-block; opacity: .5;}



/*-------------------------------------------------------
POST MAIN
-------------------------------------------------------*/
#post-main-container { position: relative; width: 760px; padding: 0 30px; text-align: left; margin-bottom: 50px; font-size: 1.4rem; line-height: 2.2rem; color: #222; vertical-align: top;}
#common-content #post-main-container { width: 1040px; padding: 0 70px; margin: 0 auto 50px;}
#post-main-container img { width: auto; max-width: 100%; height: auto; margin: 0 0 5px; vertical-align: top; }
.post-main-cover { position: relative; text-align: left;}
.post-main-cover:before { content: ""; position: absolute; left: 0; top: 0;display: inline-block; width: 100%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .post-main-cover:before {
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}

.post-country-genre {padding: 26px 0 17px;}
.post-country-genre .flag-post img { width: 41px; height: 28px;}
.post-country-genre .genre-post { display: inline-block; font-size: 1.3rem; vertical-align:top; margin-top: 3px; margin-left: 18px; position: absolute; padding: 5px 8px; background: #43c092; color: #FFF;}
#east-asia-content .post-country-genre .genre-post { background: #f65a45;}
.post-country-genre .genre-main { display: inline-block; font-size: 1.3rem; float: none;vertical-align:top; margin-top: 3px; margin-left: 30px;}
.post-country-genre .country-name { font-size: 1.4rem; top: -8px; }
.post-title { font-size: 2.8rem; line-height: 3.6rem; font-weight: 600; color: #222; margin-bottom: 18px;}
.post-sub-title { font-size: 1.8rem; line-height: 2.4rem; color: #43c092; margin-bottom: 10px;}
#east-asia-content .post-sub-title { color: #f65a45;}
.post-h2 { position: relative; font-size: 2.2rem; line-height: 3.0rem; font-weight: 600; color: #222; margin: 25px 0 20px; padding-bottom: 15px;}
.post-h2:before { content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; width: 40%; height: 5px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .post-h2:before  {
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}

.post-h2:after { content: ""; position: absolute; right: 0; bottom: 0; display: inline-block; width: 60%; height: 5px;
background: #43c092;}
#east-asia-content .post-h2:after {
background: #f65a45;}

#post-main-container p { margin-bottom: 22px;}
.post-h3 { font-size: 1.8rem; line-height: 2.4rem; font-weight: 600; color: #222; margin: 40px 0 20px; border-bottom: 2px #43c092 solid; padding-bottom: 5px;}
#east-asia-content .post-h3 { border-bottom: 2px #f65a45 solid;}
#common-content .post-h3 { border-bottom: 2px #999 solid;}
.post-h4 { font-size: 1.8rem; line-height: 2.4rem; font-weight: 600; color: #43c092; margin: 40px 0 15px;}
#east-asia-content .post-h4 { color: #f65a45;}
#common-content .post-h4 { color: #eb5d8f;}
.post-h5 { position: relative; display: inline-block; font-size: 2.0rem; font-weight: 600; width: 100%; font-family: Montserrat,sans-serif; letter-spacing:0.15rem; margin-left: 3px;}
.post-h5:after { content: ''; position: absolute; top: 50%; right: 0; display: inline-block; width: 520px; height: 1px; background: #CCC;}

#post-main-container small { display: block; font-size: 1.2rem; line-height: 1.8rem; text-align: left; color: #999; margin: 0 0 8px 0; }

.post-main-tags {border-top: 1px #CCC solid; border-bottom: 1px #CCC solid; padding:10px 0;}
.post-author, .post-tag { font-size: 1.2rem; line-height:1.8rem;}
.post-author dt,.post-tag dt { display: inline-block; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing: 0.15rem; margin-right: 10px; }
.post-author dd { display: inline-block; color: #999; }
.author-link { font-size: 1.3rem; font-weight: 600; }
.post-tag dd { display: inline-block; margin-right: 10px; color: #999; }
.post-tag dd:before {content: " # "; color: #999; }
.post-tag a { color: #999!important;transition: 0.3s;}
.post-tag a:hover { color: #43c092!important; }

.post-date { display: inline-block; color: #999; font-size: 1.1rem; margin-top: 5px;}
.post-sns-share { display: block; padding: 15px 0;}
.post-sns-share-ul {float: right;}
.post-sns-share li { display: inline-block; margin: 0 8px; vertical-align: bottom;}

.post-more { position: relative; display: inline-block; font-size: 1.8rem; font-weight: 600; margin: 25px auto 10px; border-radius: 4px;  width: 100%; background: #43c092; text-align: center;}
#east-asia-content .post-more { background: #f65a45;}
.post-more-txt {font-size: 1.8rem; font-weight: 600; color: #FFF;}
.post-more-txt a { display: inline-block; width: 100%; color: #FFF!important; font-weight: 600; padding: 20px 10px;}
.post-more i { position: absolute;  display: inline-block; font-size: 2.6rem; margin: 0 10px; vertical-align: bottom; right: 3px;}

.post-main-img img { width: 760px; height: 450px; margin-bottom: 5px; object-fit: cover; }
.photo-by { display: inline-block; font-size: 1.1rem; line-height: 1.2rem; text-align: left; color: #999; margin: 0 0 15px 0; }
.post-img-l { width: 100%; margin-top: 30px;}
.fl-01 { float: left; margin-right: 20px;}
.bold { font-weight: bold; }
.bold2 { display: block; font-size: 1.6rem; font-weight: bold; margin: 0px 0px 8px; }
.dot-list { list-style: disc; margin: 0 0 0 1em; padding-left: 10px;}
.dot-list li{ margin-bottom: 10px;}
.txtnum { list-style-type: decimal; }
.txtalphabet { list-style-type: upper-alpha; }
.btn-more { position: relative; width: 220px; height: 40px; margin: 0 auto 20px; line-height: 40px; text-align: center; background: #43c092;}
#east-asia-content .btn-more { background: #f65a45;}
.btn-more a { display: block; width: 220px; height: 40px; line-height: 40px; text-align: center; font-size: 1.4rem; padding: 0 20px; color: #FFF !important;  font-weight: 600;}
.btn-more a:hover { opacity: .5;}
#east-asia-content .btn-more a:hover { opacity: .5;}
.btn-more i { position: absolute; vertical-align: middle; font-size: 2.0rem; top: 10px; right: 10px;}

.check-it-out { padding: 12px 12px 10px 15px; background: #EEE; border-radius: 7px;}
.check-it-out li { margin-bottom: 3px; color:#43c092;}
#east-asia-content .check-it-out li { color:#f65a45;}
.check-title { display: block; color: #eb5d8f; font-size: 1.5rem; font-weight: 600; margin-bottom: 7px; margin-left: 5px;}
.check-title i {margin-right: 7px;}
#east-asia-content .check-title { color: #33afe3;}

/*thumbnail link*/
.thumbnail-link { display: inline-block; width: 100%; margin: 10px auto 10px; padding: 13px 17px; border: solid 1px #CCC; vertical-align: top; border-radius: 5px;}
.img-thumblink { display: inline-block; margin-right: 20px;}
.img-thumblink img { width: 120px!important; height: 80px!important; object-fit: cover;}
.img-thumblink a { transition: 0.3s;}
.img-thumblink a:hover { display: inline-block; opacity: .5;}
.txt-thumblink { display: inline-block; width: 77%; font-size: 1.2rem; line-height: 2.0rem; color: #999; vertical-align: top; margin-top: 3px;}
.title-thumblink { display: block; font-size: 1.4rem; line-height: 2.0rem; color: #43c092; margin-bottom: 10px; font-weight: 600;}

/* 下矢印 */
.arrow_down { display: inline-block; position: relative; top: 18px; width: 0; height: 0; border: 16px solid transparent;  border-top-color: #43c092; margin: 5px 20px;}
.arrow_down:after { position: absolute;  content: ''; top: -30px; left: -8px; width: 16px; height: 18px; background: #43c092;}

#east-asia-content .arrow_down { display: inline-block; position: relative; top: 18px; width: 0; height: 0; border: 16px solid transparent; border-top-color: #f65a45; margin: 5px 20px;}
#east-asia-content .arrow_down:after { position: absolute;  content: ''; top: -30px; left: -8px;  width: 16px; height: 18px; background: #f65a45;}


/*information*/
.post-information {display: block;margin-top: 40px; }
.post-list { margin:20px 0 0; width: 100%; display: block; word-break: break-all; }
.post-list table { border-collapse: separate; border-spacing: 3px 3px; width:100%;}
.post-list th, .post-list td { font-size: 1.3rem; line-height: 2.0rem; text-align: left; vertical-align: top; padding: 10px 22px; margin:0; }
.post-list th { width:20%; font-weight:bold;}
.post-list td { width: auto;}
.post-list tr:nth-child(2n+1) { background:#d9f2e9; }
#east-asia-content .post-list tr:nth-child(2n+1) { background:#feece9; }
#common-content .post-list tr:nth-child(2n+1) { background:#fed7e5; }
.post-list tr:nth-child(2n+2) { background:#FFF; }

.post-google-map { margin: 40px 0; }

/*--- HOTEL SEARCH ---*/
.hotel-search { margin: 20px 0 40px; text-align: left;}
.hotel-search-title { font-size: 1.8rem; font-weight: 600; line-height: 2.2rem; margin-bottom: 20px; padding-left: 10px; border-left: solid 5px #43c092;}
#east-asia-content .hotel-search-title { border-left: solid 5px #f65a45;}

/*--- 関連記事 ---*/
#related-main-container  { width: 760px; margin-right: 40px; margin-bottom: 50px;  }
.related-main-container-inner { margin: 40px -11px 10px;}
.related-main-title { position: relative; display: inline-block; width: 760px; font-size: 2.1rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.related-main-title:before, .related-main-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 320px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .related-main-title:before, #east-asia-content .related-main-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
.related-main-title:before {left:0;}
.related-main-title:after {right: 0;}
.related-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400; line-height: 1.4rem;}

.related-main-ul { margin-top: 20px;}
.related-main-li { position: relative;  display: inline-block; width: 47%; margin: 10px 7px 10px; text-align: left; vertical-align: top;}
.related-main-thumb { display: inline-block; margin-right: 15px;}
.related-main-thumb img { width: 100px; height: 68px; object-fit: cover;}
.related-main-post-txt {display: inline-block; width: 67%;vertical-align: top;}
.related-main-post-title { font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #222;}
.related-main-post-subtitle { font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; color: #43c092; margin-bottom: 5px; transition: 0.3s;}
#east-asia-content .related-main-post-subtitle { color: #f65a45;}
.related-main-li a { display: inline-block;  transition: 0.3s; }
.related-main-li a:hover { display: inline-block; opacity: .5;}

/*--- YAHOO! RECOMMEND ---*/
#yahoo-main-container { width: 760px; margin: 50px 0 0; text-align: left;}
.yh-title { position: relative; display: inline-block; font-size: 1.8rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing: 0.15rem; margin-bottom: 20px;}
.yh-title:after{ content: ''; position: absolute; top: 40%; display: inline-block; width: 580px; height: 6px; margin-left: 20px;
background: -webkit-repeating-linear-gradient(-45deg, #CCC, #CCC 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #CCC, #CCC 3px, #FFF 3px, #FFF 6px);}



/*-------------------------------------------------------
ENJOY JP
-------------------------------------------------------*/
#enjoy-jp-top-container { position: relative; }
#enjoy-jp-top-container .country-top-img:before { content: ""; position: absolute; left: 0; top: 0;display: inline-block; width: 100%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);}
#enjoy-jp-top-container .country-city-inner {  border: 4px #ffa235 solid;}
#enjoy-jp-top-container .cntry-city { border: none;}
#enjoy-jp-top-container .cntry-city-dt i{ color: #ffa235;}
#enjoy-jp-top-container .cntry-city-dd a { display: block; padding: 9px 12px 7px; color: #222!important; transition: 0.3s;
	background: -webkit-repeating-linear-gradient(-45deg, #fef6ec, #fef6ec 3px,#FFF 3px, #FFF 7px);
	background: repeating-linear-gradient(-45deg, #fef6ec, #fef6ec 3px, #FFF 4px, #FFF 7px);}
#enjoy-jp-top-container .cntry-city-dd a:hover { display: block; background: #ffa235; padding: 9px 12px 7px; color: #FFF!important;}
#enjoy-jp-top-container #country-city-container { margin-top: 30px;}
#enjoy-jp-top-container .city-on { padding: 9px 12px 7px; color: #FFF; background: #ffa235;}

#enjoy-jp-feature-container { width: 100%; margin: 40px 0 40px; }
#enjoy-jp-feature-container .feature-main-title:before, #enjoy-jp-feature-container .feature-main-title:after, #enjoy-jp-whatsnew-container .feature-main-title:before, #enjoy-jp-whatsnew-container .feature-main-title:after { content: ''; position: absolute; top: 20%; display: inline-block; width: 280px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);}

#enjoy-jp-whatsnew-container  { width: 100%; margin-right: 40px; margin-bottom: 50px;}
#enjoy-jp-whatsnew-container .whatsnew-main-title:before, #enjoy-jp-whatsnew-container .whatsnew-main-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 250px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);}

#enjoy-jp-feature-container .feature-main-post-subtitle { color: #ffa235;}
#enjoy-jp-whatsnew-container .whatsnew-main-post-subtitle { color: #ffa235;}
#enjoy-jp-feature-container .genre-main, #enjoy-jp-whatsnew-container .genre-main { background: #ffa235;}

#enjoy-jp-feature-container .pager-li a:hover, #enjoy-jp-whatsnew-container .pager-li a:hover { background: #ffa235;}
#enjoy-jp-feature-container .current, #enjoy-jp-whatsnew-container .current { background: #ffa235;}
#enjoy-jp-feature-container .city-on { padding: 9px 12px 7px; color: #FFF; background: #43c092;}
.enjoy-jp-explain {font-size: 1.4rem; line-height: 2.2rem; text-align: left; margin: 25px 30px 0;}


.post-enjoy-jp-cover { position: relative; text-align: left;}
.post-enjoy-jp-cover:before { content: ""; position: absolute; left: 0; top: 0;display: inline-block; width: 100%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);}
.post-enjoy-jp-cover .genre-post { background: #ffa235!important;}
.post-enjoy-jp-cover .post-sub-title { color: #ffa235;}

.post-enjoy-jp-container .post-h2:before  { content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; width: 40%; height: 5px;
background: -webkit-repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px)!important;
background: repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px)!important;}
.post-enjoy-jp-container .post-h2:after { content: ""; position: absolute; right: 0; bottom: 0; display: inline-block; width: 60%; height: 5px;
background: #ffa235!important;}
.post-enjoy-jp-container .post-h3 { border-bottom: 2px #ffa235 solid; }
.post-enjoy-jp-container .post-h4 { color: #ffa235;}


/*-------------------------------------------------------
COLUMN
-------------------------------------------------------*/
.column-cover { margin-top: 10px;}
.column-cover-ul {margin: 0 -11px 20px; text-align: left;}
.column-cover-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}
.column-cover-li { display: inline-block; margin: 20px 9px 20px; width: 370px; text-align: left;}
.column-cover-thum {margin-bottom: 12px;}
.column-cover-thum img { width: 370px; height: auto;}

.column-cover-img-prof { display: inline-block; margin-right: 10px; margin-bottom: 10px; vertical-align: top;}
.column-cover-img-prof img { width: 37px; height: 37px; border-radius: 50%; }
.column-cover-name { display: inline-block; color: #666; font-size: 1.2rem; vertical-align: top; margin-top: 13px;}
.column-cover-name a { color: #666; }
.column-cover-li a { display: inline-block; transition: 0.3s;}
.column-cover-li a:hover { display: inline-block; opacity: .5;}
.column-cover-post-title { font-size: 1.6rem; font-weight: bold; color: #222; line-height: 2.2rem;}
.column-cover-post-title a {color: #222!important;}

/*-------------------------------------------------------
EDITER
-------------------------------------------------------*/
#editer-container { }
.editer-main-title { position: relative; display: inline-block; width: 100%; margin-top: 20px; font-size: 3.0rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.editer-main-title:before, .editer-main-title:after{ content: ''; position: absolute; top: 40%; display: inline-block; width: 200px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .editer-main-title:before, #east-asia-content .editer-main-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
.editer-main-title:before {left:0;}
.editer-main-title:after {right: 0;}
.editer-main-subtitle { font-size: 1.4rem; color: #666; font-weight: 400; line-height: 2.2rem; padding: 15px 30px 0;}
#editer-container .profile-txt { padding-top: 30px;}


/*-------------------------------------------------------
COLUMNIST
-------------------------------------------------------*/
#columnist-container { }
.columnist-main-title { position: relative; display: inline-block; width: 100%; margin-top: 20px; font-size: 3.0rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.columnist-main-title:before, .columnist-main-title:after{ content: ''; position: absolute; top: 40%; display: inline-block; width: 280px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .columnist-main-title:before, #east-asia-content .columnist-main-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
.columnist-main-title:before {left:0;}
.columnist-main-title:after {right: 0;}
.columnist-main-subtitle { font-size: 1.4rem; color: #666; font-weight: 400; line-height: 2.2rem; padding: 15px 30px 0;}
.columnist-main-img img { width: 760px; height: auto; }

.columnist-main-h3 { position: relative; font-size: 2.2rem; color: #222; font-weight: 400; line-height: 2.6rem; padding: 20px 0; text-align: center;}
.columnist-main-h3:before { content: ""; position: absolute; left: 0; bottom: 0;display: inline-block; width: 40%; height: 5px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .columnist-main-h3:before {
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
.columnist-main-h3:after { content: ""; position: absolute; right: 0; bottom: 0; display: inline-block; width: 60%; height: 5px;
background: #43c092;}
#east-asia-content .columnist-main-h3:after {
background: #f65a45;}

.column-profile { padding: 30px 20px 40px;}
.profile-img { display: inline-block; width: 174px; margin-right: 30px; text-align: left;}
.profile-img img { width: 174px; height: 174px; object-fit: cover; border-radius: 50%;}
.profile-txt { display: inline-block;  width: 500px; text-align: left; font-size: 1.4rem; line-height: 2.09rem; vertical-align: top; padding-top: 12px;}
.profile-name { font-size: 1.8rem; font-weight: 600; line-height: 2.4rem; padding-bottom: 12px;}
.name-sub { font-size: 1.4rem; color: #999; font-weight: 400;}

	/*-------------------------------------------------------
REPORTER
-------------------------------------------------------*/
.reporter-profile {width: 100%; background: #F5F5F5; margin: 20px 0 40px;}
.reporter-profile-inner {padding: 20px 30px;}
.reporter-profile-ul { margin: 10px -11px 40px; text-align: left;} 
.reporter-profile-li { position:relative;　display:inline-block!important; display:-webkit-inline-box; width: 46%; margin: 15px 11px; box-sizing: border-box; background: #F5F5F5; text-align: left;}
.reporter-profile-are {display: block;}
.reporter-profile-inner { padding: 15px 10px 15px 18px;}
.reporter-profile-img { display: inline-block; width: 125px; margin-right: 14px; text-align: left;}
.reporter-profile-img img { width: 125px; height: 125px; object-fit: cover; border-radius: 50%;}
.reporter-profile-txt { display: inline-block;  width: 54%; text-align: left; font-size: 1.3rem; line-height: 1.9rem; vertical-align: top; padding-top: 12px;}
.reporter-profile-name { display: inline-block; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; padding-bottom: 12px; vertical-align: middle; margin-left: 10px;}
.reporter-profile-li a { position:absolute;  display: inline-block; top:0; left:0; width:100%; height:100%; text-indent:-999px; transition: 0.3s;}
.reporter-profile-li a:hover {display: inline-block;  opacity: .5; background: #FFF; }


/*-------------------------------------------------------
TAG
-------------------------------------------------------*/
.tag-list-txt { margin: 20px 4%; font-size: 1.5rem;}
.tag-main-title { position: relative; display: inline-block; width: 100%; font-size: 3.0rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
#common-content .tag-main-title { width: 1040px;}
.tag-main-title:before, .tag-main-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 310px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .tag-main-title:before, #east-asia-content .tag-main-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
#common-content .tag-main-title:before, #common-content .tag-main-title:after{ width: 450px; 
background: -webkit-repeating-linear-gradient(-45deg, #999, #999 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #999, #999 3px, #FFF 3px, #FFF 6px);}
.tag-main-title:before {left:0;}
.tag-main-title:after {right: 0;}
.tag-list-detail {margin: 0 20px; font-size: 1.3rem; line-height: 1.8rem; color: #666;}
#common-content .tag-list-detail { margin: 0 70px;}

/*-------------------------------------------------------
404
-------------------------------------------------------*/
.notfound-container { padding: 40px 0 60px; text-align: center; margin: 0 auto;}
.notfound-title { font-size: 2.3rem; line-height: 2.8rem;font-weight: 600;}
.notfound-txt { padding: 20px 0; font-size: 1.3rem; line-height: 1.8rem;font-weight: 600;}
.notfound-img { margin-bottom: 20px;}
.notfound-search { margin-bottom: 20px;}
.notfound-back {font-size: 1.3rem; line-height: 1.8rem;font-weight: 600; color: #43c092;}
.notfound-back a { color: #43c092; display: inline-block;  transition: 0.3s;}
#east-asia-content .notfound-back a { color: #f65a45;}
#common-content .notfound-back a { color: #eb5d8f;}
.notfound-back a:hover { display: inline-block; opacity: .5;}
.notfound-back .fas { margin-left: 7px; font-size: 1.4rem; font-weight: 600;}

.btn-link-asean { display: inline-block;  margin-right: 20px; margin-bottom: 30px;}
.btn-link-east-asia { display: inline-block; margin-bottom: 30px;}
.btn-link-asean a { background: #43c092;}
.btn-link-east-asia a { background: #f65a45;}
.btn-link-asean a, .btn-link-east-asia a { display:inline-block; font-size: 1.4rem; font-weight: 600;width: 260px; padding: 13px 0; color: #FFF; border-radius: 5px; transition: 0.3s; }
.btn-link-asean a:hover, .btn-link-east-asia a:hover { display:inline-block; opacity: 0.5;}


/*-------------------------------------------------------
SIDE
-------------------------------------------------------*/
#side-container { width: 300px;  float: left;}

.ad-side-300 { display: inline-block; width: 300px; }

/*--- 何を読む？ ---*/
#search-post-container { display: inline-block; margin-top: 40px; width: 300px; text-align: center;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
#east-asia-content #search-post-container { 
background: -webkit-repeating-linear-gradient(-45deg, #33afe3, #33afe3 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #33afe3, #33afe3 3px, #FFF 3px, #FFF 6px);}

.search-post-container-inner { display: block; margin: 10px; padding: 20px; background: #FFF;}
.search-post-title { font-size: 2.0rem; font-weight: 600; letter-spacing: 0.15rem;}
.search-post-read { color: #222; font-size: 1.3rem; line-height: 2.1rem; text-align: left; margin: 18px 0;}
.search-post-select-area select { width: 100%;	padding: 5px 10px; margin-bottom: 20px;  -webkit-appearance: none;	-moz-appearance: none;	appearance: none;	border: 1px solid #ccc; background: url(../img/arrow-search-post.png) right 50% no-repeat;	background-size: 37px, 100%; cursor: pointer; font-size: 1.3rem;}

.btn-search-post { display: inline-block; color: #222; font-size: 1.6rem; font-weight: 600; margin-top: 10px; padding: 7px 15px 5px 55px; border: 3px #222 solid; cursor:pointer; outline: none;}
.btn-search-post i { margin-left: 30px; vertical-align: text-top; font-size: 2.0rem;  }
.btn-search-post:hover:after { display: inline-block; color: #FFF;}
.btn-search-post:hover { display: inline-block; background: #222; color: #FFF; transition: 0.3s;}


/*--- FEATURE SIDE---*/
#feature-side-container { width: 100%; margin-top: 40px;}
.feature-side-container-inner { margin: 0;}
.feature-side-title { position: relative; display: inline-block; font-size: 2.4rem; font-weight: 600; width: 300px; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.feature-side-title:before, .feature-side-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 70px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .feature-side-title:before, #east-asia-content .feature-side-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #33afe3, #33afe3 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #33afe3, #33afe3 3px, #FFF 3px, #FFF 6px);}
.feature-side-title:before {left:0;}
.feature-side-title:after {right: 0;}
.feature-side-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.feature-side-ul { margin-bottom: 0;}
.feature-side-li { position: relative; display: inline-block; width: 300px; margin: 5px 0 15px; padding: 10px 0; border-bottom: 1px #CCC solid; text-align: left; vertical-align: top; overflow: hidden;}
.feature-side-thumb img { width: 300px; height: 150px; object-fit: cover; }
.feature-side-post-title { font-size: 1.4rem; line-height: 1.8rem; font-weight: 600; color: #222;  margin-top: 7px;}
.feature-side-post-subtitle { font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; color: #eb5d8f; margin-top: 8px; transition: 0.3s;}
#east-asia-content .feature-side-post-subtitle { color: #33afe3;}
.feature-side-li a, .feature-side-post-title a { display: inline-block;  transition: 0.3s; }
.feature-side-li a:hover, .feature-side-post-title a:hover { display: inline-block;  opacity: .3; color: #eb5d8f;}

/*--- ICON NEW! ---*/
.btn-new { position: absolute; top: 0; left: 8px; padding: 6px 8px 5px; display: block; background: #eb5d8f;font-size: 1.2rem; font-family: Montserrat,sans-serif; color: #FFF; text-align: center; z-index: 10;}


/*--- TRIP THEME　SIDE ---*/
#theme-main-container-side , #tips-main-container-side { position: relative; width: 100%;}
.side .theme-main-container-inner { margin-top: 40px; padding: 0; border: 0;}
#east-asia-content .side .theme-main-container-inner { border: 0;}
.side .theme-main-title-pc { position: relative; font-size: 2.0rem; font-weight: 600; margin: 0 0 13px; width: 100%; padding: 0; letter-spacing:0.1rem;}
.side .theme-main-title-pc:before, .theme-main-title-pc:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 20%; height: 6px; background-color: #43c092;}
#east-asia-content .side .theme-main-title-pc:before, #east-asia-content .theme-main-title-pc:after { background-color: #f65a45; }
.side .theme-main-title-pc:before { left: 0;}
.side .theme-main-title-pc:after { right: 0;}
.side .theme-main-title-pc img { display: inline-block; margin-right: 5px; vertical-align: middle;}

.side .theme-main-li { display: inline-block; background: #43c092; margin: 5px; font-size:1.4rem; font-weight: 600; color: #FFF; background: -webkit-repeating-linear-gradient(-45deg, #43c092, #cce7ff 3px,#69cda8 3px, #69cda8 7px); background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px,#69cda8 4px, #69cda8 7px);}
.side .theme-main-li a { display: block; padding: 10px 14px 8px; color: #FFF!important; transition: 0.3s;}
.side .theme-main-li a:hover { display: block; background: #FFF; padding: 10px 14px 8px; opacity: 0.7; color: #43c092!important;}

.side .tips-main-container-inner{ margin: 40px 0 0; padding: 0; border: 0;}
.side .tips-main-title { position: relative;font-size: 2.0rem; font-weight: 600; background: #FFF; margin: 0 0 13px; width: 100%; padding: 0; letter-spacing:0.1rem;}
.side .tips-main-title:before, .side .tips-main-title:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 22%; height: 6px; background-color: #CCC;}
.side .tips-main-title:before { left: 0;}
.side .tips-main-title:after { right: 0;}

.side .tips-main-li { display: inline-block; margin: 5px; font-size:1.4rem; font-weight: bold; color: #43c092; background: -webkit-repeating-linear-gradient(-45deg, #edf7f3, #edf7f3 3px,#f9fdfc 3px, #f9fdfc 7px); background: repeating-linear-gradient(-45deg, #edf7f3, #edf7f3 3px, #f9fdfc 4px, #f9fdfc 7px);}
.side .tips-main-li a { display: block; padding: 10px 14px 8px; color: #43c092; transition: 0.3s;}
.side .tips-main-li a:hover { display: block; background: #43c092; padding: 10px 14px 8px; opacity: 0.7; color: #effdf7;}


/*--- RANKING　SIDE ---*/
#ranking-side-container  { display: inline-block; width: 300px; margin-top: 40px; margin-bottom: 40px;}
.ranking-side-title { position: relative; display: inline-block; font-size: 2.4rem; font-weight: 600; line-height: 3.0rem; padding: 0 86px; font-family: Montserrat,sans-serif; letter-spacing:0.1rem;}
.ranking-side-title:before, .ranking-side-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 70px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .ranking-side-title:before, #east-asia-content .ranking-side-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #33afe3, #33afe3 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #33afe3, #33afe3 3px, #FFF 3px, #FFF 6px);}

.ranking-side-title:before {left:0;}
.ranking-side-title:after {right: 0;}
.ranking-side-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.ranking-side-ul { margin: 0;}
.ranking-side-li { display: inline-block; position: relative; padding-top: 10px; border-bottom: 1px #CCC solid; text-align: left; vertical-align: top; overflow: hidden;}
li.ranking-side-li:before { counter-increment: count-number; content: counters(count-number,".") " "; display: inline-block; font-family: Montserrat,sans-serif; font-size: 2.2rem; color: #eb5d8f; width: 20px; vertical-align: top; margin-top: 16px;}
#east-asia-content li.ranking-side-li:before { color: #33afe3;}
.ranking-side-thumb { display: inline-block; margin-right: 12px; margin-bottom: 10px;}
.ranking-side-thumb img { width: 80px; height: 53px; object-fit: cover;}
.ranking-side-post-txt { display: inline-block; width: 175px; vertical-align: top;}
.ranking-side-post-title { font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; color: #222; margin-bottom: 10px;}
.ranking-side-post-subtitle { font-size: 1.1rem; line-height: 1.6rem; font-weight: 600; color: #eb5d8f; margin-bottom: 3px; transition: 0.3s;}
#east-asia-content .ranking-side-post-subtitle { color: #33afe3;}
.ranking-side-li a { display: inline-block;  transition: 0.3s; }
.ranking-side-li a:hover { display: inline-block; opacity: .5; }


/*--- 最新コラム　COLUMN SIDE ---*/
#column-side-container { display: inline-block; width: 300px; margin-top: 40px;}
.column-side-title { position: relative; display: inline-block; font-size: 2.4rem; font-weight: 600; line-height: 3.0rem; padding: 0 88px; font-family: Montserrat,sans-serif; letter-spacing:0.1rem;}
.column-side-title:before, .column-side-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 75px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .column-side-title:before, #east-asia-content .column-side-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #33afe3, #33afe3 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #33afe3, #33afe3 3px, #FFF 3px, #FFF 6px);}

.column-side-title:before { left:0;}
.column-side-title:after { right: 0;}
.column-side-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}
.column-side-ul {margin-bottom: 20px;}

.column-side-top { position: relative; display: inline-block; width: 300px;  padding: 10px 0 20px; text-align: left; vertical-align: top;  border-bottom: 1px #CCC solid; overflow: hidden;}
.column-side-top-thumb { margin-bottom: 12px;}
.column-side-top-thumb img { width: 300px; height:200px; object-fit: cover;}
.column-side-top-post-title { font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #222;}
.column-side-top-post-subtitle { font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; color: #eb5d8f; margin-bottom: 6px; transition: 0.3s;}
#east-asia-content .column-side-top-post-subtitle { color: #33afe3;}
.column-side-top a { display: inline-block;  transition: 0.3s; }
.column-side-top a:hover { display: inline-block; opacity: .5; }

.column-side-li { position: relative; display: inline-block; width: 300px; padding-top: 10px; text-align: left; vertical-align: top;  border-bottom: 1px #CCC solid; overflow: hidden;}
.column-side-thumb { display: inline-block; margin-bottom: 10px;}
.column-side-thumb img { width: 90px; height: 60px; object-fit: cover;}
.column-side-txt { display: inline-block; margin-right: 13px; width: 190px; vertical-align: top;} 
.column-side-post-title { font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; color: #222; margin-bottom: 10px;}
.column-side-post-subtitle { font-size: 1.1rem; line-height: 1.6rem; font-weight: 600; color: #eb5d8f; margin-bottom: 3px; transition: 0.3s;}
#east-asia-content .column-side-post-subtitle { color: #33afe3;}
.column-side-li a { display: inline-block;  transition: 0.3s; }
.column-side-li a:hover { display: inline-block; opacity: .5; }


/*--- VIEW MORE SIDE---*/
.btn-side-view-more { font-family: Montserrat,sans-serif; text-align: center; font-size: 1.4rem; color: #222; font-weight: 600; }
.btn-side-view-more i { margin-left: 10px; vertical-align: middle; font-size: 2.0rem; }
.btn-side-view-more a:hover:after { display: inline-block; opacity: .5;}
.btn-side-view-more a { color: #222; display: inline-block; transition: 0.3s;}
.btn-side-view-more a:hover { display: inline-block; opacity: .5; }

/*--- KEYWORD SIDE---*/
#keyword-side-container { display: inline-block; width: 300px; margin: 40px 0;}
.keyword-side-title { position: relative; display: inline-block; font-size: 2.4rem; font-weight: 600; line-height: 3.0rem; padding: 0 80px; font-family: Montserrat,sans-serif; letter-spacing:0.1rem;}
.keyword-side-title:before, .keyword-side-title:after { content: ''; position: absolute; top: 20%; display: inline-block; width: 68px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
#east-asia-content .keyword-side-title:before, #east-asia-content .keyword-side-title:after {
background: -webkit-repeating-linear-gradient(-45deg, #33afe3, #33afe3 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #33afe3, #33afe3 3px, #FFF 3px, #FFF 6px);}

.keyword-side-title:before { left:0;}
.keyword-side-title:after { right: 0;}
.keyword-side-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.keyword-side-li { display: inline-block;  font-size: 1.2rem; color: #222; margin: 5px 2px; background: #f5f5f5;}
.keyword-side-li a { display: inline-block; padding: 8px 6px 9px; color: #222; transition: 0.3s;}
.keyword-side-li a:hover { display: inline-block; color: #FFF; background: #eb5d8f;}
#east-asia-content .keyword-side-li a:hover { background: #33afe3;}

/*--- LINKS SIDE---*/
#links-side-container { display: inline-block; width: 300px;  margin-bottom: 40px;}
.links-side-ul { padding: 12px 7px; border: 1px #CCC solid;}
.links-side-li { display: inline-block; margin: 0 3px;}
.links-side-li a { display: inline-block; transition: 0.3s;}
.links-side-li a:hover { display: inline-block; opacity: .5;}
#east-asia-content #links-side-container { display: none;}


/*--- RECOMMEND COULMN ---*/
#recommend-ftr-container { background: #eee; padding: 40px 0; margin-top: 60px; }
.recommend-ftr-container-inner { width: 1040px; margin: 0 auto;}
.recommend-ftr-title { position: relative; display: inline-block; font-size: 2.6rem; font-weight: 600; padding: 0 160px; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.recommend-ftr-title:before, .recommend-ftr-title:after{ content: ' '; position: absolute; top: 20%; display: inline-block; width: 140px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #eee 3px, #eee 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #eee 3px, #eee 6px);}
#east-asia-content .recommend-ftr-title:before, #east-asia-content .recommend-ftr-title:after{
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #eee 3px, #eee 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #eee 3px, #eee 6px);}
.recommend-ftr-title:before {left:0;}
.recommend-ftr-title:after {right: 0;}
#recommend-ftr-container .slick-prev, #recommend-ftr-container .slick-next { margin-top: -32px;}


.recommend-ftr-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}
.recommend-ftr-li { display: inline-block; margin: 28px 12px 0; width: 324px; text-align: left;}
.recommend-ftr-thum {margin-bottom: 12px;}
.recommend-ftr-thum img { width: 324px; height: auto;}
.recommend-ftr-img-prof { display: inline-block; margin-right: 10px; margin-bottom: 10px; vertical-align: top;}
.recommend-ftr-img-prof img { width: 37px; height: 37px; border-radius: 50%; }
.recommend-ftr-name { display: inline-block; color: #666; font-size: 1.2rem; vertical-align: top; margin-top: 20px;}
.recommend-ftr-name a { color: #666; }
.recommend-ftr-li a, .recommend-ftr-name a, .recommend-ftr-post-title a { display: inline-block; transition: 0.3s;}
.recommend-ftr-li a:hover, .recommend-ftr-name a:hover, .recommend-ftr-post-title a:hover { display: inline-block; opacity: .5;}
.recommend-ftr-post-title { font-size: 1.4rem; font-weight: bold; color: #222; line-height: 1.8rem;}
.recommend-ftr-post-title a {color: #222;}

/*--- REPORTER'SPOSTS---*/
#reporters-ftr-container { margin: 60px auto ; width: 1100px; }
.rptr-ftr-container { display: inline-block; margin: 20px 10px 0; width: 210px; text-align: center; vertical-align: top;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.rptr-ftr-container-inner { padding: 30px 20px; background: #FFF; margin: 5px;}
.reporters-ftr-title-h3 { position: relative; display: inline-block; font-size: 2.2rem; font-weight: 600; font-family: Montserrat,sans-serif; line-height: 2.6rem; letter-spacing:0.15rem;}
.reporters-ftr-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.reporters-ftr-ul {display: inline-block; }
.reporters-ftr-li { display: inline-block; width: 180px; margin: 0 15px; vertical-align: top;}
.reporters-ftr-thum img { width: 160px;  height: 160px; object-fit: cover; border-radius: 50%;}
.reporters-ftr-thum a{ display: block; width: 160px;  height: 160px; border-radius: 400px;}
.reporters-ftr-title { font-size: 1.4rem; font-weight: 600; color: #222; margin-top: 20px; line-height: 2.1rem;}
.reporters-ftr-title a {color: #222;}
.reporters-ftr-li a { display: inline-block; transition: 0.3s;}
.reporters-ftr-li a:hover { display: inline-block; opacity: .5; }

.genre-main-reporters { display: inline-block; padding: 5px 10px; background: #43c092; color: #FFF; transition: 0.3s; margin-top: 10px;}


/*--- VIEW MORE LEFT---*/
.btn-view-more-L { font-family: Montserrat,sans-serif; text-align: center; font-size: 1.4rem; color: #222; font-weight: 600; margin: 20px 0 0 5px; }
.btn-view-more-L i { margin-left: 10px; vertical-align: middle; font-size: 2.0rem; }
.btn-view-more-L a:hover:after { display: inline-block; opacity: 0.5;}
.btn-view-more-L a { color: #222; display: inline-block; transition: 0.3s;}
.btn-view-more-L a:hover { display: inline-block; opacity: 0.5; }

/*-------------------------------------------------------
FOOTER 1
-------------------------------------------------------*/
#asean-footer { padding-top: 30px; border-top: 1px #CCC solid;}
.asean-footer-inner { width: 1100px; margin: 0 auto;}
.footer-L-ul { display: inline-block; text-align: left; width:785px; }
.footer-L-li { display: inline-block; word-wrap: break-word; vertical-align: top; text-align: left; margin-top: 18px; margin-right: 5px; }
.footer-country { display: inline-block!important; width: 110px; vertical-align: top; }
.footer-L-txt { display: inline-block; width: 272px;}
.footer-city-name { display: block; color: #222; font-size:1.1rem; line-height: 1.6rem;}
.footer-city-name a { color: #222; display: inline-block; word-wrap: break-word; overflow-wrap : break-word; transition: 0.3s;}
.footer-city-name a:hover, .footer-genre-name a:hover { display: inline-block; color: #43c092; }
.footer-genre-name { display: inline-block;　color: #999; font-size:1.1rem; margin-top: 7px; line-height: 1.7rem;}
.footer-genre-name a { color: #222; display: inline-block;  word-wrap: break-word; overflow-wrap : break-word;transition: 0.3s;}
.footer-R { display: inline-block; width: 310px; vertical-align: top;}
.fb-timeline {margin-top: 15px;}
.logo-big img { width: 160px; height: 130px;}
.logo-big a { transition: 0.3s;}
.logo-big a:hover { opacity: 0.5;}
.ico-footer { margin-top: 20px; width: 270px; margin-left: 28px;}
.ico-footer-li { display:inline-block; background: #999; margin-right: 10px; width: 46px; height: 46px; border-radius: 50%; }
.ico-footer-li a { display:inline-block; width: 46px; height: 46px; border-radius: 50%; padding-top: 12px; transition: 0.3s;}
.ico-footer-li a:hover { display: inline-block; opacity: 0.5; }
.ico-footer-li img { width: 22px; height: auto;}



/*-------------------------------------------------------
FOOTER 2
-------------------------------------------------------*/
#footer2-container { margin-top: 50px; padding: 25px 0 10px; background: #666;}
.footer2-inner { width: 1100px; margin: 0 auto;}
.footer2-ul:before {display: inline-block; width: 1px; height: 12px; margin: 0 18px 0 16px; background: #FFF; vertical-align: middle;	content: "";}
.footer2-li { display: inline-block;}
.footer2-li:after {display: inline-block; width: 1px; height: 12px; margin: 0 18px 0 16px; background: #FFF; vertical-align: middle;	content: "";}
.footer2-li a { display: inline-block; font-size: 1.2rem; color: #FFF; transition: 0.3s;}
.footer2-li a:hover { display: inline-block; opacity: 0.7; }
.attention { display: block; margin: 15px auto 0; color: #FFF; font-size: 1.0rem; line-height: 1.6rem; width: 440px;}
.copyright { color: #FFF; font-size: 1.0rem; margin: 10px auto 0;}

/*--- PAGE TOP---*/
#pagetop {	text-align:right; position: fixed; bottom: 150px; right: 15px; vertical-align: middle; }
#pagetop a { display: inline-block; width: 54px; height: 54px; border-radius: 50%; background: #999; opacity: 0.9; transition: 0.3s; }
#pagetop a:hover { display: inline-block; opacity: 0.7; background: #333;color: #FFF;}
#pagetop i {  padding: 18px; color: #FFF;}



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

Media queries

-------------------------------------------------------*/
@media screen and (max-width:750px){
 
/*body{  min-width:initial;}*/
	a:hover {opacity: 1.0; }
	body{ overflow-x: hidden;}
	
@media screen and (max-width: 667px) {
html{ font-size: 62.5%;}
body{ font-size: 1.4rem;position: relative;
		left: 0; overflow-x: hidden;min-width:initial;}


.pc { display: none !important; }
.sp { display: block !important; }

	.sp2 {display: block;}
	
	
/*--- HEADER ---*/
#head {	width: 100%; height: 62px; text-align: center;	padding: 0px;	border-bottom: 1px #DDD solid;	position: fixed; top: 0; left: 0; margin: 0 auto; z-index: 99999; background: #FFF;}
.header-link-L { display: inline-block; float: none; width: 280px; margin: 10px 0;} 
.header-logo-sp { display: inline-block!important; float:none;	margin-right: 4px; }
.header-logo-sp a {	display: inline-block; transition: 0.3s;}
.header-logo-sp a:hover {display: inline-block; opacity: 0.5;}
.sub-logo {	display: inline-block; float: none; margin-top: 10px; vertical-align: top;}
.sub-logo a {	display: inline-block;	padding: 4px;	color: #FFF;	font-size: 0.6rem;	text-decoration: none;	background: #43c092; transition: 0.3s;}
.sp-search { display:block; position: absolute; top: 15px; left: 15px; background: none; border: 1px #CCC solid ;border-radius: 50%;}
.sp-search a { display:block; padding:7px; outline: none; cursor: pointer; }
.sp-search a i { display:block; font-size: 1.5rem; color: #CCC; }
.sp-menu { display:block; position: absolute; top: 22px; right: 12px;}
.sp-menu a { display:block; outline: none; cursor: pointer; }
.sp-menu a i { display:block; font-size: 2.6rem; color: #222; }
	
	
/*--- SEARCH BOX---*/
#searchbox { display: none; position:fixed; top: 0; left: 0; width: 100%; height: auto; background: #43c092; text-align: center; padding: 30px 0 0; margin-top: 62px; z-index: 998; }
.searchbox-inner { max-width: 100% ; margin: 0 auto;padding: 0 0 20px;}
dl.search { width: 80%; }
dl.search dt { margin-right:40px; padding:8px 0 8px 8px;}
dl.search dt input{ width:100%; height:24px; line-height:24px; background:none; border:none; font-size: 16px;}
dl.search dd { position:absolute; top:0; right:0;}
dl.search dd button{ display:block; padding:10px; background:none; border:none;outline: none; cursor: pointer;}
dl.search dd button i { display:block; width:20px; height:20px; color: #43c092; }
::placeholder { color: #CCC; font-style: oblique;}
.searchbox-tag { margin-top: 10px;}
.searchbox-li { display:inline-block; font-size: 1.3rem; color: #FFF; line-height: 1.8rem; margin: 0 5px;}
.searchbox-li a { color: #FFF; transition: 0.3s;}
.searchbox-li a:hover { display:inline-block; opacity: 0.5;}
.searchbox-close { position: absolute; top:0; right: 0; display: block; font-size: 2.0rem; color: #FFF; transition: 0.3s; text-align: right;  margin-top: 10px; margin-right: 20px; transition: 0.3s; }
.searchbox-close i { display: inline-block; width: 30px; height: 25px; cursor: pointer;}
	
	/*--- GROBAL NAVIGATION ---*/
.spmenubtn1:before { display: block; font-family: "Font Awesome 5 Free"; content: '\f0c9';	font-size: 2.0rem; font-weight: bold;; color: #222; width: 30px; height: 30px; cursor: pointer;}
.spmenubtn1active:before { font-family: "Font Awesome 5 Free"; content: '\f00d';	font-size: 2.0rem; font-weight: bold; color: #222; width: 30px; height: 30px; cursor: pointer; }
	
#grobal-nav { width: 100%; height: auto; z-index: 9999; position: fixed;}
#east-asia-content #grobal-nav { height: auto;}
.grobal-navi-inner { position: relative; display: none; top: 62px; left: 0;  margin: 0; width: 100%; height: 100% ; max-height: 600px; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling:touch;}
.grobal-navi-li { display: block; width: 100%; border-bottom: 1px #91e3c5 solid; margin: 0; padding:0; text-align: left; cursor: default; background: #43c092;}
#east-asia-content .grobal-navi-li { display: block; width: 100%; border-bottom: 1px #f5a99f solid; background: #f87968; margin: 0;}
.gnavi-lineL { border: none;}
.gnavi-li-sp {display: block;}
.map-list-li { background: #eb5d8f;}
.gnavi-li-base { background: #999; border-bottom: 1px #ccc solid;}
.gnavi-li-east-asia { background: #f87968; border-bottom: 1px #f5a99f solid;}
#east-asia-content .map-list-li { background: #eb5d8f;}
.grobal-nav-flag { display:inline-block; padding: 0;}
#east-asia-content .grobal-nav-flag { padding: 0;}
.grobal-nav-txt { display:inline-block; font-size: 1.6rem; font-weight: 700;color: #FFF; margin-top: 4px; vertical-align: top;}
	#east-asia-content .grobal-nav-txt {margin-top: 4px;}
.grobal-nav-txt a { display: block; font-size: 1.6rem; color: #FFF; padding: 15px 4%;}
.grobal-navi-ul {　position: relative; padding-bottom: 110px; background: #FFF; }
.grobal-navi-li a { display:inline-block; transition: 0.3s;font-size: 1.6rem;}
.grobal-navi-li a.btn-navi-area { padding: 15px 4%; width: 91%;}
.grobal-navi-li a:hover, .grobal-navi-li a.btn-navi-area:hover { display: inline-block; opacity: 1.0;}
.gnavi-li-sp { position: relative; font-size: 1.6rem; font-weight: 600;}
.li-aftr-i:after { position: absolute; top: 50%; right: 15px; margin-top: -10px; font-family: "Font Awesome 5 Free"; content:'\f067';color: #FFF;}
.li-aftr-i.active:after { position: absolute; top: 50%; right: 15px; margin-top: -10px; font-family: "Font Awesome 5 Free"; content:'\f068'; color: #FFF;}
.btn-navi-area { display: block; width: 91%; padding: 15px 4%; color: #FFF;}
.gnavi-li-sp a { display: block; width: 91%; padding: 15px 4%; color: #FFF;}
.gnavi-li-sp i { margin-right: 4%; position: absolute; right: 0;top: 35%; }
img.ico-like-img { width: 22px; height: 20px; margin-right: 8px; vertical-align: middle;}
.sns-ico-sp-ul { display: block; text-align:center; }
.sns-ico-sp-li { display: inline-block; width: 28px; margin: 0 15px; }
.sns-ico-sp-li img { display:inline-block; width: 28px; height: 28px;}
.link-to-east-asia a, .link-to-asean a, .link-to-home a { width: 100%;}
	
	
	
	/*--- DROPDOWN MENU ---*/
.dropnavi-inner-sp { display: none; width: 100%; background: #2cab7c;}
.dropnavi-in-ul { padding: 0; background: #43c092; text-align: left; cursor: default; background: #2cab7c;}
	#east-asia-content .dropnavi-in-ul { background: #f66855; }
.dropnavi-in-ul:before {	content: "";	position: absolute; top: 0; border: none;}

.dropnavi-li { display: inline-block; vertical-align:top;}
.dropnavi-li-01 {display: block; margin: 0;}
.drp-country a { width: 91%; padding: 15px 4%; color: #FFF; font-size: 1.6rem;  font-weight: 600;}
.drp-country i { margin-right: 4%; position: absolute; right: 0;}

.dropnavi-li-02 { border: none; padding: 15px 4%; width: 91%;}
.drp-city { font-size: 1.4rem; font-weight: 600; color: #222; margin: 0 0 10px; }
.drp-city i, .drp-genre i { margin-right: 10px; font-size: 1.8rem; vertical-align: baseline;}
.drp-city-li { display: inline-block; margin: 0 7px 10px 0;}
.drp-city-li a { display: inline-block; background: #FFF;  padding: 9px 11px 8px; font-size: 1.3rem; font-weight: 600; color: #2cab7c; transition: 0.3s;}
.drp-city-li a:hover { display: inline-block; background: #FFF; color: #2cab7c; opacity: 1.0;}
.drp-genre { font-size: 1.4rem; font-weight: 600; color: #222; margin: 20px 0 10px; }
.drp-genre-li { display: inline-block; margin: 0 8px 10px 0;}
.drp-genre-li a { display: inline-block; background: #2cab7c; border: 2px #FFF solid; padding: 7px 12px 6px; font-size: 1.3rem; font-weight: 600; color: #FFF; transition: 0.3s;}
.drp-genre-li a:hover { display: inline-block; background: #2cab7c; color: #FFF; opacity: 1.0;}

	
/*--- MINIMUM NAVIGATION ---*/
.fixed {display: none;}

	
	/*--- MAIN CONTAINER ---*/
#main-container { width: 100%; margin: 0 auto;}
#main-container-in { width: 100%; margin: 0 auto 0; padding-top: 62px;}
#left-container { width: 100%; float: none; margin: 0;}
#common-content #left-container { width: 100%; float: none; margin: 0;}
	
/*--- SNS SHARE ---*/
	.sns-share { margin-top: 30px;}
	.sns-share li { display: inline-block; margin: 7px; vertical-align: bottom;}
	
	
/*-------------------------------------------------------
TRIPPING TOP
-------------------------------------------------------*/
/*--- HEADER ---*/
#head-top {	width: 100%; height: 62px; text-align: center;	padding: 0px;	border-bottom: 1px #DDD solid;	position: fixed; top: 0; left: 0; margin: 0 auto; z-index: 99999; background: #FFF;}
#common-content #head-top { width: 100%; height: 62px; padding: 0px;	}
	
/*--- MAIN SLIDER ---*/
#slider-tripping { position: relative; max-width: 100%; margin: 0 auto; padding-top: 62px;}
.slider-tripping { display: none; width: 100%; margin: 0 auto; overflow: hidden;}
.slider-tripping-li { width: 100%; text-align: center;}
.slider-tripping-li img { width: 100%; height: auto; object-fit: cover;}
	
/*--- SEARCH ---*/
.tripping-h2 { position: absolute; top: 110px; left: 0; right: 0; bottom: 0; margin: auto; font-size: 2.4rem; line-height: 3.8rem; color: #FFF; font-weight: 600; text-shadow:0px 0px 23px #000!important;}
#search-tripping { position: absolute; top: 200px; left: 0; right: 0; bottom: 0; margin: auto; width: 340px;}
.search-tripping-form { position:relative; }
.txt-tripping-input {  background: #FFF; height: 50px; padding:17px 4% 0; width: 100%!important; border-radius: 50px; outline: none; font-size: 1.5rem; border: none; font-size: 1.6rem;color: #CCC; cursor: pointer;text-align: left;}

.submit-tripping-button { position: absolute; width: 60px; left: 280px; top: 0; background:#FFF; color: #eb5d8f; border:none; font-size:1.2rem; border-radius:0 25px 25px 0; outline: 0; cursor: pointer;}
.submit-tripping-button:hover { background: #FFF;}
	
.drop-select{ display: none; position: fixed; left: 0px; top: 56px; height: auto; background: #FFF; border-radius: 0; padding: 10px; text-align: left; margin-top: 5px; border: 0; z-index: 99999; max-height: 750px; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling:touch;}
	
.drop-input-sp { border-bottom: solid 1px #CCC; margin-bottom: 18px; }
.drop-close { display: block; margin-top: 2px; padding-right: 2%; width: 100%; height: 20px; text-align: right; cursor: pointer;}
.drop-close i { color: #eb5d8f; font-size: 2.0rem;}
.txt-tripping-input-sp { display: inline-block; position: relative; height: 42px;  width: 84%!important; outline: none; border: none; font-size: 16px;}
.submit-tripping-button-sp {  width: 50px; text-align: right; background:#FFF; color: #eb5d8f; border:none; font-size:1.2rem;  outline: 0; cursor: pointer; padding-top: 15px;}
.txt-submit-search { position: absolute; top: 12px; right: 15px;}
.txt-combo { display: inline-block; border: solid 1px #CCC; border-radius: 5px; margin: 4px 2px; font-size: 1.4rem; color: #222; }
.txt-combo a { display: inline-block; padding: 10px; color: #222; transition: 0.3s;}
	
	
/*--- AREA ---*/
.tripping-area-container { width: 100%; margin: 0;}
.area-main-title { font-size: 2.8rem; font-weight: 600; margin : 40px 0 0; padding: 0; width: 92%;}
.area-main-title:before, .area-main-title:after { width: 110px;}
.area-main-ul { display: block; text-align: left; margin-top: 20px; }
.thum-asean { display: inline-block; width: 100%; margin: 0; }
.img-asean-thum { position: relative;}
.img-asean-thum img { width: 100%; height: auto; object-fit: cover;  border-radius: inherit; }
.ttl-asean-h4 { position: absolute; text-align: center; top: 40%; left: 0; right: 0; bottom: 0; margin: auto; font-size: 3.0rem; color: #FFF; font-weight: 600; text-shadow: 0px 0px 23px #000!important;}
.thum-east-asia { display: inline-block; width:  100%;}
.img-east-asia-thum { position: relative;}
.img-east-asia-thum img { width:  100%; height: auto; object-fit: cover; border-radius: inherit; }
.ttl-east-asia-h4 { position: absolute; text-align: center; top: 40%; left: 0; right: 0; bottom: 0; margin: auto; font-size: 3.0rem; color: #FFF; font-weight: 600; text-shadow: 0px 0px 23px #000!important;}
	
.read-asean-country, .read-east-asia-country { font-size: 1.4rem; line-height: 2.1rem; color: #222; margin: 20px 4% 20px; }
.asean-country-ul, .east-asia-country-ul { margin: 20px 0 35px; background: #FFF; padding: 0;}
.asean-country-li { display: inline-block; width: 19%; margin: 12px 0 5px; vertical-align: top; text-align: center;}
.asean-country-li img { width: 70%; height: auto;}
.asean-country-li a, .east-asia-country-li a { color: #222; display:inline-block; transition: 0.3s; text-align: center;}
.asean-country-li a:hover,.east-asia-country-li a:hover  { display: inline-block; opacity: 0.5}
.txt-asean-country, .txt-east-asia-country { font-size: 1.05rem; line-height: 2.0rem; font-weight: 600; color: #222; margin: 10px; }
.east-asia-country-li { display: inline-block; width: 24%; margin: 12px 0 5px; vertical-align: top; text-align: center;}
.east-asia-country-li img {width: 80%; height: auto;}
	
/*--- 旅のテーマ ---*/
	#tripping-top .theme-main-container-inner { border: none;}
	#tripping-top .theme-main-title-sp,	#tripping-to .theme-main-title-sp { position: relative; font-size: 2.0rem; font-weight: 600; margin: 0 auto 12px; width: 100%; padding: 0; letter-spacing:0.1rem;}
	#tripping-top.theme-main-title-sp:before, #tripping-top .theme-main-title-sp:after, #tripping-top .theme-main-title-sp:before, 	#tripping-top .theme-main-title-sp:after { background-color: #eb5d8f!important;}
	#tripping-top .tips-main-container-inner { margin-bottom: 0;}
	
	
	
/*-------------------------------------------------------
INDEX
-------------------------------------------------------*/	
/*--- TOP SLIDER ---*/
#slider-container { position: relative; max-width: 100%; margin: 0 auto; padding-top: 62px;}
.slider { display: none; max-width: 100%; margin: 0 auto; overflow: hidden;}
.slider.slick-initialized { display: block;}
.slider-arrow { position: absolute; top: 50%;	width: 43px; height: 39px;  margin-top: -18px; color: #43c092; font-size: 32px;	font-weight: 600; cursor: pointer; z-index: 10; border: 1px #ccc solid;	border-radius: 50%;}
.slider-prev { left: 10px;;	padding-top: 6px;	padding-right: 2px; z-index: 11;}
.slider-next { right: 0;	padding-top: 6px;	padding-left: 2px; z-index: 11;}
.slick-slide { text-align: center; font-size: 1.1em; outline: 0;}
.slider-prev:focus:before  { opacity: 1.0;}
.slider a { display:inline-block; transition: 0.3s;}
.slider a:hover { display: inline-block; opacity: 1.0;}
	
	
	/*--- TRIP PLAN ---*/
#trip-plan-container { background: #eee; padding: 22px 0; margin-bottom: 10px;}
.trip-plan-container-inner { width: 100%; margin: 0 auto;}
.trip-plan-title { position: relative; display: inline-block;font-size: 2.2rem; font-weight: 600; padding: 0 110px; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.trip-plan-title:before, .trip-plan-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 90px; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #eee 3px, #eee 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #eee 3px, #eee 6px);}
.trip-plan-title:before {left:0;}
.trip-plan-title:after {right: 0;}

.trip-plan-subtitle { font-size: 1.2rem; color: #666; font-weight: 400; margin-top: 10px;}
.trip-plan-li { display: inline-block; margin: 20px 12px 0;}
.trip-plan-li img { display: inline-block!important;}
.trip-plan-li a { display: inline-block; transition: 0.3s;}
.trip-plan-li a:hover { display: inline-block; opacity: 1.0;}

/*--- VIEW MORE RIGHT ---*/
.btn-view-more-R { font-family: Montserrat,sans-serif; text-align: center; font-size: 1.3rem; color: #222; font-weight: 600; margin: 20px 0 0; }
.btn-view-more-R i { margin-left: 10px; vertical-align: middle; font-size: 2.0rem; }
.btn-view-more-R a:hover:after { display: inline-block; opacity: 0.5;}
.btn-view-more-R a { color: #222!important; display: inline-block; transition: 0.3s;}
.btn-view-more-R a:hover { display: inline-block; opacity: 1.0; }


/*--- TRIP THEME ---*/
#theme-main-container, #tips-main-container, #theme-main-container-side, #tips-main-container-side { position: relative; width: 100%; margin: 22px auto 10px; display: block;}
.theme-main-container-inner, .side .theme-main-container-inner { margin: 0 4%; padding:0; border: none;}
	#east-asia-content .theme-main-container-inner { border: none;}
.theme-main-title-sp, .side .theme-main-title-sp  { position: relative; font-size: 2.0rem; font-weight: 600; margin: 0 auto 12px; width: 100%; padding: 0; letter-spacing:0.1rem;}
.theme-main-title-sp:before, .theme-main-title-sp:after, .side .theme-main-title-sp:before, .side .theme-main-title-sp:after { content: ''; position: absolute; top: 10px; display: inline-block; width: 20%; height: 6px; background-color: #43c092;}
	
#east-asia-content .theme-main-title-sp:before, #east-asia-content .theme-main-title-sp:after, #east-asia-content .side .theme-main-title-sp:before, #east-asia-content .side .theme-main-title-sp:after {  background-color: #f65a45;}
	
.theme-main-title-sp:before, .side .theme-main-title-sp:before { left: 0;}
.theme-main-title-sp:after, .side .theme-main-title-sp:after { right: 0;}
.theme-main-title-sp img, .side .theme-main-title-sp img { display: inline-block; margin-right: 7px; vertical-align: middle;}

.theme-main-li, .side .theme-main-li { display: inline-block; background: #43c092; margin: 5px 2px; font-size:1.3rem; font-weight: bold; color: #FFF; background: -webkit-repeating-linear-gradient(-45deg, #43c092, #cce7ff 3px,#69cda8 3px, #69cda8 7px); background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px,#69cda8 4px, #69cda8 7px);}
.theme-main-li a, .side.theme-main-li a  { display: block; padding: 12px 12px 10px; color: #FFF!important; transition: 0.3s;}
.theme-main-li a:hover, .side.theme-main-li a:hover { display: block; background: #FFF; padding: 12px 12px 10px; opacity: 0.7; color: #43c092!important;}

	
.tips-main-container-inner, .side .tips-main-container-inner { margin: 0 4%; padding: 0; border: none;}
.tips-main-title, .side .tips-main-title { position: relative; font-size: 2.0rem; font-weight: 600; background: #FFF; margin: 0 auto 12px; width: 100%; padding: 2px 0 5px; letter-spacing: 0.1rem;}
.tips-main-title:before, .tips-main-title:after, .side .tips-main-title:before, .side .tips-main-title:after  { content: ''; position: absolute; top: 10px; display: inline-block; width: 23%; height: 6px; background-color: #CCC;}
.tips-main-title:before, .side .tips-main-title:before { left: 0;}
.tips-main-title:after, .side .tips-main-title:after { right: 0;}
	
.tips-main-li, .side .tips-main-li { display: inline-block; margin: 5px 3px; font-size:1.3rem; font-weight: bold; color: #43c092; background: -webkit-repeating-linear-gradient(-45deg, #edf7f3, #edf7f3 3px,#f9fdfc 3px, #f9fdfc 7px); background: repeating-linear-gradient(-45deg, #edf7f3, #edf7f3 3px, #f9fdfc 4px, #f9fdfc 7px);}
.tips-main-li a, .side .tips-main-li a  { display: block; padding: 12px 12px 10px; color: #43c092; transition: 0.3s;}
.tips-main-li a:hover, .side .tips-main-li a:hover { display: block; background: #43c092; padding: 12px 12px 10px; opacity: 1.0; color: #effdf7;}
	

	/*--- FEATURE ---*/
#feature-main-container, #feature-side-container { width: 100%; margin: 40px 0 40px; }
.feature-main-container-inner, .feature-side-container-inner { margin: 0;}
.feature-main-title, .feature-side-title  { position: relative; display: inline-block; font-size: 2.2rem; font-weight: 600; width: 100%; padding: 0; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.feature-main-title:before, .feature-main-title:after { content: ''; position: absolute; top: 20%; display: inline-block; width: 28%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.feature-side-title:before, .feature-side-title:after { content: ''; position: absolute; top: 20%; display: inline-block; width: 28%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
.feature-main-title:before, .feature-side-title:before  { left:4%;}
.feature-main-title:after, .feature-side-title:after { right:4%;}
.feature-main-subtitle, .feature-side-subtitle { font-size: 1.3rem; color: #666; font-weight: 400; margin-top: 10px;}

.feature-main-ul, .feature-side-ul { margin-bottom: 8px;}
.feature-main-li, .feature-side-li { position: relative; display: inline-block; width: 100%; margin: 15px 0; padding-top: 10px; text-align: left; vertical-align: top; overflow: hidden;}
.feature-main-thumb, .feature-side-thumb  { position: relative; width: 100%; height: 100%; margin : 0;}
.feature-main-thumb::before, .feature-side-thumb::before { content: ""; display: block;	padding-top: 48.648%; }
.feature-main-thumb img, .feature-side-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: -24.32%; }
.feature-main-thumb a, .feature-side-thumb a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.feature-main-post, .feature-side-post { width: 92%; display: block; margin: 0 4%;}
.feature-main-post-title, .feature-side-post-title  { display: block; font-size: 1.6rem; line-height: 2.1rem; font-weight: 600; color: #222; margin :8px 0 0;}
.feature-main-post-subtitle { font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #43c092; margin :8px 0 0; transition: 0.3s;}
.feature-side-post-subtitle { font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #eb5d8f; margin :8px 0 0; transition: 0.3s;}
.feature-main-li a, .feature-main-post-title a { display: block;  transition: 0.3s; }
.feature-main-li a:hover, .feature-main-post-title a:hover { display:  block;  opacity: 1.0; color: #43c092;}

.feature-main-txt { width: 92%; display: inline-block; margin: 8px 4% 0;}
.feature-main-txt a { display: inline-block;}
.flag-post { display: inline-block; margin-right: 3px; }
.flag-post img { width: 32px;}
.country-name { display: inline-block; font-size: 1.2rem; color: #999; position: relative; top: -5px; transition: 0.3s;}
a:hover.country-name { opacity: 1.0;}
.genre-main { position: absolute; padding: 5px 10px;  display: inline-block; right: 4%; background: #43c092; color: #FFF; transition: 0.3s; font-size: 1.2rem;}

/*--- VIEW MORE MAIN ---*/
.btn-view-more-main { display: inline-block; font-family: Montserrat,sans-serif; color: #222; font-size: 1.4rem; font-weight: 600; width: 100%;}
.btn-view-more-main i { margin-left: 10px; vertical-align: middle; font-size: 2.0rem; text-align: right;}
.btn-view-more-main a:hover:after { display: inline-block; color: #222!important;}
.btn-view-more-main a { color: #222!important; display: inline-block; padding: 16px 48px 14px; border: 3px #222 solid; transition: 0.3s; width: 60%; }
.btn-view-more-main a:hover { color: #222!important;display: inline-block; background: #FFF; }
	
	/*--- お気に入り ---*/
.btn-like { display: inline-block; position: absolute; top: 10px; right: 8px; margin: 0; padding: 9px 5px 18px; z-index: 1; width: 32px; text-align: center; background: #FFF ; opacity: .9; }
.btn-like:after{ content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 16px solid #FFF; border-right: 16px solid #FFF; border-bottom: 12px solid transparent;}
.btn-like-txt { display: none;}
.btn-like a { display: inline-block; position: absolute; top: -6px; right: -6px; margin: 0; padding: 9px 5px 21px; z-index: 1; width: 22px; height: 10px;}
.wpfp-keep { position: absolute; top: 6px; right: 5px; width: 22px; height: 18px; background: url(../img/ico-like-sp-off.png) no-repeat center top; display: block; z-index: 20;}
.wpfp-remove { position: absolute; top: 6px; right: 5px; width: 22px; height: 18px; background: url(../img/ico-like-sp-on.png) no-repeat center top; display: block; z-index: 20;}
	
.btn-like-ribbon .btn-like-txt { display: inline-block;}
.btn-like-ribbon a:hover { display: inline-block; opacity: 1.0;}
	

/*--- WHAT’S NEW ---*/
#whatsnew-main-container { width: 100%;  margin: 20px 0 0;}
#common-content #whatsnew-main-container { width: 100%;  margin: 20px 0 0;}
.whatsnew-main-container-inner { margin: 0;}
.whatsnew-main-title { position: relative; display: inline-block; font-size: 2.2rem; font-weight: 600; padding: 0; width: 92%; ;font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.whatsnew-main-title:before, .whatsnew-main-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width:22%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.whatsnew-main-title:before {left:0;}
.whatsnew-main-title:after {right: 0;}
.whatsnew-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.whatsnew-main-ul { margin: 0 0 25px 2%;}
#common-content .whatsnew-main-ul { margin: 0 0 25px 2%;}
.whatsnew-main-li { position: relative;  display: inline-block; margin: 15px 2% 0; width: 44.5%; padding-top: 10px; text-align: left; vertical-align: top; overflow: hidden;}
.whatsnew-main-thumb { position: relative; width: 100%; height: 100%; margin : 0;}
.whatsnew-main-thumb::before { content: ""; display: block;	padding-top: 66.667%; }
.whatsnew-main-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.whatsnew-main-thumb	a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.whatsnew-main-post-title { font-size: 1.4rem; line-height: 1.6rem; font-weight: 600; color: #222; margin: 7px 0 0;}
.whatsnew-main-post-subtitle { font-size: 1.2rem; line-height: 1.4rem; font-weight: 600; color: #43c092; margin: 8px 0 0; transition: 0.3s;}
.whatsnew-main-li a { display: inline-block;  transition: 0.3s;}
.whatsnew-main-li a:hover { display: inline-block; opacity: 1.0;}
	
	/*--- AD ---*/
.ad-main { width: 100%;} 
#common-content .ad-main { width: 100%; margin: 0 0 40px;} 
.ad-main-300 { display: inline-block; margin: 40px 0 0;}

	/*--- NEWS ---*/
#news-main-container  { width: 100%; margin: 50px 0 0 0; text-align: left;}
.news-main-container-inner { margin: 0 4%;}
.news-main-title { position: relative; display: inline-block; width: 100%; margin-bottom: 15px; font-size: 2.0rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing: 0.15rem;}
.news-main-title:after{ content: ''; position: absolute; top: 40%;  right: 0; display: inline-block; width: 75%; height: 6px; margin-left: 10px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.news-list .news-main-title:after {width: 75%;}
.btn-vm-news { margin: 25px auto 0; }
	.news-main-subtitle-cntry {margin: 0;}


.news-main-ul { margin: 10px 0 0;}
.news-main-li { position: relative; display: block; width: 100%; margin: 12px 0 0; padding: 0 0 12px; vertical-align: top; border-bottom: 1px #CCC solid; text-align: left;}
.news-main-thumb { position: relative; display: inline-block; margin-right: 4%; width: 20%; }
.news-main-thumb::before { content: ""; display: block;	padding-top: 66.667%; }
.news-main-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.news-main-thumb a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.news-main-post-txt {display: inline-block; width: 74%; vertical-align: top;}
.news-main-post-title { font-size: 1.4rem; line-height: 1.8rem; font-weight: 600; color: #222; margin: 0;}
.news-main-post-read { font-size: 1.2rem; line-height: 1.6rem; color: #999; margin: 7px 0 0; transition: 0.3s;}
.news-main-li a { display: inline-block;  transition: 0.3s; }
.news-main-li a:hover { display: inline-block; opacity: 1.0; cursor: pointer;}


	/*--- PANKUZU ---*/
#pankuzu { width: 100%; margin: 0 auto; background: #f0f0f0;}
#common-content #pankuzu { width: 100%; margin: 0 auto; background: #f0f0f0;}
.pankuzu-inner { padding: 12px 2% 8px;}
.pankuzu-li { display: inline-block; margin-right: 5px; line-height: 1.6rem; }
.pkz-next::after { margin-left: 4px; font-family: "Font Awesome 5 Free"; content: '>'; color: #999;	}
.pankuzu-li a { display: inline-block;}
.pankuzu-li a:hover { opacity: 1.0;}
	
/*--- PAGINATION---*/
.pager { margin: 30px 0 0; text-align: center; font-family: Montserrat,sans-serif; border-bottom: 1px #CCC solid; padding-bottom: 25px;}
.pager-li { display: inline-block; font-size: 1.3rem; font-weight: 600; color: #999; line-height: 32px; vertical-align: middle;}
.pager-li a { display: inline-block; color: #999!important; width: 32px; height: 32px; transition: 0.3s; border-radius: 50%;}
.pager-li a:hover { background: #43c092; border-radius: 50%; color: #FFF; }
.current { display: inline-block; font-size: 1.3rem; font-weight: 600; width: 32px; height: 32px; background: #43c092; border-radius: 50%; color: #FFF; line-height: 32px; vertical-align: middle;}
	
/*-------------------------------------------------------
NEWS LIST
-------------------------------------------------------*/
#news-list-container  { width: 100%; margin: 20px 0 0 0; text-align: left;}
.news-list-container-inner { margin: 0 4%;}
	
#news-list-container .news-main-li { position: relative; display: block; width: 100%; margin: 12px 0 0; padding: 0 0 12px; vertical-align: top; border-bottom: 1px #CCC solid; text-align: left;}
#news-list-container .news-main-thumb { position: relative; display: inline-block; margin-right: 4%; width: 20%; }
#news-list-container .news-main-thumb::before { content: ""; display: block;	padding-top: 66.667%; }
#news-list-container .news-main-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#news-list-container .news-main-thumb a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
#news-list-container .news-main-post-txt {display: inline-block; width: 74%; vertical-align: top;}
#news-list-container .news-main-post-title { font-size: 1.4rem; line-height: 1.8rem; font-weight: 600; color: #222; margin: 0;}
	
/*-------------------------------------------------------
FAVORITE
-------------------------------------------------------*/
#favorite-main-container { width: 100%; margin: 20px 0 40px; }
#common-content #favorite-main-container { width: 100%;}
.favorite-main-container-inner { margin: 0;} 
#common-content	.favorite-main-container-inner { margin: 0;}
.favorite-main-title { position: relative; display: inline-block; font-size: 2.2rem; font-weight: 600; width: 100%; padding: 0; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
#common-content	.favorite-main-title { width: 100%;}
.favorite-main-title:before, .favorite-main-title:after { content: ''; position: absolute; top: 20%; display: inline-block; width: 27%;}
#common-content	.favorite-main-title:before, #common-content	.favorite-main-title:after { width: 27%;}
.favorite-main-title:before  { left:4%;}
.favorite-main-title:after { right:4%;}
.favorite-main-subtitle { font-size: 1.3rem; color: #666; font-weight: 400; margin-top: 10px}
.favorite-detail {text-align: left; margin: 10px 4% 0; font-size: 1.3rem; line-height: 1.9rem;color: #666;}
#common-content	.favorite-detail { margin: 10px 4% 0;text-align: left;}
.txt-attention {font-size: 1.2rem; color: #666; font-weight: 400; margin-top: 10px;}

	
	/*-------------------------------------------------------
TRIP PLAN
-------------------------------------------------------*/
#tripplan-main-container  { width: 100%; margin: 40px 0 40px;}
.tripplan-main-container-inner { margin: 0;} 
.tripplan-main-title {font-size: 2.2rem; font-weight: 600; width: 100%; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.tripplan-main-title:before, .tripplan-main-title:after{ width: 24%;}
.tripplan-main-title:before  { left:4%;}
.tripplan-main-title:after { right:4%;}

/*-------------------------------------------------------
SEARCH
-------------------------------------------------------*/
#search-main-container { width: 100%; margin: 40px 0 40px; }
#common-content 	#search-main-container { width: 100%; margin: 20px 0 40px; }
.search-main-container-inner { margin: 0;} 
#common-content .search-main-container-inner { margin: 0;} 
.search-main-title { position: relative; display: inline-block; font-size: 2.2rem; font-weight: 600; width: 100%; padding: 0; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
#common-content	.search-main-title { width: 100%; }
.search-main-title:before, .search-main-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 28%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#common-content	.search-main-title:before, #common-content	.search-main-title:after{ width: 28%;}
.search-main-title:before  { left:4%;}
.search-main-title:after { right:4%;}
	
	
/*-------------------------------------------------------
FORM
-------------------------------------------------------*/
.mail-form-area select { width: 100%!important;}
.btn-mail-form { width: 90% !important; text-align: center;margin: 0 auto;}
.btn-mail-form input { width: 100% !important; background: #eb5d8f !important; color: #FFF; outline: none; cursor: pointer; font-size: 1.4rem !important; padding: 15px !important; border-bottom: solid 4px #c04771 !important;}
.btn-mail-form input:hover { opacity: 1.0;}
.btn-mail-form input:active { -ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px);	border-bottom: none;}
.btn-mail-form input:focus { outline: none;} 

	
	
/*-------------------------------------------------------
COUNTRY TOP
-------------------------------------------------------*/
.country-top-img img { position: relative; padding-top: 6px; width: 100%;  height: auto; object-fit: cover;}
.flag-country { position: absolute; display: inline-block; top: 22px; left: 17px;}
.flag-country img {width: 35px; height: auto; }
.country-top-h1 { position: absolute; display: block; top: 2px; left: 45px; font-size: 1.8rem; color: #FFF; width: 300px;}
	
.country-top-info { position: relative; display: inline-block; width: 92%; background: #FFF; text-align: left; margin-top: -15px; margin-bottom: 10px;}
.country-top-info a { display: inline-block;  width: 92%; transition: 0.3s;}
.country-top-txt-01 { display: inline-block; width: 76px; color: #FFF; font-size: 1.2rem; font-weight: 600; text-align: center; line-height: 1.6rem; background: #43c092; padding: 7px 12px; float: left; }
.country-top-txt-01 i { margin-right: 5px; font-size: 2.2rem; line-height: 2.8rem;}
.country-top-txt-01 a { display: inline-block; color: #FFF; transition: 0.3s;}
.country-top-txt-02 { display: inline-block; width: 64%; color: #222; font-size: 1.2rem; font-weight: 600; line-height: 1.8rem; padding: 10px 1px 10px 10px;}
.country-top-info a:hover { opacity: 1.0; }
.country-top-txt-02 i {right: 5px;}
	
/*--- CITY ---*/
#country-city-container { width: 100%; text-align: left; margin: 15px auto 0;}
.country-city-inner { padding: 14px 12px; border: 4px #43c092 solid; background: #FFF; margin: 0 4%;}
.cntry-city { border-bottom: 1px #CCC solid; padding-bottom: 12px;}
.cntry-city-dt, .cntry-genre-dt { display: inline-block;  width:100%; height: auto; font-size: 1.4rem; font-weight: 600; color: #222; margin-bottom: 8px; margin-top: 3px;}
.cntry-city-dt i, .cntry-genre-dt i { font-size: 1.4rem; color: #43c092; margin-right: 12px; margin-left: 10px;}
.cntry-city-dd { display: inline-block; margin: 4px 3px; font-size:1.3rem; font-weight: bold;}
.cntry-city-dd a { display: block; padding: 9px 12px 7px; color: #222; transition: 0.3s; color: #222; background: -webkit-repeating-linear-gradient(-45deg, #edf7f3, #edf7f3 3px,#f9fdfc 3px, #f9fdfc 7px); background: repeating-linear-gradient(-45deg, #edf7f3, #edf7f3 3px, #f9fdfc 4px, #f9fdfc 7px);}
.cntry-city-dd a:hover { display: block; background: #43c092; padding: 9px 12px 7px;  color: #effdf7;}

.cntry-genre { margin-top: 12px;}
.cntry-genre-dd { display: inline-block; background: #43c092; margin: 5px 3px; font-size:1.3rem; font-weight: bold; color: #FFF; }
.cntry-genre-dd a { display: block; padding: 9px 9px 7px; color: #FFF; transition: 0.3s;}
.cntry-genre-dd a:hover { display: block; background: #43c092; padding: 9px 9px 7px; color: #FFF;}
	
/*--- COUNTRY RANKING ---*/
#ranking-country-container  { width: 100%;  margin: 40px 0 10px;}
.ranking-country-inner { margin: 0;}
.ranking-country-title { position: relative; display: inline-block; width: 92%; font-size: 2.4rem; font-weight: 600; line-height: 3.0rem; padding:0; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.ranking-country-title:before, .ranking-country-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 27%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.ranking-country-title:before {left:0;}
.ranking-country-title:after {right: 0;}
.ranking-country-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.ranking-country-ul { display: inline-block; width: 100%; margin: 0;}
.ranking-country-num:before { counter-increment: count-num; content: counters(count-num,".") " "; position: absolute; top: 10px; left: 0; color: #222; font-weight: 600; background: #ead271; font-size: 1.6rem; padding: 10px 12px 8px;}
.ranking-country-li:first-child {position: relative; display: inline-block; width: 100%; margin: 0; float: none;padding: 10px 0 20px; text-align: left; vertical-align: top;  border-bottom: 1px #CCC solid; overflow: hidden;}

.ranking-country-li:first-child .ranking-country-thumb {  position: relative; display: inline-block; margin: 0; width: 100%;}
.ranking-country-li:first-child .ranking-country-thumb::before { content: ""; display: block;	padding-top: 66.667%; }
.ranking-country-li:first-child .ranking-country-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.ranking-country-li:first-child .ranking-country-thumb a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.ranking-country-li:first-child .ranking-country-post-title { font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #222; margin: 8px 4% 0;}
.ranking-country-li:first-child .ranking-country-post-subtitle { font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; color: #43c092; margin: 7px 4% 0;}


.ranking-country-li { position: relative;  display: inline-block; width: 44.5%; margin: 15px 2% 0; padding-top: 10px; text-align: left; vertical-align: top; overflow: hidden;}
.ranking-country-thumb { position: relative; width: 100%; height: 100%; margin : 0;}
.ranking-country-thumb::before { content: ""; display: block;	padding-top: 66.667%; }
.ranking-country-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.ranking-country-thumb a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.ranking-country-post-title { font-size: 1.4rem; line-height: 1.6rem; font-weight: 600; color: #222; margin: 7px 0 0;}
.ranking-country-post-subtitle { font-size: 1.2rem; line-height: 1.4rem; font-weight: 600; color: #43c092; margin: 8px 0 0;}
.ranking-country-li a { display: inline-block;  transition: 0.3s; }
.ranking-country-li a:hover { display: inline-block; opacity: 1.0;}
	
	/*-------------------------------------------------------
COUNTRY INFO
-------------------------------------------------------*/
.country-info-img img { position: relative; padding-top: 6px; width: 100%; height: auto; object-fit: cover;}
.country-top-h1 { position: absolute; display: block; top: 4px; left: 45px; font-size: 1.6rem; color: #FFF; width: 300px;}

/*-------------------------------------------------------
COUNTRY GENRE
-------------------------------------------------------*/
.flag-country-cover { display: inline-block; margin-top: 20px; margin-left: 5%;}
.country-genre-title, .country-city-title { display: block;  margin-top: 14px; margin-left: 5%; font-size: 1.9rem; color: #222; font-weight: 600; line-height: 2.4rem;}
	
	
/*-------------------------------------------------------
ENJOY JP
-------------------------------------------------------*/
#enjoy-jp-top-container #country-city-container { margin-top: 25px;}
	.post-enjoy-jp-cover { position: relative; text-align: left; padding: 0 4%;}
#enjoy-jp-feature-container { width: 100%; margin: 40px 0 40px; }
#enjoy-jp-feature-container	.feature-main-title { position: relative; display: inline-block;font-size: 2.2rem; font-weight: 600; padding: 0; width: 100%; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
#enjoy-jp-feature-container .feature-main-title:before, #enjoy-jp-feature-container .feature-main-title:after, #enjoy-jp-whatsnew-container .feature-main-title:before, #enjoy-jp-whatsnew-container .feature-main-title:after { content: ''; position: absolute; top: 20%; display: inline-block; width: 22%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);}

#enjoy-jp-whatsnew-container	.whatsnew-main-title { position: relative; display: inline-block; width: 92%; font-size: 2.2rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
#enjoy-jp-whatsnew-container  { width: 100%; margin-right: 40px; margin-bottom: 50px;}
#enjoy-jp-whatsnew-container .whatsnew-main-title:before, #enjoy-jp-whatsnew-container .whatsnew-main-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 22%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #ffa235, #ffa235 3px, #FFF 3px, #FFF 6px);}
	.enjoy-jp-explain {font-size: 1.3rem; line-height: 2.0rem; text-align: left; margin: 20px 4% 0;}

	
/*-------------------------------------------------------
POST MAIN
-------------------------------------------------------*/
#post-main-container { width: 100%; text-align: left; padding: 0 4%; margin-bottom: 30px; }
	#common-content #post-main-container { width: 100%; padding: 0 4%; margin-bottom: 30px;}
#post-main-container img { width: 100%; height: auto; margin: 0 0 5px;}
.post-main-cover { position: relative; text-align: left; padding: 0 4%; }
.post-country-genre {padding: 22px 0 12px;}
.post-country-genre .flag-post img { width: 41px; height: 28px;}
.post-country-genre .genre-post { display: inline-block; font-size: 1.3rem; vertical-align:top; margin-top: 3px; margin-left: 18px; position: absolute; padding: 6px 8px 5px; background: #43c092; color: #FFF;}
.post-country-genre .country-name { font-size: 1.4rem; top: -8px; margin-left: 5px; }
.post-title { font-size: 2.4rem; line-height: 3.0rem; font-weight: 600; color: #222; margin-bottom: 15px;}
.post-sub-title {font-size: 1.6rem; line-height: 2.4rem; color: #43c092; margin-bottom: 7px;}
	
.post-h2, #post-main-container h2 { position: relative; font-size: 1.8rem; line-height: 2.4rem; font-weight: 600; color: #222; margin: 15px 0 20px; padding-bottom: 12px; border: none;}
.post-h2:before, #post-main-container h2:before { content: ""; position: absolute; left: 0;  bottom: 0; display: inline-block; width: 40%; height: 4px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.post-h2:after, #post-main-container h2:after { content: ""; position: absolute; right: 0; bottom: 0; display: inline-block; width: 60%; height: 4px;
background:#43c092; }
.post-h3 { font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #222; margin: 30px 0 20px; border-bottom: 2px #43c092 solid; padding-bottom: 5px;}
.post-h4 { font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #43c092; margin: 20px 0 10px;}
.post-h5 { position: relative; display: inline-block; font-size: 2.0rem; font-weight: 600; width: 100%; font-family: Montserrat,sans-serif; letter-spacing:0.15rem; margin-left: 3px;}
.post-h5:after { content: ''; position: absolute; top: 50%; right: 0; display: inline-block; width: 50%; height: 1px; background: #CCC;}

#post-main-container p { font-size: 1.4rem; line-height: 2.1rem; color: #222; margin-bottom: 20px;}
	
	
.post-main-img { position: relative; width: 100%; height: 100%; margin : 0 0 3px; overflow: hidden;}
.post-main-img::before { content: ""; display: block;	padding-top: 66.667%; }
.post-main-img img { width: 100%; height: auto; line-height: 0; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.post-sns-share { display: block; padding: 14px 0;}

.photo-by { margin: 0 0 15px 0;}
.post-img-l { display: block; width: 100%; height: auto; margin: 20px 0 5px;}
.post-img-l img { width: 100%;}
.fl-01 { float: left; width: 100%; margin-right: 0px; margin-bottom: 20px;}
.dot-list {font-size: 1.3rem;}
.btn-more a:hover { opacity: 1.0;}
	
/*thumbnail link*/
.thumbnail-link { display: inline-block; width: 100%; margin: 10px auto 10px; padding: 3%; border: solid 1px #CCC; vertical-align: top; border-radius: 5px;}
.img-thumblink { display: unset; height: auto; margin-right: 10px;}
.img-thumblink img { display:inline-block!important; width: 20%!important; height: auto!important; object-fit: cover;}
.txt-thumblink { display: inline-block;width: 75%; font-size: 1.2rem; line-height: 1.8rem; color: #999; vertical-align: top; margin: 0;}
.title-thumblink { display: block; font-size: 1.4rem; line-height: 2.0rem; color: #43c092; margin-bottom: 10px; font-weight: 600;}
	
	
	
	/*information*/
.post-information { margin: 40px 0 0;}
.post-list { margin: 15px 0 0; width:100%; display: block; }
.post-list table { border-collapse:separate; border-spacing:3px 3px; width:100%;}
.post-list th, .post-list td { font-size: 1.3rem; line-height: 1.8rem; text-align:left; vertical-align:top; padding: 8px 9px 8px 10px; margin:0; }
.post-list th { width:22%; font-weight:bold;}
.post-list td { width: auto;}
.post-list tr:nth-child(2n+1) { background:#d9f2e9; }
.post-list tr:nth-child(2n+2) { background:#FFF; }
.translate-to-local {display: block; margin-top: 8px; font-size: 1.4rem;}
.translate-to-local i { margin-left: 5px; font-size: 1.5rem;}
.post-google-map { margin: 30px 0; }
	
/*--- HOTEL SEARCH ---*/
	.agoda-sp {z-index: 9999;}
.hotel-search { margin: 20px 4% 40px;}
.hotel-search-title { font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; border-left: solid 5px #43c092;}
	.sherpa-square-with-calendar .item-container .search-element input { font-size: 16px!important;}
	
/*--- 関連記事 ---*/
#related-main-container  { display: block; width: 100%; margin-right: 40px; margin: 0;  }
.related-main-container-inner { margin: 0 4%;}
.related-main-title { position: relative; display: inline-block; width: 100%; font-size: 2.1rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.related-main-title:before, .related-main-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 34%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.related-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400; line-height: 1.4rem;}

.related-main-ul { margin-top: 20px;}
.related-main-li { position: relative;  display: inline-block; width: 100%; margin: 0 0 20px; text-align: left; vertical-align: top; overflow: hidden;}
	
.related-main-thumb { display: inline-block; position: relative; width: 25%; height: 100%; margin : 0 12px 0 0;}
.related-main-thumb::before { content: ""; display: block;	padding-top: 66.667%; }
.related-main-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.related-main-thumb	a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
	
.related-main-post-txt {display: inline-block; width: 70%;vertical-align: top;}
.related-main-post-title { font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #222;}
.related-main-post-subtitle { font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; color: #43c092; margin-bottom: 5px; transition: 0.3s;}
.related-main-li a { display: inline-block;  transition: 0.3s; }
.related-main-li a:hover { display: inline-block; opacity: .5;}
	
/*--- YAHOO! RECOMMEND ---*/
#yahoo-main-container { width: 92%; padding: 0 ; text-align: left; margin: 40px 4% 40px;}
.yh-title { position: relative; display: inline-block; width: 92%; font-size: 1.8rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing: 0.15rem; margin-bottom: 20px;}
.yh-title:after{ content: ''; position: absolute; top: 40%; display: inline-block; width: 54%; height: 6px; margin-left: 20px;
background: -webkit-repeating-linear-gradient(-45deg, #CCC, #CCC 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #CCC, #CCC 3px, #FFF 3px, #FFF 6px);}
	
/*-------------------------------------------------------
MODAL
-------------------------------------------------------*/	
#modal-content {	width: 90% ; height: auto;	margin: 0 ;background: #fff ;position: fixed ;display: none ;z-index: 999; 
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
#east-asia-content	#modal-content {
background: -webkit-repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #f65a45, #f65a45 3px, #FFF 3px, #FFF 6px);}
.modal-content-inner { display: block; margin: 10px; padding: 20px; background: #FFF;}
#modal-overlay { z-index: 1 ; display: none ; position: fixed ; top: 0 ; left: 0 ; width: 100% ; height: 120% ; background-color: rgba( 0,0,0, 0.75 ) ; }
.modal-content-title {font-size: 1.6rem; font-weight: 600;color: #43c092; }
#east-asia-content	.modal-content-title { color: #f65a45;}
.modal-content-title:after { content: ''; position: absolute; top: 36px; right: 30px; display: inline-block; width: 40%; height: 2px; margin-left: 20px; background: #43c092; }
#east-asia-content	.modal-content-title:after { background: #f65a45; }
	.modal-content-name {font-size: 1.8rem; font-weight: 600; padding: 30px 0 20px; border-bottom: 1px #CCC solid; }
	.modal-content-address {font-size: 1.4rem; padding: 20px 0 23px;}
	.modal-close-txt { display: block; font-size: 1.4rem; text-align: center;	} #modal-close .button-linka a { color: #222;}
	.button-link i {margin-left: 5px;}
	.button-link  { display: block; cursor: pointer;}
	
	
/*-------------------------------------------------------
COLUMN
-------------------------------------------------------*/
.column-cover { margin-top: 10px; width: 100%;}
.column-cover-ul { margin: 0 0 20px;}
.column-cover-subtitle { font-size: 1.1rem; color: #666; font-weight: 400; line-height: 1.6rem;}
.column-cover-li { display: inline-block; margin: 10px 0 25px; width: 100%; text-align: left;}
.column-cover-thum {margin-bottom: 7px;}
.column-cover-thum img { width: 100%; height: auto;}
.column-prof { margin: 0 4%;}
.column-cover-img-prof { display: inline-block; margin-bottom: 0px; vertical-align: top;}
.column-cover-img-prof img { display: inline-block; width: 37px; height: 37px; border-radius: 50%; }
.column-cover-name { display: inline-block; color: #666; font-size: 1.2rem; vertical-align: top; margin-top: 10px;  }
.column-cover-name a { display: inline-block; color: #666; }
.column-cover-li a { display: inline-block; transition: 0.3s;}
.column-cover-li a:hover { display: inline-block; opacity: .5;}
.column-cover-post-title { font-size: 1.4rem; font-weight: bold; color: #222; line-height: 2.0rem; margin: 7px 0 0;}
.column-cover-post-title a {color: #222!important;}

	
/*-------------------------------------------------------
EDITER
-------------------------------------------------------*/
#editer-container { margin: 0;}
.editer-main-title { position: relative; display: inline-block; width: 92%; font-size: 2.2rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.editer-main-title:before, .editer-main-title:after{ content: ''; position: absolute; top: 40%; display: inline-block; width: 15%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.editer-main-title:before {left:0;}
.editer-main-title:after {right: 0;}
.editer-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400; line-height: 1.6rem; padding: 15px 10px 0;}
#editer-container .profile-txt { padding-top: 20px;}
	

/*-------------------------------------------------------
COLUMNIST
-------------------------------------------------------*/
#columnist-container { margin: 0;}
.columnist-main-title { position: relative; display: inline-block; width: 92%; font-size: 2.2rem; font-weight: 600; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.columnist-main-title:before, .columnist-main-title:after{ content: ''; position: absolute; top: 40%; display: inline-block; width: 25%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.columnist-main-title:before {left:0;}
.columnist-main-title:after {right: 0;}
.columnist-main-subtitle { font-size: 1.2rem; color: #666; font-weight: 400; line-height: 1.6rem; padding: 15px 10px 0;}
.columnist-main-img img { width: 100%; height: auto; }

.columnist-main-h3 {  position: relative; width: 92%; height: auto; font-size: 1.9rem; color: #222; font-weight: 400; line-height: 2.3rem; padding: 15px 0; margin: 0 4%; text-align: center;}
.columnist-main-h3:before { content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; width: 40%; height: 5px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.columnist-main-h3:after { content: ""; position: absolute; right: 0; bottom: 0; display: inline-block; width: 60%; height: 5px;
background: #43c092;}

.column-profile { padding: 10px 4% 20px;}
.profile-img { display: inline-block; margin: 20px 0 5px; text-align: center;}
.profile-img img { width: 150px; height: auto; border-radius: 50%;}
.profile-txt { display: inline-block;  width: 100%; line-height: 2.1rem; padding-bottom: 12px; text-align: center;}
.profile-name { text-align: center;}
.name-sub { font-size: 1.3rem; color: #999; font-weight: 400;}
	

	/*-------------------------------------------------------
REPORTER
-------------------------------------------------------*/
.reporter-profile { width: 100%; background: #F5F5F5; margin: 20px 0 40px;}
.reporter-profile-inner {padding: 0px 20px; }
.reporter-profile-ul { margin: 10px 0 40px; text-align: left;} 
.reporter-profile-li { position:relative;　display:inline-block!important; display:-webkit-inline-box; width: 100%; margin: 15px 0; box-sizing: border-box; background: #F5F5F5; text-align: left;}
.reporter-profile-inner { padding: 15px 10px 15px 18px;}
.reporter-profile-are {display: block;}
.reporter-profile-img { display: inline-block; width: 33%; margin-right: 10px; text-align: left;}
.reporter-profile-img img { width:100%; height: auto; object-fit: cover; border-radius: 50%;}
.reporter-profile-txt { display: inline-block;  width: 62%; text-align: left; font-size: 1.3rem; line-height: 1.9rem; vertical-align: top; padding-top: 12px;}
.reporter-profile-name { display: inline-block; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; padding-bottom: 12px; vertical-align: middle; margin-left: 10px;}
.reporter-profile-li a { position:absolute;  display: inline-block; top:0; left:0; width:100%; height:100%; text-indent:-999px; transition: 0.3s;}
	.reporter-profile-area{display: block;}

/*-------------------------------------------------------
TAG
-------------------------------------------------------*/
.tag-list-txt { margin: 20px 4% 0 ; font-size: 1.4rem;}
.tag-main-title { width: 92%; font-size: 2.6rem;}
#common-content .tag-main-title { width: 92%; font-size: 2.6rem;}
.tag-main-title:before, .tag-main-title:after{ top: 20%; display: inline-block; width: 35%;}
#common-content .tag-main-title:before, #common-content .tag-main-title:after{ width: 35%; }
.tag-list-detail {margin: 20px 4% 0; font-size: 1.2rem; line-height: 1.7rem;}
#common-content	.tag-list-detail {margin: 20px 4% 0; font-size: 1.2rem; line-height: 1.7rem;}
	
/*-------------------------------------------------------
404
-------------------------------------------------------*/
.notfound-container {padding: 20px 4% 30px; text-align: center; margin: 0 auto;}
.notfound-title {font-size: 1.8rem; line-height: 2.2rem;font-weight: 600;}
.notfound-txt {padding: 15px 0; font-size: 1.2rem; line-height: 1.8rem;font-weight: 600;}
.notfound-img { margin-bottom: 20px;}
.notfound-img img {width: 100%;}
	
.btn-link-asean { display: block; margin-right: 0; margin-bottom: 20px;}
.btn-link-east-asia { display: block; margin-bottom: 20px;}
.btn-link-asean a, .btn-link-east-asia a { display:inline-block; font-size: 1.6rem; width: 80%; padding: 20px 0; }
	
	/*-------------------------------------------------------
SIDE SP
-------------------------------------------------------*/
#side-container { width: 100%; margin: 0;  float: none;}

.ad-side-300 { display: inline-block; width: 300px; margin: 0;}

/*--- 何を読む？ ---*/
.search-post-box {margin: 0 4%;}
#search-post-container { display: inline-block; margin-top: 40px; width: 100%; text-align: center;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
.search-post-container-inner { display: block; margin: 10px; padding: 20px; background: #FFF;}
.search-post-title { font-size: 2.2rem; font-weight: 600; letter-spacing: 0.15rem;}
.search-post-read { color: #222; font-size: 1.4rem; line-height: 2.1rem; text-align: left; margin: 18px 0;}
.search-post-select-area select { width: 100%;	padding: 5px 10px; margin-bottom: 20px;  -webkit-appearance: none;	-moz-appearance: none;	appearance: none;	border: 1px solid #ccc; background: url(../img/arrow-search-post.png) right 50% no-repeat;	background-size: 37px, 100%; cursor: pointer; font-size: 1.3rem;}

.btn-search-post { display: inline-block; width: 60%; color: #222; font-size: 1.6rem; font-weight: 600; margin-top: 10px; padding: 7px 15px 5px 55px; border: 3px #222 solid; cursor:pointer; outline: none;}
.btn-search-post i { margin-left: 30px; vertical-align: text-top; font-size: 2.0rem;  }
.btn-search-post:hover:after { display: inline-block; color: #FFF;}
.btn-search-post:hover { display: inline-block; background: #222; color: #FFF; transition: 0.3s;}


	/*--- RANKING　SIDE ---*/
#ranking-side-container  { display: inline-block; width: 100%; margin-top: 25px;}
.ranking-side-inner { margin: 0 4%;}
.ranking-side-title { position: relative; display: inline-block; width: 100%; font-size: 2.4rem; font-weight: 600; line-height: 3.0rem; padding: 0; font-family: Montserrat,sans-serif; letter-spacing:0.1rem;}
.ranking-side-title:before, .ranking-side-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 28%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
.ranking-side-title:before {left:0;}
.ranking-side-title:after {right: 0;}
.ranking-side-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.ranking-side-ul { margin: 0;}
.ranking-side-li { display: inline-block; position: relative; width: 100%; padding-top: 10px; border-bottom: 1px #CCC solid; text-align: left; vertical-align: top; overflow: hidden;}
li.ranking-side-li:before { counter-increment: count-number; content: counters(count-number,".") " "; display: inline-block; font-family: Montserrat,sans-serif; font-size: 2.2rem; font-weight: 600; color: #eb5d8f; width:5%; vertical-align: top; margin-top: 12px;}
.ranking-side-thumb { position: relative; display: inline-block; margin-right: 12px; margin-bottom: 10px; width: 20%;}
.ranking-side-thumb::before { content: ""; display: block;	padding-top: 66.667%; }
.ranking-side-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.ranking-side-thumb a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.ranking-side-post-txt { display: inline-block; width: 64%; vertical-align: top;}
.ranking-side-post-title { font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; color: #222; margin-bottom: 10px;}
.ranking-side-post-subtitle { font-size: 1.1rem; line-height: 1.5rem; font-weight: 600; color: #eb5d8f; margin-bottom: 3px; transition: 0.3s;}
.ranking-side-li a { display: inline-block;  transition: 0.3s; }
.ranking-side-li a:hover { display: inline-block; opacity: 1.0; }



	/*--- 最新コラム　COLUMN SIDE ---*/
#column-side-container { display: inline-block; width: 100%; margin-top: 50px;}
.column-side-inner { margin: 0 4%;}
.column-side-title { position: relative; display: inline-block; width: 100%; font-size: 2.4rem; font-weight: 600; line-height: 3.0rem; padding: 0; font-family: Montserrat,sans-serif; letter-spacing:0.1rem;}
.column-side-title:before, .column-side-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 30%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
.column-side-title:before { left:0;}
.column-side-title:after { right: 0;}
.column-side-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}
.column-side-ul {margin-bottom: 25px;}

.column-side-top { position: relative; display: inline-block; width: 100%;  padding: 10px 0 20px; text-align: left; vertical-align: top;  border-bottom: 1px #CCC solid; overflow: hidden;}
.column-side-top-thumb { position: relative; display: inline-block; margin: 0; width: 100%;}
.column-side-top-thumb::before { content: ""; display: block;	padding-top: 66.667%; }
.column-side-top-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.column-side-top-thumb a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.column-side-top-post-title { font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #222; margin: 8px 0 0;}
.column-side-top-post-subtitle { font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; color: #eb5d8f; margin: 7px 0 0; transition: 0.3s;}
.column-side-top a { display: inline-block;  transition: 0.3s; }
.column-side-top a:hover { display: inline-block; opacity: 1.0; }

.column-side-li { position: relative; display: inline-block; width: 100%; padding-bottom: 10px; margin: 0; text-align: left; vertical-align: top;  border-bottom: 1px #CCC solid; overflow: hidden;}
.column-side-thumb { position: relative; display: inline-block; margin: 0; width: 20%; float: right;}
.column-side-thumb::before { content: ""; display: block;	padding-top: 66.667%; }
.column-side-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.column-side-thumb	a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.column-side-txt { display: inline-block; margin-right: 2%; width: 74%; vertical-align: top;} 
.column-side-post-title { font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; color: #222; margin: 5px 0 0;}
.column-side-post-subtitle { font-size: 1.1rem; line-height: 1.4rem; font-weight: 600; color: #eb5d8f; margin: 0;transition: 0.3s;}
.column-side-li a { display: inline-block;  transition: 0.3s; }
.column-side-li a:hover { display: inline-block; opacity: 1.0; }

	
	/*--- KEYWORD SIDE---*/
#keyword-side-container { display: inline-block; width: 100%; margin-top: 50px;}
.keyword-side-inner { margin: 0 4%;}
.keyword-side-title { position: relative; display: inline-block; width: 100%; font-size: 2.4rem; font-weight: 600; line-height: 3.0rem;  font-family: Montserrat,sans-serif; letter-spacing:0.1rem;}
.keyword-side-title:before, .keyword-side-title:after{ content: ''; position: absolute; top: 20%; display: inline-block; width: 24%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
.keyword-side-title:before { left:0;}
.keyword-side-title:after { right: 0;}
.keyword-side-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.keyword-side-li { display: inline-block;  font-size: 1.2rem; color: #222; margin: 4px; background: #f5f5f5;}
.keyword-side-li a { display: inline-block; padding: 8px 14px 9px; color: #222; transition: 0.3s;}
.keyword-side-li a:hover { display: inline-block; color: #222; background: #f5f5f5;}
.keyword-side-li a:focus { display: inline-block; color: #FFF; background: #eb5d8f;}

/*--- LINKS SIDE---*/
#links-side-container { display: inline-block; width: 100%; margin-top: 40px;}
.links-side-ul {  padding: 12px 7px; border: 1px #CCC solid; margin:0 4%; }
.links-side-li { display: inline-block; margin: 0 3px;}
.links-side-li a { display: inline-block; transition: 0.3s;}
.links-side-li a:hover { display: inline-block; opacity: 1.0;}
	
	/*--- RECOMMEND POSTS---*/
#recommend-ftr-container { background: #eee; padding: 25px 0 20px; margin-top:40px; }
.recommend-ftr-container-inner { width: 100%; margin: 0 auto;}
.recommend-ftr-title { position: relative; display: inline-block; width: 92%; font-size: 2.2rem; font-weight: 600; padding: 0; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.recommend-ftr-title:before, .recommend-ftr-title:after{ content: ' '; position: absolute; top: 24%; display: inline-block; width: 22%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #eee 3px, #eee 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #eee 3px, #eee 6px);}
.recommend-ftr-title:before {left:0;}
.recommend-ftr-title:after {right: 0;}
#recommend-ftr-container .slick-prev, #recommend-ftr-container .slick-next { margin-top: -32px;}

.recommend-ftr-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}
.recommend-ftr-li { display: inline-block; margin: 28px 12px 0; text-align: center;}
.recommend-ftr-thum { width: 100%; margin-bottom: 12px;}
.recommend-ftr-thum img {display: inline-block!important; width: 75%;}
.recommend-ftr-img-prof { display: inline-block; margin-right: 10px; margin-bottom: 10px; vertical-align: top;}
.recommend-ftr-img-prof img { width: 37px; height: 37px; border-radius: 50%; }
.recommend-ftr-name { display: inline-block; color: #666; font-size: 1.2rem; vertical-align: top; margin-top: 20px;}
.recommend-ftr-name a { color: #666; }
.recommend-ftr-li a, .recommend-ftr-name a, .recommend-ftr-post-title a { display: inline-block; transition: 0.3s;}
.recommend-ftr-li a:hover, .recommend-ftr-name a:hover, .recommend-ftr-post-title a:hover { display: inline-block; opacity:1.0;}
.recommend-ftr-post-title { font-size: 1.4rem; font-weight: bold; color: #222; line-height: 1.8rem;}
.recommend-ftr-post-title a {color: #222;}

	/*--- REPORTER'SPOSTS---*/
#reporters-ftr-container { margin: 30px auto 40px; width: 100%; }
.reporters-ftr-inner { margin: 0 2%;}
.rptr-ftr-container { display: inline-block; margin: 0; width: 100%; text-align: center; vertical-align: top;}
.rptr-ftr-container-inner { padding: 0; background: #FFF; margin: 0;}
.reporters-ftr-title-h3 { position: relative; display: inline-block; width: 92%; font-size: 2.2rem; font-weight: 600; padding: 0; font-family: Montserrat,sans-serif; letter-spacing:0.15rem;}
.reporters-ftr-title-h3:before, .reporters-ftr-title-h3:after{ content: ' '; position: absolute; top: 24%; display: inline-block; width: 24%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #43c092, #43c092 3px, #FFF 3px, #FFF 6px);}
.reporters-ftr-title-h3:before {left:0;}
.reporters-ftr-title-h3:after {right: 0;}
.reporters-ftr-subtitle { font-size: 1.2rem; color: #666; font-weight: 400;}

.reporters-ftr-ul {display: inline-block; }
.reporters-ftr-li { display: inline-block; width: 42%; margin: 20px 2% 15px; vertical-align: top;}
.reporters-ftr-thum img { width: 160px;  height: 160px; object-fit: cover; border-radius: 50%;}
.reporters-ftr-thum a{ display: block; width: 160px;  height: 160px; border-radius: 400px;}
.reporters-ftr-title { font-size: 1.4rem; font-weight: 600; color: #222; margin-top: 10px; line-height: 1.7rem;}
.reporters-ftr-title a {color: #222;}
.reporters-ftr-li a { display: inline-block; transition: 0.3s;}
.reporters-ftr-li a:hover { display: inline-block; opacity: 1.0; }

.genre-main-reporters { font-size: 1.3rem; display: inline-block;  background: #43c092; padding: 4px 8px; color: #FFF; transition: 0.3s; margin-top: 7px;}


/*-------------------------------------------------------
FOOTER 1　SP
-------------------------------------------------------*/

.asean-footer-inner { width:100%; margin: 0 auto;}
.footer-R { width: 100%;}
.fb-timeline {margin-top: 15px;}
.logo-big img { width: 160px; height: 130px;}
.logo-big a { transition: 0.3s;}
.logo-big a:hover { opacity: 0.5;}
.ico-footer { width: 100%; margin:  20px auto 0; padding: 0 0px; height: auto; display: block;}
.ico-footer-ul { display: block; float: none; height: 46px; text-align: center; }
.ico-footer-li { display:inline-block; background: #999; margin-right: 10px; width: 46px; height: 46px; border-radius: 50%; }
.ico-footer-li a { display:inline-block; width: 46px; height: 46px; padding-top: 12px; }
.ico-footer-li a:hover {opacity: 1.0; }
.ico-footer-li img { width: 50%; height: auto;}
	
	
	/*-------------------------------------------------------
FOOTER 2　SP
-------------------------------------------------------*/
#footer2-container { margin-top: 50px; padding: 0 0 10px; background: #666;}
.footer2-inner { width: 100%; margin: 0 auto;}
.footer2-ul { display: inline-block; border-top: 1px #999 solid; margin-bottom: 5px; border-left: 1px #999 solid; margin-top: 24px;}
.footer2-ul:before, .footer2-li:after { display: none;}
.footer2-li { display: inline-block; border-right: 1px #999 solid; border-bottom: 1px #999 solid; width: 50%; box-sizing: border-box; float:left;}
.footer2-li a { display: block; padding:15px 0px 15px 12px; font-size: 1.1rem; color: #FFF;}
.footer2-li a:hover { opacity: 1.0; }
.attention { display: block; margin: 15px auto 0; color: #FFF; font-size: 1.0rem; line-height: 1.6rem; width: 80%;}
.copyright { color: #FFF; font-size: 1.0rem; margin: 10px auto 0;}

/*-------------------------------------------------------
MAP LIST
-------------------------------------------------------*/
/*--- HEADER ---*/
#head2 { display: block; width: 100%; height: 60px;  text-align: center;	padding: 0px;	border-bottom: 1px #DDD solid;	position: fixed; top: 0; left: 0; margin: 0 auto; z-index: 999; background: #FFF;}
#head2:before { content: ""; position: absolute; left: 0; top: 0;display: inline-block; width: 100%; height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);
background: repeating-linear-gradient(-45deg, #eb5d8f, #eb5d8f 3px, #FFF 3px, #FFF 6px);}
.map-head { font-size: 1.6rem; font-weight: 600; color: #222; margin-top: 23px;}
.btn-back-top { display: block; position: absolute; top: 18px; left: 15px;font-size: 3.0rem; font-weight: 600; color: #999;}
.btn-back-top a {color: #999;}
.btn-map { display: block; position: absolute; top: 18px; right: 15px;font-size: 3.0rem; font-weight: 600; color: #f0a1bd;}
.btn-map a {color: #f0a1bd;}

	
#map-container { width: 100%; margin-top: 60px;}
.map-list-inner {margin: 0 4%;}
.map-area {display: block;}
.map-area img { position: relative; width: 100%; height: auto; vertical-align: bottom;}
.btn-map-switch { display: inline-block; position: absolute; top: 0; right: 4%; padding: 7px 10px; color: #FFF; font-size: 1.4rem; background:#f0a1bd; }
	.btn-map-switch a { color: #FFF; }
	
.map-list-post-ul { margin: 10px 0;}
.map-list-post-li { position: relative;  display: inline-block; width: 100%; margin: 0;  padding: 12px 0; text-align: left; vertical-align: top; overflow: hidden; border-bottom: 1px #CCC solid;}
	
.map-list-post-thumb { display: inline-block; position: relative; width: 25%; height: 100%; margin : 0 12px 0 0;}
.map-list-post-thumb::before { content: ""; display: block;	padding-top: 66.667%; }
.map-list-post-thumb img { width: 100%; height: auto; line-height: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.map-list-post-thumb	a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
	
.map-list-post-txt {display: inline-block; width: 70%;vertical-align: top;}
.map-list-post-title { font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #222;}
.map-list-post-subtitle { font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; color: #eb5d8f; margin-bottom: 5px; transition: 0.3s;}
.map-list-post-li a { display: inline-block;  transition: 0.3s; }
.map-list-post-li a:hover { display: inline-block; opacity: .5;}
	
	/*--- PAGINATION---*/
#map-container .pager { border: none; }
#map-container .pager-li a:hover { background: #eb5d8f;  }
#map-container .current { background: #eb5d8f;  }
	
	
	
	
	
	
	
}