.xmas{font-size: 16px;letter-spacing: 0.2em;line-height: 1.5em;}
.max1050{max-width: 1050px;margin: 0 auto;padding: 0 20px;}
.xmas h2{text-align: center; font-size: 34px;font-weight: 500;margin-top: 0;padding: 0;line-height: 1.2em;font-family: '貂ｸ譏取悃 Medium', serif;}
.xmas h2 span{font-size: 72%;}
.xmas h3{text-align: center; font-size: 30px;font-family: '貂ｸ譏取悃 Medium', serif;line-height: 1.5em;padding: 0;margin: 0;}
.xmas h3 span{font-size: 80%;color: #000;font-weight: 550;}
.xmas h4{text-align: center; font-size: 20px;line-height: 1.4em;padding: 10px 0 30px;margin: 0;font-weight: 500;}
.xmas img{width: 100%;vertical-align: bottom;}
.koukoku{position: relative;}
.koukoku p.koukoku_long{font-size: 16px;position: absolute;bottom: 0; left: 50%;transform: translate(-50%, -50%);background-color: #f76c6cdb;font-weight: bold;color: #fff;padding: 10px 0;width: 100%;text-align: center;}
.koukoku p.koukoku_short{font-size: 12px;position: absolute;bottom: 0; left: 50%;transform: translate(-50%, -50%);background-color: #f76c6cdb;font-weight: bold;color: #fff;padding: 2px 0;width: 100%;text-align: center;}
.un-buy,.un-buy a,.un-buy a:hover{display: block;background-color: #d6d6d6;color: #000;}

.xmas_btn{margin:20px auto 0;}
.xmas_btn_short{margin: 0 auto 10px;}

.pc_on { display:inline; }
.sp_on{display:none;}
@media screen and (max-width: 890px) { 
.max1050{padding: 10px;}
.xmas h4{padding: 0 0 20px;font-size: 18px;}
.xmas h3{font-size: 18px;}
.xmas{letter-spacing: 0;} 
.xmas_btn{margin:0 auto;}
.xmas_btn,.xmas_btn a, .xmas_btn a:hover,.xmas_btn_short,.xmas_btn_short a, .xmas_btn_short a:hover{padding: 5px;}
.pc_on { display:none; }
.sp_on { display:inline; }
}

.xmas-lin{max-width: 200px;width: 100%;margin: 0 auto;padding: 0 0 50px;}
.xmas-lin-bg{width:100%;background-image: url(./lin-bg-1.png?3);height: 350px;background-repeat: no-repeat; background-position: center 0px; background-size:100%;padding: 0;margin:0 auto;}
.xmas-lin-bg2{width:100%;background-image: url(./lin-bg-2.png?01);background-repeat: no-repeat; background-position: center 0px; padding: 0;margin:0 auto;background-size:100%;height: 150px;}
.xmas-lin-bg3{width:100%;background-image: url(./lin-bg-3.png);height: 350px;background-repeat: no-repeat; background-position: center -50px; background-size:100%;padding: 0;margin:0 auto -80px;}


@media screen and (min-width: 1920px) {
  .xmas-lin-bg2{background-size:100%;height: 250px;} 
}

@media screen and (max-width: 890px) {
.xmas-lin-bg{background-size:150%;height: 100px;} 
.xmas-lin-bg2{background-size:150%;height: 70px;} 
.xmas-lin-bg3{background-size:300%;height: 150px;background-position: center -90px;}  
}


.xmas-box h3 {max-width: 600px; position: relative;  margin: 30px auto 10px;  text-align: center;}
.xmas-box h3:before,.xmas-box h3:after {  position: absolute;  z-index: 0;  bottom: -10px;  display: block;  content: '';  border: 1em solid #d90606;}
.xmas-box h3:before {  left: -30px;  border-left-width: 15px;  border-left-color: transparent;}
.xmas-box h3:after {  right: -30px;  border-right-width: 15px;  border-right-color: transparent;}
.xmas-box h3 span {  position: relative;  z-index: 1;  display: block;  padding: 1rem 2rem;  color: #fff;  background: #fa4141;}
.xmas-box h3 span:before,.xmas-box h3 span:after {  position: absolute;  bottom: -20px;  display: block;  width: 10px;  height: 10px;  content: '';  border-style: solid;  border-color: #b70505 transparent transparent transparent;}
.xmas-box h3 span:before {  left: 0;  border-width: 10px 0 0 10px;}
.xmas-box h3 span:after {  right: 0;  border-width: 10px 10px 0 0;}
@media screen and (max-width: 890px) { 
.xmas-box h3 {max-width: 300px; }

}

.xmas_subtitle h2{ line-height: 1.9em;}
.xmas_subtitle h2 span { position: relative;   padding: 0.5rem 0;  margin-bottom: 0.2rem;  border-bottom: 2px solid;   font-size: 26px;}
.xmas_subtitle h2 span:before,.xmas_subtitle h2 span:after {  position: absolute;  top: 100%;  left: 50%;  content: "";  height: 0;  width: 0;}
.xmas_subtitle h2 span:before {  border: 8px solid;  border-color: transparent;  border-top-color: black;  margin-left: -16px;}
.xmas_subtitle h2 span:after {  border: 5px solid;  border-color: transparent;  border-top-color: #000;  margin-left: -10px;}


.xmas_top{margin: 0 auto;text-align: center;max-width: 1050px;width: 100%;}
.xmas_concept{line-height: 2.5em;letter-spacing: 0.5em;font-family: '貂ｸ譏取悃 Medium', serif;max-width: 1050px;width: 100%;margin: 0 auto;}
.xmas_concept h4{background-image: url(./concept_bg-gan.png);height: 190px;background-repeat: no-repeat; background-position: center -100px;padding:70px 0 0; background-size:80%;margin: 0; line-height: 1.8em;}
.xmas_concept_text{text-align: center;}
.xmas_concept_icon{margin: 10px auto 50px;max-width: 150px;}
@media screen and (max-width: 890px) { 
.xmas_concept{letter-spacing: 0.1em;}
.xmas_concept h4{background-position: center -40px;background-size:110% auto;}
}

.xmas_coupon{background-color: #f2f0eb; padding: 50px 0 30px;}
.xmas_coupon_text{text-align: center;}
.xmas_coupon_pic{background-color: #fff;  position: relative;  width: 340px;height: 340px;margin: 20px auto;}
.xmas_coupon_pic img{width: 300px;position: absolute; right: 0; left: 0; margin: 20px auto;}

.xmas_service{text-align: center;background-color: #392715;width: 100%;color: #fff; padding: 50px 0 30px;}
.xmas_service_waku{margin: 0 auto;width: 100%;}
.xmas_service_point{font-weight: 400;font-size: 16px;padding: 15px 0 15px;letter-spacing: 0.3em;line-height: 1.8em;}
.xmas_service_point span{border-bottom: solid 1px #cfb171;}
.xmas_service_pic{margin: 0 auto;padding: 0px;}
.xmas_service_text{line-height: 2em;}

.xmas_hidden_box label {padding: 15px; font-weight: bold;font-size: 20px; cursor :pointer;display: block;color: #fff;}
.xmas_hidden_box input {display: none;}
.xmas_hidden_box .xmas_hidden_show {height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;}
.xmas_hidden_box input:checked ~ .xmas_hidden_show { padding: 50px; height: auto; opacity: 1;text-align: left;background-color: #fff;}
@media screen and (max-width: 890px) {
.xmas_hidden_box { margin: 20px;font-size: 16px;}
.xmas_hidden_box label {font-size: 3.6vw;}
.xmas_hidden_box input:checked ~ .xmas_hidden_show {padding: 4vw;font-size: 14px;}
}

.xmas_set-bg{max-width:1050px;width:100%;background-image: url(./xmas_set-bg.png?01);height: aut;background-repeat: no-repeat; background-position: center -80px; background-size:100%;padding: 400px 20px 20px;margin:0 auto;}
@media screen and (max-width: 890px){
.xmas_set-bg{background-position: center -50px; background-size:150%;padding: 200px 20px 20px;}
}

.xmas_navi{text-align: center; padding: 50px 0 30px;}
.xmas_navi_icon{margin: 50px auto 0;max-width: 200px;}
.xmas_navi_btn1{background-color: #f2f0eb;border-radius: 10px; margin: 30px 1%;float:left;width :calc( 100% / 4 - 2%);padding: 20px 0 ;font-size: 18px;min-height: 370px;}
.xmas_navi_btn1 span{font-size: 80%;}
.xmas_navi_btn1_icon{margin: 0 auto;max-width: 80%;}
.xmas_navi_btn2{background-color: #f2f0eb;border-radius: 10px;margin: 30px 1%;float:left;width :calc( 100% / 2 - 2%);padding: 20px 0 ;font-size: 18px;display: block;}
.xmas_navi_btn2 a,.xmas_navi_btn2 a:hover{display: block;}
.xmas_navi_text{text-align: left;padding: 10px 0; font-size: 0.9em;margin: 0 auto;width: 80%;}
@media screen and (max-width: 890px) {
.xmas_navi_btn1{width: 48%;margin: 10px 1%;}
.xmas_navi_btn2{width: 98%;margin: 10px 1%;}
}

.xmas_ranking{background-color: #bfaf45;padding: 50px 0 30px;}
.xmas_ranking_icon{margin: 50px auto 0;max-width: 100px;}
.xmas_ranking_item1_waku{background-color: #fff;padding: 30px 20px 30px;margin: 0 auto 50px;}
.xmas_ranking_item3_waku{background-color: #fff;padding: 40px 20px 20px;margin: 0 1% 50px;float: left;width : 31.33333% ; width : -webkit-calc(100% / 3 - 2%) ;width : calc(100% / 3 - 2%) ;}
.xmas_ranking_no{background-image: url(./icon-2.png);background-size:100px;width: 100px;height: 100px;font-size: 40px;line-height: 120px;text-align: center;margin: 0 auto;font-weight: 300;color: #bfaf45;}
.xmas_ranking_item1_waku .xmas_ranking_pic{float: left;width: 50%;padding:  30px 0px 20px;}
.xmas_ranking_item3_waku .xmas_ranking_pic{float: none;width: 100%;padding:  30px 0px 10px;}
.xmas_ranking_item1_waku .xmas_ranking_explanation{float: left;width: 50%;padding: 30px 20px 0;}
.xmas_ranking_item3_waku .xmas_ranking_explanation{float: none;width: 100%;padding: 0;}
.xmas_ranking_point{line-height: 2em;font-size: 20px;}
.xmas_ranking_item1_waku .xmas_ranking_name{font-size: 30px;line-height: 1.5em;}
.xmas_ranking_item3_waku .xmas_ranking_name{font-size: 16px;}
.xmas_ranking_cost{line-height: 3em;font-size: 24px;}
.xmas_ranking_text{padding: 20px;border-top: dotted 1px;}
@media screen and (max-width: 890px) {
.xmas_ranking_item3_waku{margin: 30px 0%;float:none;width: 100%;}
.xmas_ranking_item1_waku .xmas_ranking_pic{float: none;width: 100%;padding: 10px 0 0;}
.xmas_ranking_item3_waku .xmas_ranking_pic{float: left;width: 50%;padding: 10px 0 0;}
.xmas_ranking_item1_waku .xmas_ranking_explanation{float: none;width: 100%;padding: 30px 20px 0 0;}
.xmas_ranking_item3_waku .xmas_ranking_explanation{float: left;width: 50%;padding: 30px 10px 0;}
.xmas_ranking_item1_waku .xmas_ranking_name{font-size: 24px;}
.xmas_ranking_cost{line-height: 2.5em;font-size: 16px;}
.xmas_ranking_point{font-size: 16px;}
}

.xmas_recomend{background-image: url(./recomend_bg.jpg);background-repeat: repeat-y ; background-size:100%; }
.xmas_recomend_waku{background-color: #fff;margin: 10px 0 70px}
.xmas_recomend_top{width: 100%;margin: 0 auto;}
.xmas_recomend_subtitle{text-align: center;font-size: 20px;padding: 50px 0 10px;font-weight: 600;}
.xmas_recomend_subtitle2{color: #000;text-align: center;font-size: 20px;font-weight: 550; }
.xmas_recomend h3{color: #3a5c3c;font-weight: 600;padding: 20px 0;}
.xmas_recomend_set{margin: auto 0;background-image: url(./box-bg.png);background-repeat: repeat-y ; background-size:100%;}
.xmas_recomend_set .xmas_recomend_waku{padding-bottom: 20px;margin-bottom: 40px;}
.xmas_recomend_icon{margin: 50px auto 10px;max-width: 50px;}
.xmas_recomend_target{text-align: center;font-size: 16px;}
.xmas_recomend_target span{font-weight: 500;font-size: 24px;}
.xmas_recomend_title{text-align: center;border-bottom: dotted 1px;font-size: 16px;padding: 0 0 10px;}
.xmas_recomend_item1_waku{background-color: #fff;padding: 20px 20px 0;margin: 10px 0 20px;}
.xmas_recomend_item2_waku{margin: 30px 1%;float:left;width: 48%; padding: 10px 20px 10px;}
.xmas_recomend_item3_waku{margin: 30px 1%;float:left;width : 31.33333% ; width : -webkit-calc(100% / 3 - 2%) ;width : calc(100% / 3 - 2%) ;border: solid 1px #ddd;min-height: 500px;padding: 10px;background-color: #fff;}
.xmas_recomend_item4_waku{margin: 30px 1%;float:left;width: 23%;border: 0;padding: 0;padding: 40px 20px 20px;}
.xmas_recomend_item1_waku .xmas_recomend_pic{float: left;width: 50%;padding:  30px 0px 20px;}
.xmas_recomend_item2_waku .xmas_recomend_pic{float: left;width: 50%;padding:  30px 0px 20px;}
.xmas_recomend_item3_waku .xmas_recomend_pic{float: none;width: 100%;padding: 10px;}
.xmas_recomend_item4_waku .xmas_recomend_pic{float: none;width: 100%;padding:  30px 0px 10px;}
.xmas_recomend_item1_waku .xmas_recomend_explanation{float: left;width: 50%;padding: 30px 20px 0;}
.xmas_recomend_item2_waku  .xmas_recomend_explanation{float: left;width: 50%;padding: 30px 20px 0;}
.xmas_recomend_item3_waku  .xmas_recomend_explanation{float: none;width: 100%;padding: 0 10px;}
.xmas_recomend_item4_waku  .xmas_recomend_explanation{float: none;width: 100%;padding: 0;}
.xmas_recomend_point{padding: 10px 0;font-size: 20px;}
.xmas_recomend_item1_waku .xmas_recomend_name{font-size: 30px;line-height: 1.5em;}
.xmas_recomend_item2_waku .xmas_recomend_name{font-size: 18px;}
.xmas_recomend_item3_waku .xmas_recomend_name,.xmas_recomend_item4_waku .xmas_recomend_name{font-size: 16px;}
.xmas_recomend_item1_waku .xmas_recomend_cost{font-size: 20px;}
.xmas_recomend_cost{padding: 10px 0;font-size: 18px;}
.xmas_recomend_text{padding: 20px;border-top: dotted 1px;}



.xmas_recomend_gift{padding: 50px 0 30px;}
.xmas_recomend_gift_waku{margin: 10px 0 70px}


.xmas_wrapping{width: 100%;background-color: #97734a;padding: 50px 0 30px;}
.xmas_wrapping_icon{margin: 50px auto 20px;max-width: 200px;}
.xmas_wrapping h2,.xmas_wrapping h4{color: #fff;}

@media screen and (max-width: 890px) {
.xmas_recomend_subtitle{font-size: 0.9em;}
.xmas_recomend_subtitle2{font-size: 0.8em;}
.xmas_recomend h3{padding: 10px 0;}
.xmas_recomend_item2_waku{margin: 0;float:none;width: 100%;}
.xmas_recomend_item3_waku{margin: 30px 0;float:none;width: 100%;min-height: auto;}
.xmas_recomend_item4_waku{margin: 10px 0%;float:none;width: 100%;border-bottom: solid 1px;padding-bottom:20px; }
.xmas_recomend_item1_waku .xmas_recomend_pic{float: none;width: 100%;padding: 10px 0 0;}
.xmas_recomend_item1_waku .xmas_recomend_explanation{float: none;width: 100%;padding: 30px 20px 0 0;}
.xmas_recomend_item2_waku .xmas_recomend_pic{float: left;width: 50%;padding: 10px 0 0;}
.xmas_recomend_item2_waku .xmas_recomend_explanation{float: left;width: 50%;padding: 30px 10px 0;}
.xmas_recomend_item3_waku .xmas_recomend_pic{float: left;width: 50%;padding: 10px;}
.xmas_recomend_item3_waku .xmas_recomend_explanation{float: left;width: 50%;padding: 30px 10px 0;}
.xmas_recomend_item4_waku .xmas_recomend_pic{float: left;width: 50%;padding: 10px 0 0;}
.xmas_recomend_item4_waku .xmas_recomend_explanation{float: left;width: 50%;padding: 30px 10px 0;}
.xmas_recomend_item1_waku .xmas_recomend_name{font-size: 24px;}
.xmas_recomend_item1_waku .xmas_recomend_cost{font-size: 16px;}
.xmas_recomend_cost{line-height: 2.5em;font-size: 16px;}
.xmas_recomend_point{font-size: 16px;}

}

.xmas_new_item_waku{margin: 30px 1%;float:left;width: 23%;}
.xmas_new_name{padding: 2% 0;}
.xmas_new_cost{font-size: 90%;}
@media screen and (max-width: 890px) {
.xmas_new_item_waku{width: 48%;}  
}

.xmas_banner_pic{margin: 30px 1%;float:left;width: 48%;}
@media screen and (max-width: 890px) {
.xmas_banner_pic{float: none;width: 100%;}  
}

.xmas_review{background-color: #f2f0eb;}
.xmas_review_icon{margin: 50px auto 0;max-width: 200px;}
.xmas_review_point{text-align: center;font-weight: bold;}
.xmas_review_name{text-align: center;padding: 50px 0 10px;border-bottom: solid 1px;margin-bottom: 10px;}
.xmas_review_pic{text-align: center;margin: 0 auto;max-width: 500px;margin: 20px auto;}
.xmas_review_comment{margin: 30px 1%;float:left;width: 48%;background-color: #fff;padding: 20px;border-radius: 10px;}
@media screen and (max-width: 890px) {
.xmas_review_comment{float: none;margin: 30px 0;width: 100%;}
}