@charset "UTF-8";
/*!*
 * Style for "HIS Summer Special Campaign"
 */
.aL{ text-align: left !important;}
.aC{ text-align: center !important;}
.aR{ text-align: right !important;}
/*! style for element selector
 * ----------------------------------------*/
.s2014 { font-size: 14px; line-height: 1.5; }
.s2014 img, .s2014 object, .s2014 embed { vertical-align: bottom; }
.s2014 em { font-style: normal; }
.s2014 textarea { font-size: 100%; }
.s2014 button, .s2014 input[type="submit"] { cursor: pointer; }

.s2014 { /*! header
 * ----------------------------------------*/ }
.s2014 .area-hd { position: relative; }
.s2014 .area-hd h1 { font-size: 18px; text-align: center; position: relative;}
.s2014 .area-hd h1:before { content: ""; position:absolute; top: 0; left: 0; display: block; height: 100%; width: 25%; z-index: 2;}
.s2014 .area-hd h1:after { content: ""; position:absolute; top: 0; right: 0; display: block; height: 100%; width: 25%; z-index: 2;}
.s2014 .area-hd h1 img { width: 100%; }
.s2014 .area-hd p img { width: 100%; }
.s2014 .area-hd .trigger-nav-global { position: absolute; top: 0px; left: 0px; padding: 10px 15px; z-index: 2; background: url('../images/sp/sprite-s92fe803eae.png') no-repeat 15px -306px; -webkit-background-size: 320px 352px; -moz-background-size: 320px 352px; -o-background-size: 320px 352px; background-size: 320px 352px; width: 65px; height: 55px; overflow: hidden; text-indent: -9999px; }

.s2015 { /*! header
 * ----------------------------------------*/ }
.s2015 .area-hd { position: relative; }
.s2015 .area-hd h1 { font-size: 18px; text-align: center; position: relative;}
.s2015 .area-hd h1:before { content: ""; position:absolute; top: 0; left: 0; display: block; height: 100%; width: 25%; z-index: 2;}
.s2015 .area-hd h1:after { content: ""; position:absolute; top: 0; right: 0; display: block; height: 100%; width: 25%; z-index: 2;}
.s2015 .area-hd h1 img { width: 100%; }
.s2015 .area-hd .trigger-nav-global { position: absolute; top: 0px; left: 0px; padding: 10px 15px; z-index: 2; background: url('../images/sp/sprite-s92fe803eae.png') no-repeat 15px -306px; -webkit-background-size: 320px 352px; -moz-background-size: 320px 352px; -o-background-size: 320px 352px; background-size: 320px 352px; width: 35px; height: 35px; overflow: hidden; text-indent: -9999px; }


/*! global navs
 * ----------------------------------------*/
.nav-global-s2014 { font-family: Arial, Helvetica, sans-serif; display: none; overflow: hidden; position: relative; z-index: 100; top: 0; left: 0; width: 100%; color: #fff; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.nav-global-s2014 ul { *zoom: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.nav-global-s2014 ul:after { content: ""; display: block; clear: both; }
.nav-global-s2014 li { position: relative; border-bottom: 1px solid #6f93a4; }
.nav-global-s2014 li:first-child { border-top: 1px solid #6f93a4; }
.nav-global-s2014 li a { position: relative; display: block; padding: 15px 26px 0 15px; min-height: 46px; color: #fff; font-size: 13px; font-weight: bold; }
.nav-global-s2014 li a:after { content: ""; position: absolute; top: 50%; left: auto; z-index: 2; right: 18px; background: url('../images/sp/sprite-s92fe803eae.png') no-repeat 0 -279px; -webkit-background-size: 320px 352px; -moz-background-size: 320px 352px; -o-background-size: 320px 352px; background-size: 320px 352px; width: 8px; height: 13px; overflow: hidden; text-indent: -9999px; margin-top: -6px; }
.nav-global-s2014 li span { display: block; padding: 15px 26px 0 15px; min-height: 31px; color: #aaa; font-size: 14px; font-weight: bold; }
.nav-global-s2014 li span em { margin-left: 5px; font-size: 12px; font-weight: normal; font-style: normal; }
.nav-global-s2014 li.recommend { *zoom: 1; border: 0; padding: 33px 0 10px 15px; }
.nav-global-s2014 li.recommend:after { content: ""; display: block; clear: both; }
.nav-global-s2014 li.recommend em { display: block; padding-bottom: 14px; font-size: 12px; font-weight: bold; font-style: normal; }
.nav-global-s2014 li.recommend p { float: left; width: 140px; margin: 0 10px 10px 0; }
.nav-global-s2014 li.recommend a { padding: 0; min-height: 0; }
.nav-global-s2014 li.recommend a:after { content: none; }
.nav-global-s2014 li.recommend img { width: 100%; }
.nav-global-s2014 .drilldown-root { margin-top: 46px; }
.nav-global-s2014 .drilldown-sub { display: none; border-bottom: 0; }
.nav-global-s2014 .drilldown-back { margin: -46px 0 0; border-top: 0; }
.nav-global-s2014 .drilldown-back:first-child { border-top: 0; }
.nav-global-s2014 .drilldown-back a { width: 6em; padding: 17px 0 0 33px; min-height: 46px; font-size: 10px; }
.nav-global-s2014 .drilldown-back a:after { content: ""; position: absolute; top: 50%; left: 8px; z-index: 2; background: url('../images/sp/sprite-s92fe803eae.png') no-repeat 0 -154px; -webkit-background-size: 320px 352px; -moz-background-size: 320px 352px; -o-background-size: 320px 352px; background-size: 320px 352px; width: 11px; height: 18px; overflow: hidden; text-indent: -9999px; margin-top: -9px; }
.nav-global-s2014 .drilldown-back.bottom { margin: 0; border-bottom: 0; }
.nav-global-s2014 .drilldown-totop { margin: -46px 0 0; border-top: 0; }
.nav-global-s2014 .drilldown-totop:first-child { border-top: 0; }
.nav-global-s2014 .drilldown-totop a { width: 8em; padding: 17px 0 0 33px; min-height: 45px; font-size: 10px; }
.nav-global-s2014 .drilldown-totop a:after { content: ""; position: absolute; top: 50%; left: 8px; z-index: 2; background: url('../images/sp/sprite-s92fe803eae.png') no-repeat 0 -154px; -webkit-background-size: 320px 352px; -moz-background-size: 320px 352px; -o-background-size: 320px 352px; background-size: 320px 352px; width: 11px; height: 18px; overflow: hidden; text-indent: -9999px; margin-top: -9px; }
.nav-global-s2014 .drilldown-totop.bottom { margin: 0; border-bottom: 0; }
.nav-global-s2014 .drilldown-root img.ext_link { padding-left: 8px; }

.modalopen .content *, .modalopen .modal-bg { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }
.modalopen .go-to-top { display: none; }

.modal-bg { display: none; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; min-height: 100%; background: url('../images/sp/modalbg.png') repeat 0 0; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }

.modal-box { display: none; position: absolute; z-index: 100; top: 0 !important; left: 0; width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.modal-box .dismiss { position: absolute; top: 0; left: auto; z-index: 103; right: 0; display: block; width: 54px; height: 46px; -webkit-background-size: 50% auto; -moz-background-size: 50% auto; -o-background-size: 50% auto; background-size: 50% auto; overflow: hidden; text-indent: -9999px; padding: 0; min-height: 0; cursor: pointer; }
.modal-box .dismiss:after { content: ""; position: absolute; top: 13px; left: 13px; z-index: 2; background: url('../images/sp/sprite-s92fe803eae.png') no-repeat 0 -196px; -webkit-background-size: 320px 352px; -moz-background-size: 320px 352px; -o-background-size: 320px 352px; background-size: 320px 352px; width: 16px; height: 16px; overflow: hidden; text-indent: -9999px; }

.modal-body { position: relative; width: 100%; -webkit-transition: margin-left 400ms; -moz-transition: margin-left 400ms; -o-transition: margin-left 400ms; transition: margin-left 400ms; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.s2014 .button-scroll { position: relative; display: block; display: block; width: 100%; height: 44px; -webkit-background-size: 50% auto; -moz-background-size: 50% auto; -o-background-size: 50% auto; background-size: 50% auto; overflow: hidden; text-indent: -9999px; }
.s2014 .button-scroll:before { content: ""; position: absolute; top: 0; left: 50%; z-index: 1; background: url('../images/sp/sprite-s92fe803eae.png') no-repeat 0 -85px; -webkit-background-size: 320px 352px; -moz-background-size: 320px 352px; -o-background-size: 320px 352px; background-size: 320px 352px; width: 320px; height: 44px; overflow: hidden; text-indent: -9999px; margin-left: -160px; }
.s2014 .button-all { position: relative; display: block; display: block; width: 100%; height: 60px; -webkit-background-size: 50% auto; -moz-background-size: 50% auto; -o-background-size: 50% auto; background-size: 50% auto; overflow: hidden; text-indent: -9999px; }
.s2014 .button-all:before { content: ""; position: absolute; top: 0; left: 50%; z-index: 1; background: url('../images/sp/sprite-s92fe803eae.png') no-repeat 0 0; -webkit-background-size: 320px 352px; -moz-background-size: 320px 352px; -o-background-size: 320px 352px; background-size: 320px 352px; width: 320px; height: 60px; overflow: hidden; text-indent: -9999px; margin-left: -160px; }


/*! feature navs
 * ----------------------------------------*/
.s2014 .nav-feature ul { /*border-bottom: 1px solid #0ca4a1;*/ background: white url("/tabi/feature/images/sp/featurenavbg.png") no-repeat 0 0; -webkit-background-size: 320px auto; -moz-background-size: 320px auto; -o-background-size: 320px auto; background-size: 320px auto; }
.s2014 .nav-feature li { margin-left: 6px; }
.s2014 .nav-feature li.no01 a { background-position: 50% -360px; }
.s2014 .nav-feature li.no01 span { border-bottom: 1px solid #0ca4a1; height: 39px; }
.s2014 .nav-feature li.no02 a { background-position: 50% 0px; }
.s2014 .nav-feature li.no02 span { border-bottom: 1px solid #33c058; height: 39px; }
.s2014 .nav-feature li.no03 a { background-position: 50% -440px; }
.s2014 .nav-feature li.no03 span { border-bottom: 1px solid #2b70a7; height: 39px; }
/*.s2014 .nav-feature li.no04 a { background-position: 50% -480px; }
.s2014 .nav-feature li.no04 span { border-bottom: 1px solid #90b400; height: 39px; }*/
.s2014 .nav-feature li.no05 a { background-position: 50% -520px; }
.s2014 .nav-feature li.no05 span { border-bottom: 1px solid #cd6715; height: 39px; }
.s2014 .nav-feature li.no06 a { background-position: 50% -560px; }
.s2014 .nav-feature li.no06 span { border-bottom: 1px solid #e5b804; height: 39px; }
/*.s2014 .nav-feature li.no07 a {background-position: 50% -599px;}
.s2014 .nav-feature li.no07 span { border-bottom: 1px solid #ed3724; height: 39px; }*/
.s2014 .nav-feature li.no08 a { background-position: 50% -640px; }
.s2014 .nav-feature li.no08 span { border-bottom: 1px solid #004986; height: 39px; }
.s2014 .nav-feature li.no09 a {background-position: 50% -678px;}
.s2014 .nav-feature li.no09 span { border-bottom: 1px solid #EB7195; height: 39px; }
.s2014 .nav-feature li.no10 a {background-position: 50% -717px;}
.s2014 .nav-feature li.no10 span { border-bottom: 1px solid #0095d1; height: 39px; }
.s2014 .nav-feature li.no11 a { background-position: 50% -760px; }
.s2014 .nav-feature li.no11 span { border-bottom: 1px solid #666666; height: 39px; }
/*
.s2014 .nav-feature li:nth-child(3) a { background-position: 50% -400px; }
.s2014 .nav-feature li:nth-child(3) span { border-bottom: 1px solid #774515; height: 39px; }
.s2014 .nav-feature li:nth-child(4) a { background-position: 50% -40px; }
.s2014 .nav-feature li:nth-child(4) span { border-bottom: 1px solid #e5b804; height: 39px; }
.s2014 .nav-feature li:nth-child(5) a { background-position: 50% -80px; }
.s2014 .nav-feature li:nth-child(5) span { border-bottom: 1px solid #eb7195; height: 39px; }
.s2014 .nav-feature li:nth-child(6) a { background-position: 50% -120px; }
.s2014 .nav-feature li:nth-child(6) span { border-bottom: 1px solid #ed3724; height: 39px; }
.s2014 .nav-feature li:nth-child(7) a { background-position: 50% -160px; }
.s2014 .nav-feature li:nth-child(7) span { border-bottom: 1px solid #90b400; height: 39px; }
.s2014 .nav-feature li:nth-child(8) a { background-position: 50% -200px; }
.s2014 .nav-feature li:nth-child(8) span { border-bottom: 1px solid #008f23; height: 39px; }
.s2014 .nav-feature li:nth-child(9) a { background-position: 50% -240px; }
.s2014 .nav-feature li:nth-child(9) span { border-bottom: 1px solid #0095d1; height: 39px; }
.s2014 .nav-feature li:nth-child(10) a { background-position: 50% -280px; }
.s2014 .nav-feature li:nth-child(10) span { border-bottom: 1px solid #993981; height: 39px; }
.s2014 .nav-feature li:nth-child(11) a { background-position: 50% -320px; }
.s2014 .nav-feature li:nth-child(11) span { border-bottom: 1px solid #e7854f; height: 39px; }*/

.s2014 .nav-feature a { display: block; width: 100%; height: 40px; -webkit-background-size: 50% auto; -moz-background-size: 50% auto; -o-background-size: 50% auto; background-size: 50% auto; overflow: hidden; text-indent: -9999px; background: url("/tabi/feature/images/sp/featurenav.png") no-repeat 50% 0; -webkit-background-size: 320px auto; -moz-background-size: 320px auto; -o-background-size: 320px auto; background-size: 320px auto; }
.s2014 .nav-feature span { display: block; }