@charset "utf-8";

/********** header **********/
#header{
	padding:0;
}

/********** wrapper **********/
#wrapper{
	margin:0 auto 20px;
}

/* --------------------------------------------------------------------------------
	teiki
-------------------------------------------------------------------------------- */
#pankuzu{
	margin:15px 0;
}

/********** main **********/
#main{
	float:none;
	width:980px;
	margin:0 auto;
}

/********** h2 **********/
#teiki h2{
	padding:0 0 45px;
}

/********** btn-order-main **********/
#teiki .btn-order-main{
	padding:0 0 49px;
}


/********** s1 **********/

.gift-wrapper {
    background: url(/assets/img/landing/gift/gift_s-01_bg.jpg);
    padding: 0px 20px 20px;
    border-radius: 0 0 10px 10px;
    margin-bottom: 50px;
}

.gift-wrapper .gift-box {
    margin-bottom: 25px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 10px 20px;
}

.gift-wrapper .gift-box:last-child {
    margin-bottom: 0;
}

.gift-wrapper .gift-box .gift-box-l {
    float: left;
    margin-right: 20px;
}

.gift-wrapper .gift-box .gift-box-r {
    float: left;
    width: 500px;
}

.gift-wrapper .gift-box .gift-box-c ul li {
	font-weight:bold; 
}

.gift-wrapper .gift-box h4 {
    border-bottom: dotted 2px #ccc;
    margin-bottom: 20px;
    padding: 0 0 8px;
}
.gift-wrapper .gift-box .gift-box-r p {
	margin-bottom: 30px;
}
.gift-s-02 h3 {
    margin-bottom: 20px;
}

.gift-box-c ul {
    margin: 20px 5px;
}

/********** 4つのコース **********/
#teiki .cource{
	padding:0 0 24px;
}
#teiki .cource .item-unit{
	margin:0 0 20px;
	padding:8px 0 0;
	background:url(/assets/img/landing/teiki/bg-item-top.png) no-repeat 0 0;
}
#teiki .cource .item-unit .item-unit-wrapper{
	padding:0 0 8px;
	background:url(/assets/img/landing/teiki/bg-item-bottom.png) no-repeat 0 100%;
}
#teiki .cource .item-unit .item-unit-box{
	padding:0 0 13px;
	background:url(/assets/img/landing/teiki/bg-item.png) repeat-y 0 0;
}

#teiki .cource .item-left{
	float:left;
	width:480px;
}
#teiki .cource .item-box{
	padding:14px 19px 0;
}
#teiki .cource .item-box .heading{
	padding:0 0 9px 12px;
}
#teiki .cource .item-box h4{
	padding:0 0 12px;
}
#teiki .cource .item-box .item-img{
	float:left;
	width:210px;
}
#teiki .cource .item-box .price{
	padding:0 0 10px;
}
#teiki .cource .item-right{
	float:right;
	width:480px;
}


/********** 4つのコース **********/
#teiki .bnr-hikken{
	padding:0 0 37px;
}


/********** 特徴 **********/
#teiki .tokucho{
	margin:0 0 30px;
	padding:0 0 25px;
	background:url(/assets/img/landing/teiki/bg-tokucho-paper.png) repeat 0 0;
}
#teiki .tokucho h4{
}
#teiki .tokucho .tokucho-box{
	padding:10px 10px 8px;
	background:url(/assets/img/landing/teiki/bg-bottom-tokucho.png) no-repeat 50% 100%;
}
#teiki .tokucho .tokucho-box1{
	padding:16px 10px 8px;
}
#teiki .tokucho .tokucho-section{
	padding:7px 17px 60px;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	background:#fff;
}
#teiki .tokucho .tokucho-section .img{
	float:left;
}
#teiki .tokucho .tokucho-section .txt{
	float:right;
	width:660px;
}
#teiki .tokucho .tokucho-section p{
	padding:9px 0;
	font-size:95%;
}


/********** 特徴3 **********/
#teiki .tokucho .tokucho-box3 .tokucho-section{
	padding:18px 19px 8px;
}

/********** タブ **********/
#teiki .tokucho .ui-tabs{
	margin:0;
	padding:0;
}
#teiki .tokucho .ui-tabs .ui-tabs-nav{
	margin:0;
	padding:0;
	border-bottom:solid 5px #ccc;
}
#teiki .tokucho .ui-tabs .ui-tabs-nav li{
	margin:0;
	padding:0;
}
#teiki .tokucho .ui-tabs .ui-tabs-nav li.tab-btn1{
	padding:0 10px 0 0;
}
#teiki .tokucho .ui-tabs .ui-tabs-nav li.tab-btn2{
	padding:0 12px 0 0;
}
#teiki .tokucho .ui-tabs .ui-tabs-nav li.tab-btn3{
	padding:0 10px 0 0;
}
#teiki .tokucho .ui-tabs .ui-tabs-nav li.tab-btn4{
	padding:0 0 0 0;
}
#teiki .tokucho .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	padding:0;
}
#teiki .tokucho .ui-tabs .ui-tabs-panel{
	height:295px;
	margin:0;
	padding:26px 0 0;
}

/********** 5つの安心サービス **********/
#teiki .anshin-service ul{
	padding:0 0 36px;
}
#teiki .anshin-service ul li{
	float:left;
}

/********** たくさんのお客さまの声をいただきました **********/
#teiki .voice{
	margin:0 0 20px;
	padding:0 0 33px;
	background:url(/assets/img/landing/teiki/bg-voice-bottom.png) no-repeat 0 100%;
}
#teiki .voice .voice-box{
	padding:12px 10px 12px 26px;
	border-right:solid 20px #df7987;
	border-left:solid 20px #df7987;
}
#teiki .voice .voice-list{
	height:490px;
	overflow:auto;
	padding:0 27px 0 0;
}
#teiki .voice .voice-unit{
	margin:0 0 10px;
	padding:9px 24px 25px 9px;
	border:solid 3px #fcc;
}
#teiki .voice .voice-unit .img{
	float:left;
	text-align:center;
	line-height:1.2;
}
#teiki .voice .voice-unit .img img{
	margin:0 0 6px;
}
#teiki .voice .voice-unit .txt{
	float:right;
	width:690px;
}
#teiki .voice .voice-unit .txt p{
	letter-spacing:-0.1em;
	font-size:95%;
}
#teiki .voice .voice-unit .txt h4{
	margin:0 0 15px;
	padding:7px 0 3px;
	font-weight:bold;
	font-size:16px;
	color:#e07987;
	background:url(/assets/img/landing/teiki/t-line-voice.png) no-repeat 0 100%;
}

/********** インタビュー **********/
#teiki .interview{
	margin:0 0 30px;
	padding:28px 0 0;
	background:url(/assets/img/landing/teiki/bg-interview-top.png) no-repeat 0 0;
}
#teiki .interview .interview-wrapper{
	padding:0 0 28px;
	background:url(/assets/img/landing/teiki/bg-interview-bottom.png) no-repeat 0 100%;
}
#teiki .interview .interview-box{
	border-right:solid 20px #9c3;
	border-left:solid 20px #9c3;
}
#teiki .interview .interview-unit{
	background:url(/assets/img/landing/teiki/img-owner.jpg) no-repeat 10px 25%;
}
#teiki .interview .interview-unit .interview-unit-box{
	min-height:355px;
	padding:12px 0 0 385px;
}
#teiki .interview .interview-unit h4{
	padding:0 0 16px;
}
#teiki .interview .interview-unit h5{
	padding:0 0 11px;
}
#teiki .interview .interview-unit .txt{
	padding:0 10px 10px;
	margin:0 0 0 10px;
}
#teiki .interview .interview-unit .txt2{
	padding:0 10px 35px;
	margin:0 0 0 10px;
}

#teiki .interview .interview-unit p{
	font-size:110%;
}
#teiki .interview .interview-unit .sign-owner{
	padding:0 20px 0 0;
	text-align:right;
}

/********** btn-order-main2 **********/
#teiki .btn-order-main2{
	padding:0 0 30px;
}

/********** インタビュー２ **********/
#teiki .interview2{
	margin:0 0 30px;
	padding:28px 0 0;
	background:url(/assets/img/landing/teiki/bg-interview-top.png) no-repeat 0 0;
}
#teiki .interview2 .interview2-wrapper{
	padding:0 0 28px;
	background:url(/assets/img/landing/teiki/bg-interview-bottom.png) no-repeat 0 100%;
}
#teiki .interview2 .interview2-box{
	border-right:solid 20px #9c3;
	border-left:solid 20px #9c3;
}
#teiki .interview2 .interview2-unit{
/*	background:url(/assets/img/landing/teiki/img-owner.jpg) no-repeat 10px 25%;*/
margin:0 20px;
}

#teiki .interview2 .interview2-unit .photo{
	padding:10px 0 0 0;
	display:block;
}

#teiki .interview2 .interview2-unit .interview_midashi{
	margin:0;	
}

#teiki .interview2 .interview2-unit .interview2-unit-box{
	min-height:355px;
	padding:12px 0 0 385px;
}
#teiki .interview2 .interview2-unit h4{
	padding:0 0 16px;
}
#teiki .interview2 .interview2-unit h5{
	padding:0 0 11px;
}
#teiki .interview2 .txt1{
	font-size:110%;
}

#teiki .interview2 .interview2-unit .sign-owner{
	padding:20px 20px 10px 0;
	text-align:right;
}


/********** 注意事項 **********/
#teiki .att{
	margin:0 0 20px;
	padding:5px;
	border:solid 1px #df7987;
}
#teiki .att .att-box{
	padding:20px 15px;
}
#teiki .att .att-box .txt1{
	padding:0 0 15px;
}
#teiki .att .att-box .att-left{
	float:left;
	width:460px;
}
#teiki .att .att-box .att-right{
	float:right;
	width:460px;
}
#teiki .att .att-box h4{
	margin:0 0 10px;
	min-height:11px;
	padding:0 0 8px 15px;
	border-bottom:dotted 1px #999;
	line-height:1;
	background:url(/assets/img/landing/teiki/icon-arr.png) no-repeat 0 0;
}
#teiki .att .att-box p{
	font-size:95%;
}

#teiki .att .att-jidoukoushin{
	margin:20px 0 0 0;
}



/********** 注意事項 **********/
#teiki .bnrs{
	padding:0 0 50px;
}
#teiki .bnrs .bnr-left{
	float:left;
}
#teiki .bnrs .bnr-right{
	float:right;
}

/********** メイン **********/
#teiki .bnr-main2{
	padding:0 0 45px;
}

/********** 商品紹介 **********/
#teiki .end-item-list{
	padding:0 0 20px;
}
#teiki .end-item{
	margin:0 0 10px;
	padding:8px 0 0;
	background:url(/assets/img/landing/teiki/end-item-bg-top.png) no-repeat 0 0;
}
#teiki .end-item .end-item-wrapper{
	padding:0 0 8px;
	background:url(/assets/img/landing/teiki/end-item-bg-bottom.png) no-repeat 0 100%;
}
#teiki .end-item .end-item-box{
	padding:12px 16px;
	border-right:solid 3px #ccc;
	border-left:solid 3px #ccc;
}
#teiki .end-item .img{
	float:left;
}
#teiki .end-item .order-unit{
	float:right;
	width:683px;
	padding:10px 0 0;
}
#teiki .end-item h3{
	min-height:30px;
	margin:0 0 10px;
	padding:3px 0 0 95px;
	line-height:1;
	font-size:195%;
	font-weight:normal;
}
#teiki .end-item1 h3{
	background:url(/assets/img/landing/teiki/end-icon-item1.png) no-repeat 0 0;
}
#teiki .end-item2 h3{
	background:url(/assets/img/landing/teiki/end-icon-item2.png) no-repeat 0 0;
}
#teiki .end-item3 h3{
	background:url(/assets/img/landing/teiki/end-icon-item3.png) no-repeat 0 0;
}
#teiki .end-item4 h3{
	background:url(/assets/img/landing/teiki/end-icon-item4.png) no-repeat 0 0;
}
#teiki .end-item p{
	padding:0 0 5px;
}
#teiki .end-item .price{
	font-size:140%;
}
#teiki .end-item .price .mark1{
	padding:0 5px 0 0;
	color:#f00;
}
#teiki .end-item .price .mark2{
	font-size:170%;
	color:#f00;
}

#teiki .houjin h3{
	padding:0 0 10px;
}







.items-box.tsd {
    border: solid 3px #ccc;
    border-radius: 10px;
    padding: 20px 30px;
    box-sizing: border-box;
}

.items-box.tsd .item-img img {
    width: 100%;
}

.items-box.tsd .item-img {
    float: left;
    width: 45%;
    -moz-box-shadow: 2px 3px 15px -5px rgba(0, 0, 0, 0.54);
    -webkit-box-shadow: 2px 3px 15px -5px rgba(0, 0, 0, 0.54);
    -ms-box-shadow: 2px 3px 15px -5px rgba(0, 0, 0, 0.54);
    box-shadow: 2px 3px 15px -5px rgba(0, 0, 0, 0.54);
    border: solid 5px #fff;
}

.items-box.tsd h5 {
    font-size: 26px;
    border-bottom: dashed #333 1px;
    margin-bottom: 9px;
}

.items-box.tsd p {
    margin-bottom: 5px;
}

.items-box.tsd p span {
    color: #fe6901;
    font-weight: bold;
}

.item-price {
    margin-left: 1em;
    float: left;
    width: 48%;
}

.item-price span.num {
    font-size: 14px;
    background: #d55e88;
    padding: 3px;
    border-radius: 4px;
    color: #fff;
	line-height: 0.5em;
}
.item-price span.tax {
    font-size: 14px;
}

.item-price span.price {
	font-size: 40px;
	color: #e07785;
	letter-spacing: -0.08em;
	line-height: 1.3em;
}


.item-price div.item-buy a {
    font-size: 22px;
    text-align: center;
    width: 100%;
    background: #ff0500;
    padding: 6px;
    color: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    display: block;
    font-weight: bold;
}



@media screen and (max-width: 500px){

#main {
    float: none;
    width: 100%;
    margin: 0 auto;
	padding: 0;
}
ul#pankuzu {
    font-size: 50%;
    margin-top: 0.5em;
}
ul#pankuzu li {
    display: inline;
}
.gift-wrapper .gift-box h4 img {
    height: 26px;
}
.gift-wrapper .gift-box .gift-box-l {
    float: none;
    margin: 0 auto;
	text-align: center;
}
.gift-wrapper .gift-box .gift-box-r {
    float: none;
    width: 100%;
}
.gift-wrapper .gift-box {
    margin-bottom: 25px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 75%;
}
.items-wrapper .items-box {
    flex-basis: 98% !important;
    min-width: 98% !important;
    margin: 1% !important;
	font-size: 70%;
}
.items-box.tsd {
    border: solid 3px #ccc;
    border-radius: 10px;
    padding: 20px 4%;
    box-sizing: border-box;
}
.items-box.tsd .item-img {
    width: 40%;
}
.item-price div.item-buy a {
    font-size: 110%;
	text-decoration: none;
}
.gift-s-02 h4 {
    width: 85%;
}

}