@charset "utf-8";
/*
関西の特典エリアのstyleを記述するcssです。
#kix_tokuten を先頭にして変更したい箇所を指定してください。

[例] 
#kix_tokuten p {
  color: #fff;
}
*/
/*----------------------------------------
 ハワイ・グアム特典
----------------------------------------*/

#kix_tokuten .kix_benefit_plan{
	overflow: hidden;
	margin-bottom: 40px;
}
#kix_tokuten .kix_benefit_plan_img{
	float: right;
	width: 360px;
}
#kix_tokuten .benefit__btn sub{
	clear: right;
}
#kix_tokuten .kix_benefit_plan_leftbox{
	width: 480px;
}
#kix_tokuten .kix_benefit_plan_leftbox dt{
	color: #2badde;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 15px;
}
#kix_tokuten .kix_benefit_plan_leftbox dd{
	font-size: 1.4rem;
}
#kix_tokuten .pointList__text--note{
	text-align: left!important;
}
#kix_tokuten .kix_link{
	text-decoration: underline;
	font-size: 1.2rem;
}
#kix_tokuten .pointList__caution {
    display: block;
    font-size: 1.2rem;
    line-height: 1.6em;
}
@media screen and (max-width: 767px){
	#kix_tokuten .kix_benefit_plan_img{
	float: none;
	width: 100%;
}
	#kix_tokuten .kix_benefit_plan_leftbox{
	width: 100%;
}
	#kix_tokuten .kix_benefit_plan_leftbox dt{
font-size: 4vw;
}
	#kix_tokuten .kix_benefit_plan_leftbox dd{
	    font-size: 3.5vw;
}
	#kix_tokuten .kix_link{
	font-size: 3.2vw;
}
    #kix_tokuten .pointList__caution {
    font-size: 3.0vw;
}
}

/*商品部分*/
.product__card__pf:empty {
    display: none!important;    
}

/*デジパンリンク*/
li[data-item="kix"] .kix_tokuten_btn {
    box-shadow: 3px 3px 0px 3px #A6AA2E;
    background-color: #FFF23E;
    border-radius: 35px;
    margin: -40px auto 100px;
    width: 600px;
    height: 38px;
}
li[data-item="kix"] .kix_tokuten_btn a {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    background-image: url(../img/icon/btn_arrow_right.svg);
    background-repeat: no-repeat;
    background-size: 8px 15px;
    background-position: 8% 50%;
}
@media screen and (max-width: 767px){
    li[data-item="kix"] .kix_tokuten_btn {
        width: 70vw;
        margin: 3vw auto 10vw;
    }
}