@charset "UTF-8";



/* FAQ */

.news-faq_menu{}
.news-faq_list{padding: 16px 0; border-bottom: solid 1px #ccc; line-height:1.61; }
.news-faq_list dt,.news-faq_list dd{display: -webkit-flex; display: flex;}
.news-faq_list dt{margin-bottom: 1px; color: #891414;}

.news-faq_icon{width: 25px; display:block; padding: 5px 10px; background:#891414; color: #fff; text-align: center; margin-right: 10px;}
.news-faq_txt{-webkit-flex: 1; flex: 1; padding: 5px 0;}

.news-faq_list dd .news-faq_icon{background:#b27812;}


.news-faq_menu a:link { color: #891414; text-decoration: none;}
.news-faq_menu a:visited { color: #891414; }
.news-faq_menu a:hover { color: #891414; text-decoration: underline;}
.news-faq_menu a:active { color: #891414; }



/* ss */

.ss_item{padding: 14px 0;}
.ss_item a{
    position: relative;
    display: block;
    border: 1px solid #f0a118;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.ss_item a::after{
content: "";
display: block;
position: absolute;
position: absolute;
top: 0;
right: 0;
width: 3.5vw;
height: 3.5vw;
background: #f0a118 url("../img/common/icon_zoom.png") 0 0/100% auto no-repeat;
}

.flex_type1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
.half_box{width: 46%;padding:2%;}

.product-tokuten__box_news{width:100%; margin: 0 auto;}
.product-tokuten__box_item li{width: 31.3%; margin: 1%; justify-content: center; align-items: center;}
.product-tokuten__box_item li img{width: calc(100% - 6px); border: solid 3px #f0a118; }

.red{color: #f00;}
.ss_item .product-tokuten__name{ }


.list_box li{text-indent: -15px; padding-left: 15px; }
.list_box li strong{display:inline-block; padding: 0 10px 0 25px; color: #f0a118;}
.list_box li a{}
.list_box li a:link { color: #891414; text-decoration: none;}
.list_box li a:visited { color: #891414; }
.list_box li a:hover { color: #891414; text-decoration: underline;}
.list_box li a:active { color: #891414; }

table.product-shop_iteme_list{width: 100%; margin-top: 20px; color: #8c8c8c;}
table.product-shop_iteme_list th, table.product-shop_iteme_list td{border: solid 1px #f0a118; text-align: left; padding: 10px; vertical-align: middle; line-height:1.4;}
table.product-shop_iteme_list th{background: #f9d395; color: #7c5107; max-width: 30%; }
table.product-shop_iteme_list td strong{color: #7c5107;}

table.product-shop_iteme_list th.title{background: #fff; border:none;}

table.about_news_list{width: 100%; margin-top: 20px;}
table.about_news_list th, table.about_news_list td{text-align: left; padding: 2%; vertical-align: middle; line-height:1.4; border-bottom: solid 1px #f8ddb1;}

table.about_news_list tr:last-child th, table.about_news_list tr:last-child td{border:none;}


@media screen and (max-width: 800px) {
.half_box{width: 96%;padding:2%;}
.news-single__link{margin-bottom: 10px;}

.ss_item a::after{ width: 6.5vw; height: 6.5vw; background: #f0a118 url("../img/common/icon_zoom.png") 0 0/100% auto no-repeat;}

.tokuten__item{width: 96%;padding:2%;}

.product-tokuten__box_item li{width: 100%; margin: 1% 0;}
.product-tokuten__box_item li .tokuten__item{width: 33%;}
.product-tokuten__box_item li .product-tokuten__name{width: 60%; text-align: left;}
.list_box li{border-bottom: solid 1px #ccc; padding-bottom: 5px;}
.list_box li strong{display:block; padding: 0 10px 0 12px; line-height:1.1;}

}



.faq_top_box a{display:block; margin-top: 10px; text-align: center;}

.idx-news__more{width: 95%; max-width: 500px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
.idx-news__more div{width: 50%;}

.idx-movie__thumbs{margin-top: 15%;}
.idx-news__more a.btn_faq {
    background: url(../img/news/20190917/btn_brown_w280.png) 0 0/100% auto no-repeat;
}


/* about */
.about-text{width: 95%; max-width: 900px; margin: 14px auto;}
.about-text2{width: 95%; max-width: 900px; margin: 14px auto; text-align: center;}

.ultimate-points_ss_title{width: 60%; max-width: 515px; margin: 0 auto; padding-top: 5%;}
ul.ultimate-points_ss_img{width: 95%; margin: 0 auto;}
ul.ultimate-points_ss_img li{width: 49%; padding: 1% 0.5% 0.5% 0.5%;}
.ultimate-points_ss_txt{width: 95%; margin: 0 auto; line-height:1.61; padding-bottom: 5%;}

@media screen and (max-width: 800px) {
.about-text{width: 85%; font-size: 14px; margin-bottom: 5%;}

}

.sample_title:before{
content: '';
  display: inline-block;
  position: absolute;
  left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 30px 86.6px;
border-color: transparent transparent transparent #007bff;

}
.sample_title:after{
content: '';
  display: inline-block;
  position: absolute;
  left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 30px 86.6px;
border-color: transparent transparent transparent #007bff;

}


/*  ---------------------------------------------------------------- */

.ultimate-points-sub_title{
font-size:20px;
font-weight:bold;
padding:12px 40px 14px 40px;
margin:10px 0px;
line-height: 1; 
text-align: center;
letter-spacing: 0.1em;
}

.ultimate-points-sub_title{
    position:relative;
    background-color: #776002;
    color: #fff;
}
.ultimate-points-sub_title:before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
	top:0;
    right: 0;
    border-top: 25px solid #fff;
    border-left: 25px solid transparent;
	border-bottom:25px solid #fff;
}
.ultimate-points-sub_title:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
	top:0;
    left: 0;
    border-top: 25px solid #fff;
    border-right: 25px solid transparent;
	border-bottom:25px solid #fff;
}





.ultimate-points-sub_title2{
	font-size:20px;
	font-weight:bold;
	padding:12px 40px 14px 40px;
	margin:10px 0px;
	line-height: 1; 
	text-align: center;
	letter-spacing: 0.1em;
	background:url(../img/about/point4/img4_title_bg.png) top center no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto; 
}

.ultimate-points-sub_title2{
    position:relative;
    color: #fff;
}


/*  ---------------------------------------------------------------- */
.ultimate-points1_box{width: 100%;}

.ultimate-points2_cont_box{ width: 100%;}
.ultimate-points2_box__inner{position: relative; width: 100%;}
.ultimate-points2_box_ss1{position: absolute; top: 65px;}
.ultimate-points2_box_dec1{ position: absolute; right:0; top: 60px;}
.ultimate-points2_box_text1{padding-top: 24px; position: absolute; top: 470px;}
.ultimate-points2_box_text1 p{color: #3b7780; font-size: 40px; font-weight: 600;}

.ultimate-points2_box__inner:before { content: ""; display: block; padding-top: 70%;}


.ultimate-points2_box__inner2{position: relative; width: 100%;}
.ultimate-points2_box_dec2{ position: absolute; top: -50px;}
.ultimate-points2_box_ss2{position: absolute; top: 50px; right:0;}
.ultimate-points2_box_text2{padding-top: 24px; position: absolute;  top: 450px; right: 120px;}
.ultimate-points2_box_text2 p{color: #6d0f76; font-size: 40px; font-weight: 600;}

.ultimate-points2_box__inner2:before { content: ""; display: block; padding-top: 80%;}
.ultimate-points2_box_text3{width: 80%; max-width: 726px; margin: 0 auto;}



.ultimate-points3_cont_box{width: 100%; max-width: 1080px; margin: 0 auto; padding-top: 50px;}



.ultimate-points4_cont_box{width: 100%; margin-top: 20px; background:url(../../assets/img/about/point4/img1_bg.jpg) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto;}
.ultimate-points4_box__inner{width: 100%; position: relative; background:url(../../assets/img/about/point4/img1_bg_chara.png) top left no-repeat;}
.ultimate-points4_box_ss1{position: absolute; right:0; top:180px;}
.ultimate-points4_box_ss2{position: absolute; top:500px;}
.ultimate-points4_box_text1{width: 40%; position: absolute; top:600px; right: 0; text-align: center;}

.ultimate-points4_box__inner:before { content: ""; display: block; padding-top: 80%;}

ul.ultimate-points4-points_ss_img{width: 100%; margin: 0 auto; padding-bottom: 10%;}
ul.ultimate-points4-points_ss_img li{width: 49%; padding: 1% 0.5% 0.5% 0.5%;}

.ultimate-points4_cont_box2{width: 100%;}
.ultimate-points4_box__inner2{width: 100%; position: relative;}

.ultimate-points4_box_ss3{position: absolute; right:0; top:0;}
.ultimate-points4_box_ss4{position: absolute; top:-50px;}

.ultimate-points4_box__inner2:before { content: ""; display: block; padding-top: 45%;}

.ultimate-points4_cont_box3{width: 100%;}
.ultimate-points4_box__inner3{width: 100%; position: relative;}

.ultimate-points4_box_ss5{position: absolute; top:0;}
.ultimate-points4_box_ss6{position: absolute; right:0; top:-150px;}

.ultimate-points4_box__inner3:before { content: ""; display: block; padding-top: 45%;}

.ultimate-points4_cont_box4{width: 100%;}
.ultimate-points4_box__inner4{width: 100%; position: relative;}

.ultimate-points4_box_ss8{background:url(../../assets/img/about/point4/img4_1.jpg) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto;}
.ultimate-points4_box_ss8_txt{width: 40%; padding: 30% 0 40% 0; text-align: center;}
.ultimate-points4_box_ss8_txt_in{
text-shadow: 
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
}

.ultimate-points5_cont_box{width: 100%; max-width: 1080px; margin: 0 auto; padding-top: 50px;}
.ultimate-points5_cont_box ul.ultimate-points_ss_img li.oldimg{width: 35%;}
.ultimate-points5_cont_box ul.ultimate-points_ss_img li.newimg{width: 63%;}


.ultimate-points5_cont_box .ultimate-btnReturn{width: 50%;}


.new-icon {
    width: 20%;
    max-width: 80px;
    display:inline-block;
    -webkit-animation: newBlinkFrame 1s infinite;
    animation: newBlinkFrame 1s infinite;
    padding-top: 4px;
    margin:0 0 0 -40px;
}

.news_table_list td,.news_table_list th{padding: 0.5%; text-align: center;}



.news-table__link{display: inline-block;}
.news-table__link span {
    font-size: 14px;
    font-size: .875rem;
    display: inline-block;
    padding-right: 20px;
    line-height: 1;
    white-space: nowrap;
    background: url(../img/common/icon_link_arrow.png) 100% 50%/auto 100% no-repeat;
}

.news-table__link a{width: calc(100% - 20px); color: #fff; background:#901616; display:block; padding: 0 10px 2px 10px;}

.sstyle1_box{ width: 95%; max-width: 800px; margin: 0 auto;}


.about_menu{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; margin: 0 auto 10px auto;}
.about_menu li{width: calc(20% - 4px); margin: 2px; font-size: 14px; text-align: center;}
.about_menu li a{width: 92%; color: #fff; text-decoration: none; background:#891414; padding: 10px 3% 5px 3%; display: block; margin:1%;}

.about_menu li.new_box{margin:-14px 0 0 0;}

.about_menu li .new-icon {
    width: 100%;
    max-width: 80px;
    margin: 0 auto;
    display:block;
    -webkit-animation: newBlinkFrame 1s infinite;
    animation: newBlinkFrame 1s infinite;
    padding-top:0;
    margin-bottom: -12px;
}




.top-new-icon { position: absolute; top: -16px; right:0; width: 40%; max-width: 130px; -webkit-animation: newBlinkFrame 1s infinite; animation: newBlinkFrame 1s infinite;}
.top-new-icon2 { position: absolute; top: -16px; left:0; width: 40%; max-width: 130px; -webkit-animation: newBlinkFrame 1s infinite; animation: newBlinkFrame 1s infinite;}


.article_list{ width: 95%; max-width: 1000px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
.article_list li{width: 18%; padding: 2% 1%;}









/*  ---------------------------------------------------------------- */
@media screen and (max-width: 800px) {
.ultimate-points-sub_title{font-size:2.6vw;}
.ultimate-points__box_sp{width: 95%;}
.ultimate-points__box_sp .ultimate-points__box__title{ text-align: center;}
.ultimate-points2_cont_box{ width: 95%; margin: 0 auto; padding-top: 10%;}

.ultimate-points-sub_title2{
	font-size:20px;
	font-weight:bold;
	padding:12px 40px 14px 40px;
	margin:10px 0px;
	line-height: 1; 
	text-align: center;
	letter-spacing: 0.1em;
	background:url(../img/about/point4/img4_title_bg.png) top center no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%; 
}



.ultimate-points2_box_ss1{width: 70%; position: static; top: 0;}
.ultimate-points2_box_dec1{ width: 50%; position: static; margin-top:-50%; margin-left: 50%;}
.ultimate-points2_box_text1{width: 90%; padding-top: 0; position: static; margin: -3% auto 0 auto; font-size: .875rem;}
.ultimate-points2_box_text1 p{ font-size: 4.5vw; font-weight: 600;}

.ultimate-points2_box__inner:before { content: ""; display: block; padding-top:0;}

.ultimate-points2_box_ss2{width: 70%; position: static; margin-left: 30%;}
.ultimate-points2_box_dec2{ width: 50%; position: static; margin-top:-50%;}
.ultimate-points2_box_text2{width: 90%; padding-top: 0; position: static; margin: 3% auto 0 auto; font-size: .875rem;}
.ultimate-points2_box_text2 p{ font-size: 4.5vw; font-weight: 600;}

.ultimate-points2_box__inner2:before { content: ""; display: block; padding-top:0;}
.ultimate-points2_box_text3{width: 90%; margin: 0 auto; padding: 5% 0;}

.ultimate-points3_cont_box{ font-size: .875rem;}

.ultimate-points4_cont_box{width: 95%; margin: 20px auto 0 auto; background:url(../../assets/img/about/point4/img1_bg.jpg) top center no-repeat; -moz-background-size:160% auto; background-size:160% auto;}
.ultimate-points4_box__inner{width: 100%; position: relative; background:url(../../assets/img/about/point4/img1_bg_chara.png) top left no-repeat; -moz-background-size:50% auto; background-size:50% auto;}


.ultimate-points4_box_ss1{width: 70%; position: static; margin-left:30%;}
.ultimate-points4_box_ss2{width: 70%; position: static; margin-top:-10%;}
.ultimate-points4_box_text1{position: static; width: 100%; text-align: center;  font-size: .875rem;}


.ultimate-points4_box_ss3{width: 80%; position: static; margin-left:20%;}
.ultimate-points4_box_ss4{width: 60%; position: static; margin-top:-50%;}

.ultimate-points4_box_ss5{width: 70%; position: static; margin-top: -10%;}
.ultimate-points4_box_ss6{width: 90%; position: static; margin-left:10%; margin-top: -70%;}

.ultimate-points4_box_ss8{background:url(../../assets/img/about/point4/img4_1.jpg) 100% 0 no-repeat; -moz-background-size:150% auto; background-size:150% auto;}
.ultimate-points4_box_ss8_txt{width: 90%; margin: 0 auto; padding: 80% 0 20% 0; text-align: center;}


.ultimate-points4_cont_box2, .ultimate-points4_cont_box3{width: 95%; margin: 0 auto 0 auto;}

.ultimate-points4_box__inner:before { content: ""; display: block; padding-top: 30%;}
.ultimate-points4_box__inner2:before { content: ""; display: block; padding-top: 15%;}
.ultimate-points4_box__inner3:before { content: ""; display: block; padding-top: 0%;}

.ultimate-points5_cont_box .ultimate-btnReturn{width: 80%; font-size:2vw;}


ul.ultimate-points4-points_ss_img{width: 95%; margin: 0 auto; padding-bottom: 10%;}

.new-icon {
    width: 30%;
    max-width: 80px;
    display:inline-block;
    -webkit-animation: newBlinkFrame 1s infinite;
    animation: newBlinkFrame 1s infinite;
    padding-top: 4px;
    margin:0 0 0 -15%;
}



.about_menu li{width: calc(50% - 4px); margin: 2px; font-size: 2.5vw;}


.about_menu li.new_box{width: calc(50% - 4px);  margin: calc(-1.5% - 2px) 2px 2px 2px;}

.about_menu li .new-icon {
    width: 100%;
    max-width: 80px;
    margin: 0 auto;
    display:block;
    -webkit-animation: newBlinkFrame 1s infinite;
    animation: newBlinkFrame 1s infinite;
    padding-top:0;
    margin-bottom: -6.5%;
}

.news_table_list td,.news_table_list th{font-size: 2.5vw;}


.idx-kv__faq{position:absolute;right:50%;bottom:10%;width:80%;-webkit-transform:translate(50%,0);transform:translate(50%,0); bottom: 5%;}
.idx-kv__faq div{width:49%; display: inline-block;}


}



.pf-icon_update{color: #df2626; margin: 10px 2px 2px 2px; padding: 0 5px; display:inline-block;}


.webm_btn{width:65%; max-width:280px; margin: 0 auto; text-align: center; margin-top: 5%;}
.webm_btn a {
	width: calc(100% - 20px);
    background: url(../img/common/btn_red_w280_simple.png) no-repeat;
    height: 54px;
    display: block;
    color: #fff;
    padding: 2% 10px;
    -moz-background-size:100% auto;
	background-size:100% auto; 
	 text-decoration: none;
}

.webm_btn a:hover{}
.winspec_table th, .winspec_table td{border: solid 1px #f9cfaa; padding: 1.5%;}
.winspec_table th{width:5%; background:#f4a760; color: #fff;}
.winspec_table td:nth-child(even) {background:#fff0f0;}
.winspec_table td:nth-child(odd) {background:#fff;}
.winspec_list{padding: 10px 0; font-size: 14px;}
.winspec_list li{padding-bottom: 4px;}


.nolink{filter: saturate(0%);

filter:alpha(opacity=30);
-moz-opacity:0.30;
-khtml-opacity:0.30;
opacity:0.30;
}