@charset "utf-8";
/*===============================================
●smart.css  画面の横幅が768pxまで
===============================================*/

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

 *Font-size Adjustment
	( http://yuilibrary.com/yui/docs/cssfonts/ )
 10px = 77% 		11px = 85%		 12px = 93% 		13px = 100%
 14px = 108%		15px = 116% 	 16px = 123.1%	17px = 131%
 18px = 138.5%	19px = 146.5%  20px = 153.9%? 21px = 161.6%
 22px = 167%		23px = 174% 	 24px = 182%		25px = 189%
 26px = 197%

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

/*フォント読み込み*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ============================================================================== /*
   ■ 共通
/* ============================================================================== */
.sec { }
.boxmaxtext { white-space: nowrap; }
.slabtext span { padding-right: 10px; display: inline-block; }
/*----------------------------------------
   ・ ヘッダー
-------------------------------------------*/
.header { border-bottom: thick solid #c12379; padding: 10px 2.5% 10px 3%; display: table; z-index: 1000 !important; position: relative; width: 94.5%; }
.header h1.logo { display: table-cell; padding: 0 15px 0 0; width: 33px; min-height: 40px vertical-align:middle; font-size: 111%; !important; }
.header h2.logo { display: table-cell; padding: 0 5px 0 0; width: 60%; vertical-align:middle; font-size: 111%; }
.header h1.logo a, .header h2.logo a { display: table-cell; vertical-align: middle; }
/*----------------------------------------
   ・ フッター
-------------------------------------------*/
.footer { background: #faebf2 url(../../img/front_sp/bg_footer_re.png) repeat-x center bottom; }
ul.footernav { background: #b30066; text-align: center; padding: 4%; }
.footernavcover { padding-bottom: 87px; background: url(../../img/front_sp/bg_footer.png) no-repeat center bottom; }
.footernav li { display: inline-block; margin-right: 2%; padding-right: 2%; border-right: 1px solid #FFF; }
.footernav li:last-child { padding: 0; margin: 0; border: none; }
.footernav li a { display: block; width: 100%; height: 100%; text-align: center; color: #FFFFFF; font-size: 80%; line-height: 100%; font-weight: bold; }
.copyright { text-align: center; margin: 0 auto; color: #333333; width: 80%; white-space: nowrap; padding: 3% 0; }
.tellbox { padding: 4%; border-top: 2px solid #cf3d8c; }
.tellbox p { color: #000000; font-size: 90%; }
.tellbox span { color: #000000; font-weight: bold; font-size: 130%; }
/*----------------------------------------
   ・ テーブルスタイル
-------------------------------------------*/
.tbl_style01 { width: 100%; border-top: thin solid #ffa6b4; }
.tbl_style01 tr { display: block; background: #fff2f4; padding: 5% 5% 5% 5%; border-bottom: thin solid #ffa6b4; }
.tbl_style01 th, .tbl_style01 td { display: block; }
.tbl_style01 th { color: #b30066; font-size: 70%; }
.tbl_style01 td { color: #000000; font-size: 90%; }

.tbl_style01 a {
    color: #dc4b25;
    text-decoration: underline;
}

/*----------------------------------------
   ・ ナビゲーション
-------------------------------------------*/
.navbox { float: right; }
div.nav { display: none; position: absolute; top: 70px; left: 0; width: 100%; background-color: rgba(255,255,255,0.9); height: 99999px; }
.nav ul { width: 100%; background: #999; }
.nav ul li { display: block; width: 49.8%; vertical-align: middle; float: left; font-size: 85%; }
.nav ul li:nth-child(even) { float: right; }
.nav ul li a { display: block;  padding: 10% 5%; padding-right:20%;}

/*----------------------------------------
   ・ ページナビ
-------------------------------------------*/
.pagenav { margin-bottom: 5%; }
.pagenav li { float: left; width: 49.7%; margin-bottom: 0.6%; }
.pagenav li:nth-child(even) { float: right; width: 49.7%; overflow: hidden; }
.pagenav li a { display: block; width: 100%; height: 100%; text-align: center; background: #ff5477; color: #FFFFFF; padding: 8% 0; }
a#open { background: url(../../img/front_sp/btn_menu.png) no-repeat center center; background-size: cover; }
a#close { background: url(../../img/front_sp/btn_menu_close.png) no-repeat center center; background-size: cover; }
a.toggle { height: 45px; line-height: 45px; width: 45px; text-decoration: none; display: block; text-indent: -9999px; }
div.closebtn { height: 45px; line-height: 45px; width: 45px; text-decoration: none; display: block; text-indent: -9999px; background: url(../../img/front_sp/btn_menu_close.png) no-repeat center center; background-size: cover; float: right; margin: 5% 3% 0 0; }
p.navkokunai { display: block; width: 100%; vertical-align: middle; padding: 0; background: #ebfee8; border-right: none; border-bottom: thick solid #9fd9b7; text-align: center; color: #333333; font-weight: bold; padding: 3% 0; }
p.navkaigai { display: block; width: 100%; vertical-align: middle; padding: 0; background: #eafbff; border-right: none; border-bottom: thick solid #9fd2ff; text-align: center; color: #333333; font-weight: bold; padding: 3% 0; }
p.navkaiin { display: block; width: 100%; vertical-align: middle; padding: 0; background: #f7e1ed; border-right: none; border-bottom: thick solid #e5a4c7; text-align: center; color: #333333; font-weight: bold; padding: 3% 0; }
p.navosusume { display: block; width: 100%; vertical-align: middle; padding: 0; background: #fff6d0; border-right: none; border-bottom: thick solid #ffcd8f; text-align: center; color: #333333; font-weight: bold; padding: 3% 0; }
.navkokunailist li { background: #f4fef2 url(../../img/front_sp/icon_arrow01.png) no-repeat right 9% center; margin-bottom: 0.4%; background-size: 9% auto; }
.navkaigailist li { background: #f6fdff url(../../img/front_sp/icon_arrow02.png) no-repeat right 9% center; margin-bottom: 0.4%; background-size: 9% auto; }
.navosusumelist li { background: #fffae8 url(../../img/front_sp/icon_arrow03.png) no-repeat right 6% center; margin-bottom: 0.4%; width: 100% !important; background-size: 4.5% auto; }
.navosusumelist li a{margin:0.2% !important; padding:4% 3%;}
.nav .nomallist ul { border-top: medium #999 solid; }
.nav .nomallist ul li { width: 100%; float: none; background: #FFFFFF url(../../img/front_sp/icon_arrow04.png) no-repeat right 6% center; border-bottom: thin #999 solid; background-size: 4.5% auto; }
.nav .nomallist li a{margin:0.2% !important; padding:4% 3%;}
.nav .navosusumelist li a { padding: 4% 3%; }
.topbtn_first, .topbtn_sec { position: relative; }
.linkinner { background: #d3468c; position: absolute; display: none; width: 313%; top: 108%; /* box-shadow */ box-shadow: 0px 0px 4px 1px #ababab; -moz-box-shadow: 0px 0px 4px 1px #ababab; -webkit-box-shadow: 0px 0px 4px 1px #ababab; /* border-radius */
border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.linkinnerbody { background: #FFFFFF; margin: 0.5%; padding: 3%;/* border-radius */ border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.topbtn_sec .linkinner { left: -106%; }
.topbtn_first li { width: 50%; float: left; text-align: center; }
.topbtn_first li:first-child { width: 49%; float: left; border-right: #534741 2px dotted; border-bottom: #534741 2px dotted; }
.topbtn_first li:nth-of-type(2) { width: 49%; float: left; border-bottom: #534741 2px dotted; }
.topbtn_first li:nth-of-type(3) { width: 49%; float: left; border-right: #534741 2px dotted; }
.topbtn_sec li { width: 50%; float: left; text-align: center; }
.topbtn_sec li:first-child { width: 49%; float: left; border-right: #534741 2px dotted; }
.topbtn_sec li:nth-of-type(2) { width: 49%; float: left; }
.topbtn_first li a, .topbtn_sec li a { width: 100%; padding: 8% 0; display: block; text-align: center; }
/* 会員情報 */
.member_name {font-size:90% !important;background-color:#c12379 !important;color:#FFFFFF !important;text-align:center !important;}
p.navmember { display: block; width: 100%; vertical-align: middle; padding: 0; background: #f7e1ed url(../../img/front_sp/icon_arrow04.png) no-repeat right 6% center; background-size: 4.5% auto; border-right: none; border-bottom: thick solid #ed9cc8; text-align: center; color: #333333; font-weight: bold; padding: 3% 0; }
.navmemberlist li{ background: #faf1f6 url(../../img/front_sp/icon_arrow05.png) no-repeat right 9% center; margin-bottom: 0.4%; background-size: 9% auto; }
.navmemberlist li img{vertical-align: middle;width: 24px;}
.navmemberlist li a{color:#c12379;font-size:100%;}
.navhistory li a{/*color:#c12379*/color:#000000;padding:5% 2.5% !important }
.navhistory li { background: #faf1f6 url(../../img/front_sp/icon_arrow05.png) no-repeat right 4.5% center; margin-bottom: 0.4%; background-size: 4.5% auto;width:100% !important }
.navhistory li img{vertical-align: middle;width: 24px;}
/*----------------------------------------
   ・ スライダー
-------------------------------------------*/
.slides { height: 100%; overflow: hidden; *zoom: 1;
}
.slides li { float: left; }
.slide { height: 100%; float: left; clear: none; }
.slide img { width: 100%; }
slider-arrows { display: none; }
.slider-nav { position: absolute; bottom: 30px; bottom: -18px; }
.slider-nav__item { width: 8px; height: 8px; float: left; clear: none; display: block; margin: 0 8px; background: #cccccc; border: 1px solid #FFFFFF; border-radius: 4px; }
.slider-nav__item:hover { background: #c12379; }
.slider-nav__item--current { background: #c12379; }
.slider { position: relative; width: 100%; height: 100%; background: #c6d7e3; margin-bottom: 25px; z-index: 1; }
.slidercover { position: relative; width: 100%; height: 100%; overflow: hidden; }
.mainmenu ul li.uperbtn { float: left; width: 32%; margin: 0 2% 2% 0; }
.mainmenu ul li.uperbtn:nth-last-of-type(3), .mainmenu ul li.underbtn:nth-last-of-type(1) { margin-right: 0 !important; }
.mainmenu ul li.underbtn { float: left; width: 49%; margin: 0 2% 2% 0; }
/*----------------------------------------
   ・ ボタン
-------------------------------------------*/
.btn_style01 { background: #b30066; border: 3px solid #f0c7de; border-radius: 6px; padding: 2%; color: #FFFFFF; font-weight: bold; display: block; margin: 20px auto 0; font-size: 100%; width: 70%; text-align: center;}
.btn_style01:hover { opacity: 0.6; }
.btn_style01_black { background:#797D76; border:3px solid #bbbbbb; border-radius: 6px; padding: 2%; color: #FFFFFF; font-weight: bold; display: block; margin: 20px auto 0; font-size: 100%; width: 70%; text-align: center;}
.btn_style01_black:hover { opacity: 0.6; }
.tellbox p.btn_style02 { background: #FFFFFF; border-radius: 6px; padding: 5px 0; font-weight: bold; display: block; margin: 0 auto 0; border: none; font-size: 100%; width: 100%; text-align: center; border: 2px solid #c12379; margin: 2% 0; }
.tellbox p.btn_style02 a { color: #c12379; font-size: 140%; }
.btn_style03 { background: #de5425; border-radius: 6px; color: #FFFFFF; font-weight: bold; display: block; margin: 20px auto 0; border: none; font-size: 130%; border: 3px solid #f6ba94; text-align:center;  }
.btn_style03:disabled {background: #888; color: #ddd; border-color:#ccc;}
.btn_area{margin:10px auto; width:100%;font-size: 100%;}

.btn_style06{background: #b30066;border-radius: 6px;color: #FFFFFF;font-weight: bold;display: block;margin: 20px auto 0;border: none;font-size: 130%;border: 3px solid #f0c7de;text-align: center;opacity: 1;}
/*----------------------------------------
   ・ メインメニュー
-------------------------------------------*/
.mainmenu { background: url(../../img/front_sp/bg_mainmenu.png) repeat 0 0; padding: 6% 3%; border-bottom: medium solid #c12379; }
/*----------------------------------------
   ・ 見出しデザイン
-------------------------------------------*/
.m_style01 { background: #FFFFFF url(../../img/front_sp/bg_titleunderborder.png) repeat-x center bottom; border-bottom: thin #c62379 solid; padding: 3%; position: relative; margin-bottom:3%; }
.m_style01sub01 { position: absolute; right: 3%; bottom: 11%; width: 30%; text-align: right; font-size: 10%; overflow: hidden; }
.m_style01sub02 { position: absolute; right: 3%; bottom: 11%; width: 24%; text-align: right; font-size: 10%; overflow: hidden; }
.m_style02_kaigai { background:#e6faff; border-bottom:5px solid #9fd2ff; height:45px; line-height:45px; text-align:center; margin-bottom:3%;}
.m_style02_kaigai span { color:#333333; font-weight:bold;}
.m_style02_kokunai { background:#ebfee8; border-bottom:5px solid #98d9af; height:45px; line-height:45px; text-align:center; margin-bottom:3%;}
.m_style02_kokunai span { color:#333333; font-weight:bold;}
.m_style02_osusume { background:#fff6d0; border-bottom:5px solid #ffcd8f; height:45px; line-height:45px; text-align:center; margin-bottom:3%;}
.m_style02_osusume span { color:#333333; font-weight:bold;}

.m_style02_default { background:#f7e1ed; border-bottom:5px solid #ed9cc8; height:45px; line-height:45px; text-align:center; margin-bottom:3%;}
.m_style02_default span { color:#333333; font-weight:bold;}

.m_style03 { background: #b30066; text-align: center; font-size: 140%; padding: 2% 0; margin-bottom: 5%; color: #FFFFFF; }
.m_style05 { background: rgba(0, 0, 0, 0) url("../../img/front_sp/icon_search.png") no-repeat scroll 0 0; color: #323232; font-family: "Noto Sans Japanese"; font-size: 150%; font-weight: 800; margin:0 3% 3%; min-height: 48px; padding: 5px 0 0 50px; }
.m_style06_kaigai { margin: 0 3% 3%; background: #375da9; color: #FFFFFF; font-size: 130%; padding: 1% 0 1% 3%; font-weight: bold;}
.m_style06_kokunai { margin: 0 3% 3%; background: #019352; color: #FFFFFF; font-size: 130%; padding: 1% 0 1% 3%; font-weight: bold;}
.m_style06_osusume { margin: 0 3% 3%; background: #ef9000; color: #FFFFFF; font-size: 130%; padding: 1% 0 1% 3%; font-weight: bold;}

.m_style06_default { margin: 0 3% 3%; background: #c12379; color: #FFFFFF; font-size: 130%; padding: 1% 0 1% 3%; font-weight: bold;}


/*----------------------------------------
   ・ ボタンデザイン
-------------------------------------------*/
a.basebtn01 { display: block; margin: 0 auto; width: 45%; margin-top: 4%; }

/*----------------------------------------
   ・ ページャー
-------------------------------------------*/
.pagerbox { margin-bottom:3%; margin: 0 3% 3%; font-size:80%;}
.p_next { float: right;}
.p_back { float: left;}
.p_next, .p_back { padding:0 3%; margin-top:0 !important;}
.p_next a, .p_back a { color:#FFFFFF;}

/*----------------------------------------
   ・ トップページ
-------------------------------------------*/
.pickupbox { padding: 2% 2% 0 2%; }
.pickup { position: relative; display: block; float: left; width: 100%; margin: 0 2% 2% 0; font-size: 65%; box-shadow: 0px 0px 4px 1px #ababab; -moz-box-shadow: 0px 0px 4px 1px #ababab; -webkit-box-shadow: 0px 0px 4px 1px #ababab; }
.pickup p { color: #000000; padding: 2% 5%;  }
.pickup p.kakaku { font-weight: bold; color: #ff6f8a; text-align: right; }
.pickup:nth-child(even) { margin: 0 0 2% 0; }
.pickup img { height: auto; }

.od{margin-bottom:10px;}
.icon_o { background: #999999 none repeat scroll 0 0;color:#FFFFFF; display: inline-block; font-size: 50%;border-radius: 6px; padding: 2px 0; margin:2px 0; text-align: center;width: 40px; }
.icon_d { background: #999999 none repeat scroll 0 0;color:#FFFFFF; display: inline-block; font-size: 50%;border-radius: 6px; padding: 2px 0; margin:2px 0;  text-align: center;width: 40px; }

.infomationbox { background: #f6f2eb; border-bottom: thick #dbd4c3 solid; padding-bottom: 5%; }
.featuredtourbox { padding-bottom: 5%; }
.bannerbox { padding: 5% 0; text-align: center;}
.bannerbox div a img { margin-bottom: 3%; box-shadow: 0px 0px 4px 1px #ababab; -moz-box-shadow: 0px 0px 4px 1px #ababab; -webkit-box-shadow: 0px 0px 4px 1px #ababab; }
.bannerbox div:last-child img { margin-bottom: 0; }
.iconkokunai { background: #39b37c none repeat scroll 0 0; border-radius: 6px; }
.iconkaigai { background: #48a6ff none repeat scroll 0 0; border-radius: 6px; }
.iconkokunai, .iconkaigai { color: #ffffff; display: block; font-size: 95%; height: 35px; left: 5px; line-height: 36px; padding: 5px 0; position: absolute; text-align: center; top: 5px; width: 45px; }
.tour_w { display: inline-block; font-weight: normal; font-size: 95%; padding-left: 50px; height: 30px; line-height: 30px; color: #333; font-weight: bold; }
.tour_d { font-weight: normal; font-size: 95%; line-height: 20px; padding-left: 50px; height: 30px; font-weight: bold; }
.headkaigai { display: block; background: #daedff; padding: 8px; position: relative; }
.headkaigai .tour_d { color: #1d6bff; }
.headkokunai { display: block; background: #d1ebdc; padding: 8px; position: relative; }
.headkokunai .tour_d { display: block; color: #2e6b55; }
.headkaigai .tour_d { display: block; color: #48a6ff; }
.pickup p.toriatukai { display: block; text-align: center; padding: 2px; background: #f0f0f0; margin-bottom: 5px; font-size: 90%; height: 18px; line-height: 18px; }
.pickup p.shousaicover { height: 45px; }
.shousai { display: block; background: #ce3d8c; text-align: center; margin: 0 auto; color: #FFFFFF; width: 90%; padding: 3% 0; position: absolute; bottom: 3%; left: 5%; border-radius: 6px; font-weight: bold; font-size: 90%; }
.shousai_izumi { display: block; background: #ce3d8c; text-align: center; margin: 0 auto; color: #FFFFFF; width: 90%; padding: 3% 0; position: absolute; left: 5%; border-radius: 6px; font-weight: bold; font-size: 90%;}
.pickupdetail span { background: url(../../img/front/icon_arrow.png) no-repeat left center; padding-left: 10px;}
/*.shousai{display: block;background: #ce3d8c;text-align: center;margin: 0 auto;color: #FFFFFF;width: 90%;padding: 2% 0;position: absolute;left: 5%;border-radius: 6px;font-weight: bold;font-size: 120%;margin-top: 10px; }*/

#home .kijibox { background:#eaeaeb; padding:3%; margin:3% 0;}
#home .kijibox p {  font-size: 85%; color:#000;}
#home .kijibox .kakaku { color:#a60e5f !important; font-weight:bold; font-size:125% !important;}
#home .kijishousai { font-size: 90% !important;}
#home .toriatukai { font-size: 110% !important;}


/* ============================================================================== /*
   ■ 国内旅行
/* ============================================================================== */
#tabMenu { }
#tabMenu li { float: left; width: 48.5%; margin: 0 3% 0 0; height: 65px; font-size: 90%; }
.threetabs li { width: 31.2% !important; margin: 0 3% 0 0; }
#tabMenu li a { /*display: block;*/ display: -webkit-flex; display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */ align-items: center; /* 縦方向中央揃え */ -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */ justify-content: center; /* 横方向中央揃え */ width: 100%; height: 100%; text-align: center; border-radius: 5px 5px 0 0; }
#tabMenu li:last-child { margin-right: 0; }
#tabBox1, #tabBox2, #tabBox3, #tabBox4, #tabBox5, #tabBox6 { width: 100%; padding: 3% 0; height: 200px; }
#tabBox1 { font-size:80%;}
#tabBox2 { display: none; height: 725px; }
#tabBox3 { display: none; height: 810px; }
#tabBox4 { height: 80px; }
#tabBox5 { height: 435px; }
#tabBox6 { display: none; height: 85px; }
.tabboxcover { padding: 0 3%; background:#FFF; /* box-shadow */
box-shadow:0px 0px 5px 1px #b7b7b7;
-moz-box-shadow:0px 0px 5px 1px #b7b7b7;
-webkit-box-shadow:0px 0px 5px 1px #b7b7b7;}
#tabMenu { padding:3% 3% 0; overflow:hidden;}
#tabMenu a { color: #b30066; font-weight: bold; font-size: 120%; }
#tabMenu .click a { background: #ff5477; color:#FFFFFF;}
#tabMenu .clicked a { background: #FFFFFF; color: #a60e5f; /* box-shadow */
box-shadow:0px 0px 5px 1px #b7b7b7;
-moz-box-shadow:0px 0px 5px 1px #b7b7b7;
-webkit-box-shadow:0px 0px 5px 1px #b7b7b7;}
.tabboxspacer { padding:0 3% 3% 3%; overflow:hidden;}
#tabBoxes { z-index: 11; position: relative; }
.tabarea { padding:0; background:#edebe4;}

.btn_style_back01 {
    background: #797D76 none repeat scroll 0 0;
    border: 3px solid #f6ba94;
    border-radius: 6px;
    color: #ffffff;
    display: block;
    font-size: 130%;
    font-weight: bold;
    padding: 5px 70px;
    text-align: center;
    width: 40px;
}

/* ============================================================================== /*
   ■ 海外旅行
/* ============================================================================== */


#kaigaikoukuuken_shukuhaku .pagemenu li, #kaigaitour .pagemenu li { width: 339px; }
#kaigaikoukuuken_shukuhaku a.kaigaitour { background: #ff949f; }
#kaigaitour a.kaigaikoukuuken_shukuhaku { background: #ff949f; }
#kokunai a.jr_shukuhaku, #kokunai a.kokunaikoukuuken_shukuhaku, #kokunai a.kokunaitour { background: #ff949f; }
#jr_shukuhaku a.kokunai, #jr_shukuhaku a.kokunaikoukuuken_shukuhaku, #jr_shukuhaku a.kokunaitour { background: #ff949f; }
#kokunaikoukuuken_shukuhaku a.kokunai, #kokunaikoukuuken_shukuhaku a.jr_shukuhaku, #kokunaikoukuuken_shukuhaku a.kokunaitour { background: #ff949f; }
#kokunaitour a.kokunai, #kokunaitour a.jr_shukuhaku, #kokunaitour a.kokunaikoukuuken_shukuhaku { background: #ff949f; }
#tabBox4 .iframecover { margin: 0 auto; overflow: hidden; width: 306px; height: 700px; display: block !important; }
#tabBox6 .iframecover { margin: 0 auto; overflow: hidden; width: 306px; height: 473px; display: block !important; }

/* ============================================================================== /*
   ■ おすすめツアー
/* ============================================================================== */
#osusume .keywordsearch { vertical-align: middle; width: 100%;background: #edebe4;padding:2% 0;}
#osusume .keywordsearch p { font-weight: bold; color: #000000; }
#osusume .keywordsearch p { display: table-cell; vertical-align: middle; }
#osusume .keywordsearchtext { width:85%;}
.pickupinner { padding:3%; display: block;}
.kijihonbun { color:#d0351d; font-weight:bold; margin:3% 0; line-height: 25px;}
.kijibox { background:#eaeaeb; padding:3%; margin:3% 0;}
.kijibox p { font-size:70%; color:#000;}
.kijibox .kakaku { color:#a60e5f !important; font-weight:bold; font-size:100% !important;}
.searchcondition{display: block; box-shadow:0px 0px 5px 1px #b7b7b7; background: #ffffff;margin:0 2%;}
.searchcondition table{width:100%; border:none; font-weight:normal; line-height:80%;padding-bottom:5%;}
.searchcondition select{margin-bottom:3px;}
.searchcondition th{width: 100px; color: #000000; background: #f6f2eb	; border:2px solid #fff; padding:0 10px; font-size: 80%; font-weight:normal; vertical-align:middle;}
.searchcondition tr{min-height: 38px;padding:0 10px; border:2px solid #fff;background: #fff; }
.searchcondition td{ vertical-align:middle;padding:5px;padding-bottom:0}
/*----------------------------------------
   ・ 横向き専用
-------------------------------------------*/
@media only screen and (orientation : landscape) {
#videoArea { height: 100% !important; background: #ffb0a4;}
}

.m_style10 {
    background: rgba(0, 0, 0, 0) url("../../img/front_sp/icon_pc.png") no-repeat scroll 0 0;
    color: #323232;
    font-family: "Noto Sans Japanese";
    font-size: 150%;
    font-weight: 800;
    margin: 0 3% 3%;
    min-height: 48px;
    padding: 5px 0 0 50px;
}


.conapp_index {
    margin-bottom: 3%;
    padding: 3%;
}

.conapp_index .netbtn {
    display: block;
    margin-right: 2%;
    width: 58%;
}
.conapp_index img {
    float: left;
}
.conapp_index .telbtn {
    display: block;
    width: 39%;
}

.m_style11 {
    border: 5px solid #c6c6c6;
    color: #191919;
    font-family: "Noto Sans Japanese";
    font-size: 110%;
    font-weight: 800;
    margin-bottom: 3%;
    padding: 3px 5px;
}

.m_style07_kokunai {
    background: #019352 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 3%;
    padding: 1% 0 1% 3%;
}
.netnav {
    margin-bottom: 5%;
}

.benefits_inbox {
    margin-bottom: 3%;
    padding: 0 3%;
}
.netnav li {
    background: #333 none repeat scroll 0 0;
    float: left;
    margin-right: 2%;
    width: 32%;
}

.netnav li:last-child {
    margin-right: 0;
}


.m_style07_kaigai {
    background: #375da9 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 3%;
    padding: 1% 0 1% 3%;
}


.madoguchi {
    padding: 5% 10%;
}

.baseinbox {
    margin-bottom: 3%;
    padding: 0 3%;
}

.tbl_style03 {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    word-break: break-all;
}

.tbl_style03 th {
    background: #f1dde7 none repeat scroll 0 0;
    font-weight: normal;
}
.tbl_style03 th, .tbl_style03 td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #363333;
    font-size: 85%;
    padding: 18px;
}

.m_style12 {
    background: rgba(0, 0, 0, 0) url("../../img/front_sp/icon_faq.png") no-repeat scroll 0 0;
    color: #323232;
    font-family: "Noto Sans Japanese";
    font-size: 150%;
    font-weight: 800;
    line-height: 30px;
    margin: 0 3% 3%;
    min-height: 48px;
    padding: 5px 0 0 50px;
}
.qainbox {
    margin-bottom: 3%;
    padding: 3%;
}

.q_title {
    background: #e1e1e1 url("../../img/front_sp/icon_q.jpg") no-repeat scroll 4px 4px;
    color: #363333;
    font-size: 90%;
    margin-bottom: 15px;
    min-height: 30px;
    padding: 10px 5px 7px 55px;
}
.a_more {
    background: #f3f3f3 none repeat scroll 0 0;
    border-radius: 6px;
    color: #000;
    display: inline-block;
    float: right;
    font-size: 80%;
    margin: 15px 0 5px 59px;
    padding: 5px 15px;
}
.a_more a {
    color: #b30066;
    font-weight: bold;
}
.a_more img {
	vertical-align: middle;
}
.sec {
    padding-bottom: 5% !important;
}

.minhei {
    background: rgba(0, 0, 0, 0) url("../../img/front_sp/icon_a.jpg") no-repeat scroll 4px 4px;
    color: #363333;
    font-size: 80%;
    min-height: 45px;
    padding-left: 55px;
}

.m_style09 {
    background: rgba(0, 0, 0, 0) url("../../img/front_sp/icon_hikari.png") no-repeat scroll 0 0;
    color: #323232;
    font-family: "Noto Sans Japanese";
    font-size: 150%;
    font-weight: 800;
    line-height: 30px;
    margin: 0 3% 3%;
    min-height: 48px;
    padding: 5px 0 0 50px;
}

.benefits_index {
    margin-bottom: 3%;
    padding: 0 3%;
}
.benefits_index img {
    margin-bottom: 2%;
}

.benefits_inbox {
    margin-bottom: 3%;
    padding: 0 3%;
}

.m_style07_default {
    background: #c12379 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 3%;
    padding: 1% 0 1% 3%;
}

.tokutenm_mes01 {
    background: rgba(0, 0, 0, 0) url("../../img/front_sp/icon_tokuten01.jpg") no-repeat scroll left top;
    margin-bottom: 5%;
    min-height: 75px;
    padding-left: 70px;
}

.m_style08_default {
    border: 2px solid #c12379;
    color: #c12379;
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 3%;
    padding: 0.5% 0 0.5% 1.5%;
}

.btn_style05 a {
    background: #fbdfca none repeat scroll 0 0;
    border: 3px solid #dd5525;
    border-radius: 6px;
    color: #dd5525;
    display: block;
    font-size: 100%;
    font-weight: bold;
    margin: 20px auto 0;
    padding: 2%;
    text-align: center;
}

.btn_style04 a {
    background: #de5425 none repeat scroll 0 0;
    border: 3px solid #f6ba94;
    border-radius: 6px;
    color: #ffffff;
    display: block;
    font-size: 100%;
    font-weight: bold;
    margin: 20px auto 0;
    padding: 2%;
    text-align: center;
}

.tokutenm_mes02 {
    background: rgba(0, 0, 0, 0) url("../../img/front_sp/icon_tokuten02.jpg") no-repeat scroll left top;
    margin-bottom: 5%;
    min-height: 75px;
    padding-left: 70px;
}

.benefits_hosoku {
    border: 2px solid #dfdfe0;
    font-size: 90%;
    margin-bottom: 5%;
    padding: 3%;
}
.benefits_p, .benefits_p p {
    color: #000;
    font-size: 95%;
}


.tokutenborder {
    border-top: 3px solid #ccc;
    margin-top: 5%;
}
.tbl_style03 * img{
	vertical-align: middle;
}

/* ============================================================================== /*
   ■ 登録ページ
/* ============================================================================== */
#tourentry .title{margin:10px;}
#tourentry .tourimg {width:30%; float:left; padding: 0;}
#tourentry .kijihonbun{width:65%;float:left;padding: 0 0 0 5%;margin:0;}
#tourentry .icon_o {width:80px;font-size:70%;}
#tourentry .kakaku { font-weight: bold; color: #ff6f8a; text-align: right; }
#tourentry .info{font-weight: normal; font-size:70%;}
.ac{font-size:70%;color:#656565;clear: both;}
.icon_acopen{transform:rotate(90deg);vertical-align: middle;}
.acclose{transform:rotate(270deg);}

/* 入力用項目 */
.input_title{display:block;font-size:70%;background-color:#eee; padding:4px; }
.input_item{margin-bottom:10px;}
.input_detail{word-break: break-all;padding:4px;font-size:60%;}
.input_detail input,.input_detail select{font-size: 150%; border: 1px solid #ccc;border-radius: 4px;padding: 5px;}
.tbl_detail{width:100%; vertical-align:middle;}
.tbl_detail td{padding:4px; vertical-align:middle;}
.required:before{content:"必須";font-size:90%;color:#f3eaeb;float:right;background:#b30066;border:solid 2px #b30066;padding:0 4px; border-radius:5px;}
.description {font-size:80%;color:#999;}
.txt_max{width:100%;box-sizing: border-box;-webkit-box-sizing: border-box;    }


/* ============================================================================== /*
   ■ 会員ページ
/* ============================================================================== */
ul.memberlist {margin: 30px auto; background-color: #999;}
.memberlist li{ background: #faf1f6 url(../../img/front_sp/icon_arrow05.png) no-repeat right 6% center; margin-bottom: 0.4%; width: 100% ;font-size:85%; background-size: 4.5% auto; }
.memberlist li a{ display: block; padding: 5% 3%;  padding-right:20px; }


.error-message{color:red;}

/* ============================================================================== /*
   ■ 予約履歴
/* ============================================================================== */
.tbl_min th,.tbl_min td{
	padding:4px !important;
	vertical-align: middle;
}
.tbl_min th{
	width:30% !important;
}
.tbl_head_style_comp th{
	background:#f7c87f !important;
}
.tbl_head_style_detail th{
	background:#dcdcdd !important;
}

.thumbslist {margin: 20px 0 20px 20px; font-size:80%;}
.thumbslist li { list-style: square url(../../img/front_sp/im_thumbs.png) outside;}
#user .icon_o {width: 80px; font-size: 70%;}
#user .tourimg {width:30%; float:left; padding: 0;}
#user .kijihonbun{width:60%;float:left;padding: 0 0 0 5%;margin:0;}
#user .detail{margin:10px;}
#user .tourimg {width:30%; float:left; padding: 0;}
#user .info{font-weight: normal; font-size: 60%;}
#user .pickupinner{padding:0 10px 10px !important;}

/* ============================================================================== /*
   ■ イズミトラベル用ファイル添付CSS
/* ============================================================================== */
.external_link {
	display: inline-block;
	/* background: #c22278; */
	color: #c22278;
	padding: 5px 10px;
	line-height: .9em;
	font-size: .9em;
	margin: 0 auto;
	margin-top: 10px;
	border: 1px solid #c22278;
}
.external_link:after {
	content: "\f08e";
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: -1px;
	margin-left: 5px;
}
.external_link:hover {
	color: #ffffff !important;
	background: #c22278;
}

/* ============================================================================== /*
   ■ メンテナンス関連
/* ============================================================================== */
.mainte_box {
	text-align: center;
}
.mainte_caution {
	margin-bottom: .8em;
}
.mainte_caution span {
	color: rgb(223, 86, 86);
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	margin-top: 3px;
}