@charset "utf-8";
@import url("/make/css/20160706_1089087581861349.css");
@import url("/make/css/20160706_1089051097518410.css");
@import url("/make/css/20160706_1089075270121899.css");
@import url("/make/css/20160706_1089039113841423.css");

:lang(jp) * {font-family: "Microsoft Yahei","Yu Gothic",  "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}
/**
:lang(jp) * {font-family: "小塚ゴシック Pro","Yu Gothic",  "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}
**/

:lang(jp) h3, 
:lang(jp) h4, 
:lang(jp) h5 {font-weight:700;}

.btn-basic {background:#563153;border:solid 1px #563153;}
.btn-basic > span.download:after {background-position:left -20px;}
.btn-search, .btn-search.bg {background-color:#563153;}

#header-top .lang.on {background:#563153;border-left:solid 1px #563153;border-right:solid 1px #563153;}
#gnb nav ul, #header-top .lang-select-box {background:#563153;}
#gnb nav ul:before {background-position:left -20px;}
#gnb-search {border-color:#d7bdd5;}

aside {background:#9c5997;}
#gnb-menu, #gnb-menu dt {border-color:#563153;}
#gnb-menu dt.on, #gnb-menu dd {background:#563153;}
#gnb-search {border-bottom:solid 2px #f0bebd;}
#gnb-search input[type="text"]::-webkit-input-placeholder {color:#563153;}
#gnb-search input[type="text"]:-moz-placeholder {color:#563153;}
#gnb-search input[type="text"]:-ms-input-placeholder {color:#563153;}

/** introduction **/
.info-section01 > article {background:#563153;}
.info-test-org.part li .org > p {height:57px;}

.application-guide-step {background:#563153;}
.btn-basic.secondary {background:#bda58d;border:solid 1px #bda58d;color:#fff;}

/** goods **/
.detail-box .goods-pager-box li a.active:after {border-color:#563153;}
.ico-sns.facebook {background-position:left -60px;}
.ico-sns.twitter {background-position:-30px -60px;}
.ico-sns.google {background-position:-60px -60px;}

/**main **/
.main-section01 .main-top-contents h2 {color:#92558d;font-size:7.143em;line-height:1em;letter-spacing:-0.1em;font-family:"小塚ゴシック Pro";}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.main-section01 .main-top-contents h2 {height:200px;}
}
.main-section01 .main-top-contents .description h3 {font-weight:400;}
.main-section01 .main-top-contents > p {font-size:1.286em;}

.main-section02 {background:#bda58d;}
.main-section02:before, .main-section02-left  {background:#563153;}
.main-section02-left p {font-size:1.143em;line-height:1.5em;}
.main-section02-left p a {color:#b28daf;}
.main-section02-left p.info-btm {color:#b28daf;}
.main-section02 .article-in .view-list {border:solid 1px #fff;margin-right:20px; }
.main-section02-right .article-in .view-list {border:solid 1px #000;color:#402b28;}
.main-section02-right {background-color:#bda58d;}
.main-section02 dt {color:#fff;margin-bottom:25px;}
.main-section02 dd {line-height:1.4em;color:#684c49;font-size:1.143em;}
.main-section02 dd p {min-height:160px;color:#6f5653;}
.main-section03 h2 {color:#203958;letter-spacing:0;line-height:1.1em;}


/** board **/
.tbl-type01 th {font-weight:700;}
.border-tb-box.pointC {border-top-color:#563153;}
.border-tb-box.privacy .indent01 {text-indent:-6em;padding-left:6em;}
.border-tb-box.privacy .indent03 {text-indent:-10em;padding-left:10em;}
.search-result-list dt .btn-tbl {letter-spacing:-0.05em;}

.board-list li article h4 strong.fPointC,  .board-view h4 strong.fPointC {color:#6f5653 !important;}
.faq-list dt:before {background-color:#563153;}
.search-tab > a.on {border-color:#563153;}

/**goods**/
.goods {position: relative;overflow: hidden;padding-bottom: 100px}
.goods.new {position: inherit;overflow: inherit}
.goods:after {display: block;content: "";width: 100%;height: 350px;position: absolute;left: 0;top: 485px;z-index: -1}
.goods .top {margin: 60px auto 0;max-width: 1110px;padding-bottom: 60px}
.goods .top:after {content: "";display: block;clear: both}
.goods .top .image {float: left}
.goods .top .image .big {width: 780px;height: 600px;background-position: center;background-size: cover}
.goods .top .image .ui {margin-top: 40px;text-align: center}
.goods .top .image .ui > a {display: inline-block;width: 53px;height: 72px;background-position: center;background-size: contain}
.goods .top .image .ui > a.prev {background-image: url(/images/goods/thumb_prev.png)}
.goods .top .image .ui > a.next {background-image: url(/images/goods/thumb_next.png)}
.goods .top .image .ui .screen {display: inline-block;width: 480px}

.goods .top .image .ui .screen ul:after {content: "";display: block;clear: both}
.goods .top .image .ui .screen ul li {width: 80px;height: 72px;background-image: linear-gradient(31deg, rgba(35, 110, 186, 0.95) 0%, rgba(226, 120, 118, 0.95) 100%);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.goods .top .image .ui .screen ul li.on {padding: 2px}
.goods .top .image .ui .screen ul li a {display: block;width: 100%;height: 100%;background-position: center;background-size: cover}
.goods .top .info01 {float: left;margin-left: 50px;padding-top: 40px;width: 280px}
.goods .top .info01 .cate {font-size: 18px;color: #d84856}
.goods .top .info01 .title {margin-top: 10px;color: #000;font-size: 30px;font-weight: 700;line-height: 36px}
.goods .top .info01 ul {margin-top: 20px}
.goods .top .info01 ul li {padding-left: 13px;color: #111;background: url(/images/goods/bu.png) no-repeat 0 13px;line-height: 30px}
.goods .top .info01 ul li span {color: #111;display: inline-block;width: 80px;font-weight: 700}
.goods .top .info01 .sns {margin-top: 40px}
.goods .top .info01 .sns:after {content: "";display: block;clear: both}
.goods .top .info01 .sns a {float: left;width: 40px;height: 40px;display: block;margin-right: 10px;border-radius: 100%}
.goods .top .info01 .sns a.facebook {background: url(/images/goods/sns_facebook.png) no-repeat 0 0}
.goods .top .info01 .sns a.twitter {background: url(/images/goods/sns_twitter.png) no-repeat 0 0}
.goods .top .info01 .sns a.insta {background: url(/images/goods/sns_insta.png) no-repeat 0 0}
.goods .top .info01 .sns a.google{background: url(/images/goods/sns_google.png) no-repeat 0 0}
.goods .text {max-width: 1110px;margin: 0 auto}
.goods .text h4 {margin-top: 50px;font-size: 24px;color: #000}
.goods .text p {line-height: 20px;color: #454545;margin-top: 20px}
.goods .text .detail {margin-top: 40px;border: 1px solid #dde0e4;padding: 30px}
.goods .text .detail:after {content: "";display: block;clear: both}
.goods .text .detail .left {float: left;margin-left: 20px;width: calc( 100% / 2 - 31px)}
.goods .text .detail .right {float: left;padding-left: 40px;border-left: 1px solid #dde0e4;width: 47%}
.goods .text .detail .key {color: #111;font-size: 18px;font-weight: 700;margin-top: 30px}
.goods .text .detail .text {font-size: 16px;color: #454545}
.goods .btn-wrap {margin: 40px auto 0;max-width: 1110px;text-align: right}
.goods .btn-wrap a {display: inline-block;width: 130px;line-height: 40px;font-size: 16px;text-align: center}
.goods .btn-wrap a.btn-solid {background: #2a5e93;color: #fff}



@media screen and (max-width: 1024px) {
	.main-section01 .main-top-contents h2 {font-size:5.286em;}
	.info-test-org.part li .org > p {height:76px;}
	.main-section01 .main-top-contents h2 {height:auto;}
}


/*추가*/
@media screen and (max-width: 960px) {
	.goods:after {height: 120px;  top: 300px}
	.goods .top {margin-top: 0;  padding-bottom: 0}
	.goods .top .image {width: 100%;  padding-bottom: 30px}
	.goods .top .image .big {width: 100%;  height: 300px}
	.goods .top .image .ui {margin-top: 30px}
	.goods .top .image .ui > a {width: 30px;  height: 60px}
	.goods .top .image .ui .screen {width: 270px;  height: 60px}
	.goods .top .image .ui .screen ul li {margin-right: 10px;  width: 60px;  height: 60px}
	.goods .top .info01 {float: left;  margin-left: 21px;  padding-top: 30px;  width: calc( 100% - 42px)}
	.goods .top .info01 .cate {font-size: 14px}
	.goods .top .info01 .title {font-size: 32px}
	.goods .top .info01 ul {margin-top: 10px}
	.goods .top .info01 .sns {margin-top: 20px}
	.goods > .text {max-width: 960px;  padding: 0 21px}
	.goods > .text .detail .left {float: none;  width: auto;  margin: 0}
	.goods > .text .detail .right {border: none;  padding: 0}
	.goods > .text .detail .key {font-size: 16px;  margin-top: 20px !important}
	.goods > .text .detail .text {font-size: 13px;  margin-top: 10px}
	.goods .btn-wrap {padding: 0 21px}
	.goods .btn-wrap a {width: 70px;  font-size: 14px}
	.goods .text .detail .right {width: auto}
}


@media screen and (max-width: 768px) {
	.main-section01 .main-top-contents h2 {font-size:3.286em;}
	.main-goods-block .description dd {height:5.5em;line-height:1.3em;}
	.main-section02 dd p {min-height:auto;}

	.goods-top-box h2 {padding-top:20px;padding-bottom:20px;min-height:95px;}
}

@media screen and (max-width: 640px) {
	.info-test-org.part li .org > p {height:95px;}
}