﻿
@charset "UTF-8";
/* CSS Document */
/*----- last up date 20180628 -----*/

/*---==============================---*/
/*---======= ベース部分構成 =======---*/
/*---==============================---*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);


.FS2_upper_comment {
font-family: 'Noto Sans JP ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif';
}
@media screen and (max-width: 600px) {
.FS2_upper_comment {
font-size:3vw;
}
}


*.fMin{font-family: "Sawarabi Mincho"; font-weight:normal;}

.FS2_upper_comment p,.FS2_upper_comment ul,.FS2_upper_comment ol,.FS2_upper_comment li,.FS2_upper_comment dl,.FS2_upper_comment dd,.FS2_upper_comment dt,.FS2_upper_comment b,.FS2_upper_comment h1,.FS2_upper_comment h2,.FS2_upper_comment h3,.FS2_upper_comment h4,.FS2_upper_comment h5,.FS2_upper_comment address,.FS2_upper_comment form,.FS2_upper_comment input,.FS2_upper_comment small,.FS2_upper_comment .FS2_upper_comment section{
margin:0px;
padding:0px;
font-weight:300;
font-style:normal;
list-style-type:none;
box-sizing:border-box;
}

*:focus {
outline: none;
}

.FS2_upper_comment a{
color:#454545;
text-decoration:none;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.FS2_upper_comment a:hover{
color:#987e43;
text-decoration:underline;
}

.FS2_upper_comment img{
border:0;
margin:0;
padding:0;
vertical-align:bottom;
}

.FS2_upper_comment .clearfix{
zoom:1;
}

.FS2_upper_comment .clearfix:after{
content: "";
clear:both;
display:block;
}

.FS2_upper_comment .clear{
clear:both;
}

.FS2_upper_comment .wrap{
width:96%;
margin:0 2%;
}

.FS2_upper_comment .sP{
text-indent:-9999px;
background:no-repeat  center center;
background-size:100%;
}

.FS2_upper_comment .fe.feLeft{
justify-content:left;
}

.FS2_upper_comment .fe{
display:flex;
justify-content: space-around;
flex-wrap: wrap;
}

.FS2_upper_comment ul.iB,
.FS2_upper_comment dl.iB{
letter-spacing:-1em;
word-spacing: -1em;
}

:root ul.iB,
:root dl.iB{
font-size: 1px;
word-spacing: -1px;
}

.FS2_upper_comment ul.iB > li,
.FS2_upper_comment dl.iB > dd{
display:inline-block;
letter-spacing:normal;
vertical-align:top;
font-size:100%;
word-spacing:normal;
}

.FS2_upper_comment ul.iB > li,
.FS2_upper_comment dl.iB > dd{
font-size:14px;
}

.FS2_upper_comment .FS2_Utility1_container,
.FS2_upper_comment .FS2_Utility2_container {
display:none;
}

/*---==============================---*/
/*---========= top構成 ============---*/
/*---==============================---*/

.FS2_upper_comment .FS2_upper_comment section h3{
margin-bottom:2%;
}

.FS2_upper_comment section ul.bnrs > li,
.FS2_upper_comment section ul.rank > li{
margin-bottom:5%;
position:relative;
text-align:center;
}

.FS2_upper_comment section ul.bnrs.bnrs05{
margin:0 4%;
}

.FS2_upper_comment section ul.bnrs.bnrs05 > li:nth-child(3n+2){
margin-left:3vw;
margin-right:3vw;
}

.FS2_upper_comment section ul.bnrs > li:after{
content:"";
background:url(https://kikumasamune.itembox.design/item/img/sp/t-bg_shadow_02.png) no-repeat center bottom;
background-size:100%;
display:block;
position:absolute;
width:100%;
height:100%;
bottom:-5vw;
z-index:-1;
}

.FS2_upper_comment section ul.bnrs.bnrs02 > li:after,
.FS2_upper_comment section ul.bnrs.bnrs03 > li:after,
.FS2_upper_comment section ul.bnrs.bnrs04 > li:after,
.FS2_upper_comment section ul.bnrs.bnrs05 > li:after{background-image:url(https://kikumasamune.itembox.design/item/img/sp/t-bg_shadow_03.png); bottom:-1vw;}
.FS2_upper_comment section ul.bnrs.bnrs03 > li:after{bottom:-4vw;}
.FS2_upper_comment section ul.bnrs.bnrs04 > li:after{bottom:-3.5vw;}
.FS2_upper_comment section ul.bnrs.bnrs05 > li:after{bottom:1vw;}
.FS2_upper_comment section ul.bnrs.bnrs02 > li,
.FS2_upper_comment section ul.bnrs.bnrs03 > li{width:48%;}
.FS2_upper_comment section ul.bnrs.bnrs04 > li{width:32%;}
.FS2_upper_comment section ul.bnrs.bnrs05 > li{width:30%;}
.FS2_upper_comment section ul.rank > li{width:30%; padding-top:5vw; margin-top:2vw; text-align:left;}
.FS2_upper_comment section ul.rank > li:before{
content:"";
background:no-repeat center center;
background-size:100% auto;
width:100%;
height:5vw;
position:absolute;
top:0;
left:0;	
}

.FS2_upper_comment section ul.rank > li:nth-child(1):before{background-image:url(https://kikumasamune.itembox.design/item/img/sp/top/sp-t_rank_no01.jpg);}
.FS2_upper_comment section ul.rank > li:nth-child(2):before{background-image:url(https://kikumasamune.itembox.design/item/img/sp/top/sp-t_rank_no02.jpg);}
.FS2_upper_comment section ul.rank > li:nth-child(3):before{background-image:url(https://kikumasamune.itembox.design/item/img/sp/top/sp-t_rank_no03.jpg);}


.FS2_upper_comment section dl > dd{width:94%; margin:0 3% 7%;}

.FS2_upper_comment section dl > dd > h3,
.FS2_upper_comment section dl > dd > h4{width:100%;}

.FS2_upper_comment section dl > dd > h3{font-size:4.5vw; border-bottom:2px #000 dotted; padding:3% 0 2%;}
.FS2_upper_comment section dl > dd > h4{text-align:left;}

.FS2_upper_comment section.feed{
margin-bottom:5%;
}

.FS2_upper_comment section.feed ul li{
width:48%;
height:110vw;
border:solid 1px #eee;
overflow:hidden;
}

.FS2_upper_comment section.feed iframe,
.FS2_upper_comment section.spCalWrapperSub{
border-radius:3px;
width:96%;
margin:0 2% 5%;
}

.FS2_upper_comment section.spCalWrapperSub{
border:solid 1px #eee;
}

.FS2_upper_comment section.feed iframe{
height:100vw;
border:none;
}

.FS2_upper_comment section.feed h3,
.FS2_upper_comment section.spCalWrapperSub h3{
width:100%;
color:#1b110f;
background-color:#eee;
padding:2%;
}

.FS2_upper_comment section.feed h3{
margin:0;
width:100%;
margin:0;
}