@charset "utf-8";
/* setting
-------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a, section{
	box-sizing:border-box;
}
body{
	overflow-x:hidden;
    font-size: 100%;
	line-height: 1.6;
}



img{
	max-width: 100%;
	height:auto;
	vertical-align:bottom;
}
.clear:after{
	content:" ";
	display:block;
	clear:both;
}
a:link,
a:visited,
a:hover,
a:active{
	color:#696766;
}
a:hover{
	text-decoration:none;
} 
a:hover img{
	opacity: .8;
}
#wraps{
	overflow:hidden;
}
.sp{display: block;}
.pc{display: none;}

.cover{
    color: #696766;
    background: none;
    padding: 0;
}
.unit{
    padding:4% 4% 0;
}
.site-location{
    font-size: 86%;
}
/* page-top
-------------------------------------*/
#page-top{
	position: fixed;
	bottom: 30px;
	right: 30px;
	text-align: center;
	opacity: 0.5;
	z-index:1;
}
#page-top a{
	background: #333;
	text-decoration: none;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
    padding: 1em 0 0;
}
/* common
-------------------------------------*/
.sp{display: block;}
.pc{display: none;}

a.linked:link,
a.linked:visited,
a.linked:hover,
a.linked:active{
	color:darkblue;
}
.head{
    position: relative;
    font-weight: bold;
    font-size: 145%;
    letter-spacing: .2em;
    padding: 0 0 3%;
    text-align: center;
}
.head:after{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 60px;
    height: 3px;
    background-color: #B9984C;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
h1 img{
    display: block;
    text-align: center;
    width: 100%;
}
/*btn・banner
-------------------------------------*/
#contents .banner{
    text-align: center;
}
#contents .btn a:hover{
	opacity: .8;
}
#contents .btn{
    margin: 0 4%;
	padding-bottom: 5%;
}
#contents .btn a{
    font-size: 120%;
    display: block;
    border-radius: 5px;
    margin: 0 auto;
    padding: 1em 0;
    background-color: #d89ca0;
    color: #fff;
    text-align: center;    
}
/* intro
-------------------------------------*/
#intro{
	padding: 10% 0 4%;
    margin: 6% 0 0;
	background-color: #FCEDEE;
}
#intro .campaign_tittle{
    margin: 0 auto;
	max-width: 1000px;
    padding: 120px 0;
    font-size: 145%;    
    text-align: center;
    color: #b9002b;  
    font-weight: bold;
    border-radius: 10px;
}
#intro .campaign_text{
	margin:  0 auto;
    max-width: 1000px;
    text-align: center;
    color: #bb0000;
}
#intro .intro_wrap{
    padding: 3% 6% 2%;
}
#intro .intro_wrap:last-child{
    padding: 8% 4% 10%;
}
#intro .intro_head{
    font-size: 145%;    
    text-align: center;
    color: #ffffff;  
    font-weight: bold;
    background-color: #d89ca0;
    border-radius: 10px;
    padding: 2% 0;
    margin: 3% 0 0;
}
#intro .main_text{
    margin: 3% 0 0;
    color: #696766;
}
#intro .span sub_text{
    margin: 3% 0 0;
    color: #696766;
	font-size: 130%;
}
#intro .main_text_cpn{
    margin: 1% auto 0;
    border-radius: 100px;
    padding: 0.8% 0;
}
#plan .main_text_cpn{
    margin: 4% 0 6% 4%;
}
.intro_campaign .pc_unit h2{
    font-size: 130%;
    font-weight: bold;
    padding: 10% 6% 0;
    color: #b9002b;
	margin: 0;
}
#intro .main_text .sub_text .container{
	text-align: left;
}
/* line_botan
-------------------------------------*/
.line_botan > a {
    background: #03c403!important;
    display: flex!important;
    align-items: center!important;
    border-radius: 5px;
    max-width: 200px;
	margin: 2% 0 1% 0;
}

/* plan
-------------------------------------*/
#plan{
    background-color: #FAFAFA;
}
#plan .plan_box{
    display: flex;
    flex-wrap: wrap;
}
#plan .plan_box li{    
    margin: 0;
	width: 100%;
}
#plan .plan_tittle{
    padding-top: 30px;
    /*text-align: center;*/
    /*background: url(/event/images/compe-gift/shouhin_icon.png) center top no-repeat;*/
    background-size: 16%;
	margin-bottom: 6%;
}
#plan .plan_subtext{
    text-align: left;
    margin: 0 auto 16%;
    line-height: 1.6;
}
#plan .plan_subtext li{
    margin: 3% 0 0;
}
#plan .plan_subtext li:first-child{
    margin: 0 0 0;
}
/* gift_guide
-------------------------------------*/
#gift_guide li{
    margin: 4% 0 0;
    line-height: 1.6;
    display: inline-flex;
    width: 100%;
    
}#gift_guide li:first-child{
    margin: 0 0 0;
}
#gift_guide li .guide_text{
    margin: 2% 0 0;
}
#gift_guide li .guide_text_small{
    font-size: 80%;
}
#gift_guide .gift_guide_list_no{
    display: inline-block;
    font-size: 160%;
    font-weight: bold;
    color: #B9984C;
    margin-right: 3%;
}
#gift_guide #guide_list_03{
    padding-bottom: 125px;
    /*text-align: bottom;*/
    background: url(../images/compe-gift/gift_guide.jpg) right bottom no-repeat;
    background-size: 90%;
}
/* gift_qa
-------------------------------------*/
#gift_qa{
	font-size: 90%;
    background-color: #FAFAFA;
}
#gift_qa h2 span{
	font-weight: bold;
	font-size: 150%;
}
.acdn{
    margin: 10% 0 0;
}
.acdn li{
	margin: .8em 0 0;
}
.acdn li h3{
    padding: 1em 2em 1em 2em;
    background: #fff url(../images/compe-gift/icon_plus.svg) no-repeat 96% center;
    background-size: 5%;
	text-indent: -1.5em;
    border: 1px solid #B9984C;
    background-color: #B9984C;
    color: #FFF; 
}
.acdn li h3:before{
    content: "Q." ;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    margin-right: 3%;
}
.acdn li h3.active {
    background-image: url(../images/compe-gift/icon_minus.svg);
}
.acdn li .acdn-child {
	padding: .5em 1.5em .5em 1.5em;
    background-color: #FDFDFD;
    border-bottom: 1px solid #B9984C;
    border-left: 1px solid #B9984C;
    border-right: 1px solid #B9984C;        
}
.acdn li .acdn-child:before{
    content: "A." ;
    color: #B9984C;
    font-weight: bold;
    font-size: 120%;
    margin-right: 3%;
}



/*----------------------------------------------------------------
タブレット用（画面サイズ768px以上～）
----------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
#plan .plan_tittle{
    padding-top: 30px;
}
#contents{
    width: 100%;
}
.unit{
    padding: 4% 0 0;
}
.sp{display: none;}
.pc{display: block;}
.head{
    margin: 0 0 8%;
} 
.site-location{
    margin: 1.5% 0 1.5% 1.5%;
}
#contents .btn a{
    width: 100%;
}
/* intro
-------------------------------------*/
#intro{
    padding: 6% 0 0;
	background: #FCEDEE;
}
#intro .intro_image img{
    display: block;
    width: 70%;
    margin: 0 auto;
}
/*#intro .main_text{
    font-size: 120%;
  }*/
#intro .intro_wrap{
    background-color: #FCEDEE;
    padding: 0 0 3% 0;
}
#intro .main_text_cpn{
    margin: 1% auto 0;
    border-radius: 100px;
    padding: 0.8% 0;
}
#intro .intro_wrap:last-child {
	padding: 8% 0% 4%;
}
#container {
  max-width: 1000px;
  margin: 0 auto;
}
#intro .main_text .sub_text .container{
	text-align: center;
}
/* plan
-------------------------------------*/
#plan .plan_box{    
    justify-content: space-between;   
}
#plan .plan_box li{    
    width: 49%;
    margin: 4% 0 0 0;
}
#plan .plan_box li:nth-child(-n+2){    
    margin: 0 0 0 0;
}
/* #plan .plan_tittle{
    background-size: 7%;
}
/* gift_guide
-------------------------------------*/ 
#gift_guide .gift_guide_list{
    margin: 0 10%;
    font-size: 120%;
}
#gift_guide li .guide_text{
    margin: 1% 0 0;
}
#gift_guide #guide_list_03{
    background-size: 70%;
}
/* gift_qa
-------------------------------------*/
#gift_qa{
	line-height: 1.7;
}
#gift_qa .acdn li h3{
    padding: 1em 1em 1em 3em;
    background-size: 3%;
}
#gift_qa .acdn li h3:before{;
    width: 40px;
    height: 40px;
}
#gift_qa .acdn li .acdn-child {
	padding: 1em 1.5em;
}
}
/*----------------------------------------------------------------
PC用（画面サイズ992px以上～）
----------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
#contents{
	line-height: 1.8;
    padding: 20px 0 0;
}
#contents .banner img{
	width: 710px;
}
h1 img{
    width: 1000px;
    margin: 0 auto;
}
.pc_unit{
     width: 1000px;
    margin: 0 auto;
}
.site-location{
    width: 1000px;
    margin: 1.5% auto;
}
#contents .btn a{
    width: 100%;
	margin-bottom: -5%;
}
/* intro
-------------------------------------*/
#intro .intro_image img{
    width: 36%;
}
#intro .intro_head{
    width: 1000px;
    margin: 1% auto 0;
    border-radius: 100px;
    padding: 0.8% 0;
}
#intro .main_text{
    width: 1000px;
    margin: 3% auto 0;
}
#intro .intro_wrap:last-child{
    padding: 0 0 6% 0;
}
#plan .main_text_cpn{
	margin: 0 22% 6% 22%;
	line-height: 250%;
}
#intro .campaign{
	font-size :120%; 
}
#container {
  max-width: 1000px;
  margin: 0 auto;
}
#intro .main_text .intro_wrap .main_text .container{
  text-align: center;
}
/* plan
-------------------------------------*/
/* #plan .plan_tittle{
    padding-top: 80px;
}*/
#plan .plan_subtext{
    width: 800px;
    margin: 0 auto 8%;
}
#plan .plan_subtext li{
    margin: 1% 0 0;
}
/* gift_guide
-------------------------------------*/ 
#gift_guide #guide_list_03{
    background-size: 50%;
    padding-bottom: 145px;
}
#gift_qa .acdn{
    margin: 0 auto;
    width: 800px;    
}
}
/*----------------------------------------------------------------
end(キャンペーン終了時使用)
----------------------------------------------------------------*/
.end{
	padding: 3%;
	border: 2px solid #333;
	border-width: 2px 0;
	margin: 1em;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
}
.end_text{
	padding:1em 0 1em;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}

@media only screen and (min-width: 768px) {
.end{
	padding: 1.5%;
}
.end_text{
	padding:.5em 0 1em;
}
}