.wrapper { margin: 0 auto; width: 100%; min-width: 950px; text-align: center; }

.contents { background-color: #f5f5f5; }
.contents__inner { display: inline-block; clear: both; width: 950px; margin: 20px auto; text-align: left; }

.main-contents { float: right; width: 630px; }

.sub-contents { float: left; width: 300px; margin-right: 20px; }

.aside-contents { background-color: #f5f5f5; }

.main { width: 100%; background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/mv_bg.png); background-repeat: no-repeat; background-position: center center; background-color: #ffffff; -moz-background-size: 1372px 228px; -o-background-size: 1372px 228px; -webkit-background-size: 1372px 228px; background-size: 1372px 228px; }
.main__ttl { width: 950px; height: 228px; margin: 0 auto; padding: 44px 80px; text-align: left; }
.main__img { width: 334px; height: auto; }

.main-sb { width: 100%; background-color: #d41322; }
.main-sb__ttl { width: 950px; height: 228px; margin: 0 auto; padding: 30px 20px 10px; text-align: left; }
.main-sb__img { width: 912px; height: auto; }

.main-prm { width: 100%; background-color: #d41322; }
.main-prm__ttl { width: 950px; height: 228px; margin: 0 auto; padding: 30px 20px 10px; text-align: left; }
.main-prm__img { width: 912px; height: auto; }

.mod { padding: 20px; }
.mod__ttl-box { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; padding: 0 0 10px; vertical-align: bottom; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.mod__ttl { display: inline-block; height: 1.5em; font-size: 128.6%; font-weight: bold; }
.mod__ttl:after { content: "."; width: 0; height: 0; font-size: 0; color: transparent; margin-right: 1px; }
.mod__ttl-link { position: absolute; top: 0; right: 0; line-height: 1.9em; }
.mod__btn { display: block; padding: 12px 10px; background-color: #ffffff; color: #484848; font-size: 100%; font-weight: bold; text-align: center; }
.mod__btn-link { color: #484848; }

.introduction { display: block; margin-bottom: 20px; }
.introduction__ttl { margin-bottom: 10px; padding: 13px 0; text-align: center; background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/intro_ttl_bg.png); background-repeat: repeat; -moz-background-size: 16px 16px; -o-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; }
.introduction__ttl-text { padding: 10px 0 10px 40px; color: #ffffff; font-size: 178.5%; font-weight: bold; background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/intro_ttl_tcube.png); background-repeat: no-repeat; background-position: left center; -moz-background-size: 35px auto; -o-background-size: 35px auto; -webkit-background-size: 35px auto; background-size: 35px auto; }
.introduction__box { display: block; margin: 0 auto 3px; padding: 0; }
.introduction__box-big { display: block; margin: 3px 0 0; background-color: #ffffff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.introduction__box-big:hover { background-color: #fafafa; }
.introduction__box-sub { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto; zoom: 1; }
.introduction__box-sub:after { display: block; visibility: hidden; clear: both; width: 0; height: 0; content: "."; }
.introduction__box-small { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; float: left; width: 208px; margin: 0px 3px 0 0; background-color: #ffffff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.introduction__box-small:hover { background-color: #fafafa; }
.introduction__box-small:nth-child(3n) { margin-right: 0; }

.introitem__shp-bg { background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/shpbg.png); background-repeat: no-repeat; background-position: right bottom; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.introitem__lohaco-bg { background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/lohacobg.png); background-repeat: no-repeat; background-position: right bottom; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.introitem__shp-x5 { display: block; height: 160px; background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/shp--x5item.png); background-repeat: no-repeat; background-position: 36px 50%; -moz-background-size: 204px 111px; -o-background-size: 204px 111px; -webkit-background-size: 204px 111px; background-size: 204px 111px; text-indent: -9999px; }
.introitem__lohaco-x5 { display: block; height: 160px; background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/lohaco--x5item.png); background-repeat: no-repeat; background-position: 36px 50%; -moz-background-size: 216px 106px; -o-background-size: 216px 106px; -webkit-background-size: 216px 106px; background-size: 216px 106px; text-indent: -9999px; }
.introitem__shp-x10 { display: block; height: 160px; background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/shp--x10item.png); background-repeat: no-repeat; background-position: 36px 50%; -moz-background-size: 204px 111px; -o-background-size: 204px 111px; -webkit-background-size: 204px 111px; background-size: 204px 111px; text-indent: -9999px; }
.introitem__lohaco-x10 { display: block; height: 160px; background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/lohaco--x10item.png); background-repeat: no-repeat; background-position: 36px 50%; -moz-background-size: 216px 106px; -o-background-size: 216px 106px; -webkit-background-size: 216px 106px; background-size: 216px 106px; text-indent: -9999px; }

.introsubitem__trv { display: block; width: 100%; height: 140px; background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/trv_item.png); background-repeat: no-repeat; background-position: center; -moz-background-size: 127px 93px; -o-background-size: 127px 93px; -webkit-background-size: 127px 93px; background-size: 127px 93px; text-indent: -9999px; }
.introsubitem__book { display: block; width: 100%; height: 140px; background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/book_item.png); background-repeat: no-repeat; background-position: center; -moz-background-size: 131px 88px; -o-background-size: 131px 88px; -webkit-background-size: 131px 88px; background-size: 131px 88px; text-indent: -9999px; }
.introsubitem__gyao { display: block; width: 100%; height: 140px; background-image: url(https://s.yimg.jp/images/premium/cre/service/common/pc/images/gyao_item.png); background-repeat: no-repeat; background-position: center; -moz-background-size: 127px 91px; -o-background-size: 127px 91px; -webkit-background-size: 127px 91px; background-size: 127px 91px; text-indent: -9999px; }

.service { background-color: #ffffff; -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); overflow: hidden; width: 100%; margin: 0 auto 20px; }
.service__list { margin: 10px 0; }
.service__item { display: inline-block; float: left; margin-left: 10px; vertical-align: top; }
.service__item:first-child { margin-left: 0; }
.service__link { display: block; opacity: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.service__link:hover { opacity: 0.8; }
.service__img-box { display: table-cell; width: 140px; height: 105px; text-align: center; vertical-align: middle; background-color: #f5f5f5; }
.service__text-box { display: block; width: 140px; padding-top: 5px; }

.service-img-box__img { width: 140px; height: 105px; }

.service-text-box__ttl { margin-bottom: 5px; line-height: 1.2em; font-size: 100%; font-weight: bold; color: #484848; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.service-text-box__description { color: #484848; font-size: 85.7%; overflow: hidden; }
.service-text-box__text { font-size: 92.8%; width: 140px; display: block; overflow: hidden; color: #e62e2e; font-weight: bold; margin-bottom: 5px; }
.service-text-box__tag-list { display: block; height: 1.2em; overflow: hidden; }

.service-tag-list__tag { display: inline-block; max-width: 82px; margin: 0 3px 0 0; padding: 2px 3px; background-color: #7b7b7b; color: #ffffff; font-size: 78.6%; font-weight: bold; line-height: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
.service-tag-list__tag--category { background-color: #f5f5f5; color: #484848; }

.personal { line-height: 1.3em; padding: 30px 15px; background-color: #ffffff; }
.personal__outer { margin-bottom: 20px; }
.personal__ttl--emphasis { font-weight: bold; }
.personal__text { line-height: 1.3em; font-size: 142.9%; font-weight: bold; }
.personal__text--moderate { font-size: 78.6%; }
.personal__note { font-size: 85.7%; }
.personal__note--emphasis { font-size: 128.6%; }
.personal__sub-text { font-size: 85.7%; }

.icon__premium { display: inline-block; width: 23px; height: 23px; padding-right: 4px; vertical-align: middle; background-image: url(https://s.yimg.jp/c/icon/s/bsc/2.0/premium40.png); background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 20px; -o-background-size: 20px; -webkit-background-size: 20px; background-size: 20px; text-indent: -9999px; }

.action { padding: 30px 15px; border-top: 1px solid #e5e5e5; background-color: #ffffff; }

.smart-login__box { margin-bottom: 5px; text-align: center; }
.smart-login__ttl { font-size: 107.1%; font-weight: bold; text-align: left; }
.smart-login__ttl-sub { font-size: 85.7%; }
.smart-login__img { width: 146px; height: 146px; }
.smart-login__text { margin-top: 15px; font-size: 85.7%; text-align: left; }
.smart-login__note { margin-top: 10px; font-size: 85.7%; text-align: center; }
.smart-login__note-link { color: #484848; text-decoration: underline; }

.push { margin-bottom: 10px; }
.push__img-box { display: block; width: 100%; height: 50px; background-color: #666666; }
.push__img { max-width: 320px; max-height: 260px; }

.career { margin: 0 auto 30px; }
.career__item { margin-bottom: 20px; text-align: center; }
.career__link { opacity: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.career__link:hover { opacity: 0.8; }
.career__img { width: 300px; }

.recommend { border-top: 1px solid #dddddd; }
.recommend__ttl-box { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; margin-bottom: 10px; padding-top: 30px; vertical-align: bottom; overflow: hidden; }
.recommend__ttl { font-weight: bold; display: inline-block; }
.recommend__text-link { position: absolute; right: 0; line-height: 1.9em; }
.recommend__item { margin-bottom: 10px; text-align: center; }
.recommend__link { opacity: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.recommend__link:hover { opacity: 0.8; }
.recommend__img { width: 300px; height: auto; }

.copyright { width: 640px; padding: 30px 10px 0; margin: 0 auto; color: #666666; font-size: 78.6%; }
.copyright__text { display: block; text-align: left; }

.ft-nav { min-width: 950px; text-align: center; background-color: #ffffff; margin: 30px auto 0; padding: 30px 0; }
.ft-nav__box { width: expression(document.body.clientWidth < 952? "950px " : document.body.clientWidth > 1342? "1340px" : "auto"); min-width: 950px; max-width: 1340px; margin: 0 auto; padding: 0 20px; *zoom: 1; }
.ft-nav__box:after { display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.ft-nav__inner { float: left; width: 100%; margin-right: -370px; text-align: left; }
.ft-nav__category { padding-right: 370px; }
.ft-nav__info { padding-right: 370px; }
.ft-nav__opinion { float: right; width: 350px; padding: 0 20px; text-align: left; border-left: 1px solid #ddd; }

.ft-nav-category__ttl-box { margin: 0 0 10px; *zoom: 1; }
.ft-nav-category__ttl-box:after { display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.ft-nav-category__ttl { font-size: 92.8%; font-weight: bold; float: left; }
.ft-nav-category__ttl-link { font-size: 92.8%; display: block; float: right; }
.ft-nav-category__inner { *zoom: 1; }
.ft-nav-category__inner:after { display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.ft-nav-category__list { *zoom: 1; }
.ft-nav-category__list:after { display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.ft-nav-category__item { font-size: 92.8%; float: left; width: 24%; margin: 0 0 5px; }

.ft-nav-info__ttl { margin: 20px 0 10px; font-size: 92.8%; padding-bottom: 5px; font-weight: bold; }
.ft-nav-info__item { font-size: 92.8%; margin: 0 0 8px; }

.ft-nav-opinion__ttl { font-weight: bold; margin-bottom: 10px; }
.ft-nav-opinion__ttl--finished { font-size: 114.3%; font-weight: bold; display: block; padding: 20px 0 80px; text-align: center; }
.ft-nav-opinion__ttl--error { font-size: 114.3%; font-weight: bold; display: block; padding: 20px 0 0; text-align: center; }
.ft-nav-opinion__text { font-size: 100%; margin-bottom: 10px; }
.ft-nav-opinion__text--finished { font-size: 100%; display: block; padding: 28px 0 20px; text-align: center; }
.ft-nav-opinion__text__error { font-size: 100%; display: block; padding: 20px 0 110px; }
.ft-nav-opinion__textarea { width: 286px; height: 100px; margin-bottom: 10px; padding: 10px; resize: vertical; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; outline: none; }
.ft-nav-opinion__textarea:focus { border-color: #3e9fff; }
.ft-nav-opinion__btn { font-size: 100%; font-weight: bold; line-height: 34px; display: block; width: 308px; cursor: pointer; text-align: center; vertical-align: middle; color: #666666; border: 1px solid 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #f5f5f5; }
.ft-nav-opinion__btn:hover { opacity: 0.7; }

.entry { padding: 20px 0; border-bottom: 2px solid #e62e2e; background-color: #ffffff; -moz-box-shadow: rgba(156, 156, 156, 0.4) 0px 2px 2px -1px; -webkit-box-shadow: rgba(156, 156, 156, 0.4) 0px 2px 2px -1px; box-shadow: rgba(156, 156, 156, 0.4) 0px 2px 2px -1px; z-index: 2; clear: both; }
.entry__inner { display: block; position: relative; height: 60px; width: 950px; margin: 0 auto; }
.entry__ttl-box { float: left; position: absolute; left: 85px; width: 150px; padding: 10px 0 10px 10px; text-align: left; background-color: #f5f5f5; }
.entry__ttl-box:after { position: absolute; top: 0; right: -20px; width: 0; height: 0; border-style: solid; border-width: 31px 0 31px 20px; border-color: transparent transparent transparent #f5f5f5; content: ""; }
.entry__text-box { float: right; padding-top: 12px; text-align: right; }
.entry__btn { display: inline-block; position: relative; margin: 0 auto; font-size: 128.6%; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 5px 0px 0px #d66314; -webkit-box-shadow: 0px 5px 0px 0px #d66314; box-shadow: 0px 5px 0px 0px #d66314; background-color: #ff781c; opacity: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; position: absolute; left: 290px; width: 390px; }
.entry__btn:hover { opacity: 0.7; }
.entry__btn:active { top: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.entry__cp-btn { display: inline-block; position: relative; margin: 0 auto; font-size: 128.6%; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 5px 0px 0px #d66314; -webkit-box-shadow: 0px 5px 0px 0px #d66314; box-shadow: 0px 5px 0px 0px #d66314; background-color: #ff781c; opacity: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; position: absolute; left: 290px; width: 390px; }
.entry__cp-btn:hover { opacity: 0.7; }
.entry__cp-btn:active { top: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.entry__btn-text { display: block; padding: 15px 10px; color: #ffffff; }
.entry__btn-text:hover { color: #ffffff; }

.fixed { position: fixed; top: 0; width: 100%; z-index: 10000; }