@charset "utf-8";
/* CSS Document */

p.mainhead{
	text-align:center;
	width:100%;
	height:156px;
	background:url(../img/kuchikomi-2019/img_main_back_new.jpg) center center;
	background-size:cover;
    display: flex;
    align-items: center;
    justify-content: center;
	}

/*p.mainhead img {
    padding-top: 50px;
}*/
h2 {
    border-bottom: #700 4px solid;
    text-align: center;
    color: #700;
    font-size: 26px;
	padding-top: 20px;
    margin-bottom: 10px;
}
h3{
		padding:15px;
	font-size:28px;
	}
img{

    max-width: 100%;
	height:auto;

}

p.read {
    text-align: center;
    color: #700;
    font-size: 18px;
    margin-bottom: 10px;
	max-width:1000px;
	margin:10px auto 15px;
}
.k-navi{
	position: sticky;
	position: -webkit-sticky;
	top:0;
		z-index:1000
	}
.k-navi.fixed{
background: rgba(255,255,255,0.6);
    padding-bottom: 10px;

}
nav ul{
	text-align:center;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	}
nav li{
	display:inline-block;
	width:31%;
	vertical-align:top;
	height:65px;
	border-radius:10px 10px 0 0 ;
	}
nav li a{
	display:block;
	text-decoration:none !important;
	text-align:center;
	color:#fff !important;
	font-weight:bold;
	font-size:20px;
	padding-top:5px;
	line-height:130%;
	height:100%;
		border-radius:10px 10px 0 0 ;
	}
.fixed li,
.fixed li a{
	border-radius: 0 0 10px 10px ;

	}

nav li.hotel-a{
	background:#eea313;
	}
nav li.op-a{
	background:#93b215;
	}
nav li.post-a{
	background:#d04545;

	}
nav li.hotel-a a,
nav li.op-a a,
nav li.post-a a{
	opacity:0.8
	}
nav li.hotel-a a.current,
nav li.op-a a.current,
nav li.post-a a.current{
	opacity:1
	}
nav li.post-a a{
		line-height:56px;
	}
nav li.post-a a i {
display: inline-block;
padding-top: 7px;
    vertical-align: text-bottom;
width: 35px;
padding-left: 5px;
}
.head_area p{
	padding:15px;
	}
article.post {
	padding:2% 0;
}


article.post .con-inner{
    max-width: 1000px;
    margin: auto;
	}

article.post h4{
	font-size:18px;
	}
article.post h4 span{
	font-size:14px;
	}
.p-width{
	max-width:1000px;
	margin:0 auto 30px;
	overflow:hidden;
	}
.data {
	font-size: 0.95em;
	padding:5px;
	display:inline-block;
	}
.comment p{
	line-height:180%;
	}
.post-photo{
	list-style:none;
	margin: 15px 0 10px;
	}
.post-photo li{
	display:inline-block;
	width:100px;
	height:100px;
	margin-right: 10px;
	}
.post-photo li a{
	text-align:center;
	display:block;
	}
.post-photo li img{
	max-width:100px;
	max-height:100px;
	}
.default-photo{
		margin-top:10px;
	text-align:center;
	}
.default-photo span{
	display:block;
	}
.long-btn{
	margin-bottom: 50px;
	}
.long-btn a{
	width:80%;
	display:block;
	padding:10;
	text-align:center;
	margin:0 auto;
	font-size:23px;
	text-decoration:none;
	color:#fff;
	padding: 20px 0;
	font-weight:bold;
	border-radius:10px;
	}
.rank1{
	max-width:1000px;
	margin:0 auto
	}
.rank1 .right-text{
	margin-bottom:30px;
	}
.rank2-5{
	clear:both;
	overflow:hidden;
	padding-top:10px;
	}
.left-photo {
	position:relative;
}
.rank1 .left-photo {
margin-bottom: 20px;
}

.left-photo img{
	max-width:100%;
	height:auto;
	}

.rank2-5 .left-photo {
	position:relative;
}
.rank2-5 .left-photo img{
	padding:13px;
	}
.rank2-5 .right-text{
	padding:10px 10px 0;
	}
.harf-btn a {
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    margin: 10px auto;
    display: block;
    padding: 5px;
    color: #fff;
    font-weight: bold;
	font-size: 14px;
}
.rank1 .harf-btn a {
	padding:14px;
	}
.text-area {
    background: #f5f5f5;
    padding: 10px;
	font-size: 13px;
	line-height: 165%;
}
h6 span{
	display:inline-block;
padding: 4px 10px;
	background:#ff8a92;
	font-size:15px;
	margin-right:5px;
	color:#fff;
	}
.rank1 .left-photo span:before{
	content:"";
	display:inline-block;
	background:url(../img/kuchikomi-2019/rank_mark.png) no-repeat;
	width:30px;
	margin-right:3px;
	height:30px;
  background-size: contain;
  vertical-align: middle;
	}	
.rank1 .left-photo span{
	position:absolute;
	top:5px;
	background: #fcc51e;
	padding: 8px 8px 8px 8px;
	left: -5px;
	font-size: 20px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3)	}
.rank1 .left-photo span:after{
      content: '';
	border-style: solid;
    border-width: 24px 15px 24px 5px;
    border-color: #fcc51e;
    border-right-color: transparent;
    position: absolute;
    left: 218px;
    top: 0px;
}



.rank2 .left-photo span{
	background: #b5b5b5;
	}
.rank2 .left-photo span:after{
    border-color: #b5b5b5;
    border-right-color: transparent;
	}
.rank3 .left-photo span{
	background: #d57d62;
	}
.rank3 .left-photo span:after{
    border-color: #d57d62;
    border-right-color: transparent;
	}
.rank4 .left-photo span,
.rank5 .left-photo span{
	background: #6ad5e8;

	}
.rank4 .left-photo span:after,
.rank5 .left-photo span:after{
    border-color: #6ad5e8;
    border-right-color: transparent;
	}

	.rank1 .right-text h5{
	font-size:24px;
	}
.rank1 .right-text h6{
	font-size:16px;
	}
.rank2-5 .right-text h5{
	font-size:18px;
	}
.rank2-5 .right-text p{
	font-size:13px;
	}



.right-text p span {

    vertical-align: middle;

}
.rankbox{
margin: 8px;
background:#fff;
position:relative;
	}
.ranking-head{
	padding:10px 0;
	text-align:center;
	margin-bottom:30px;
	}
.ranking-head h4{
	color:#fff;
	padding:10px;
	font-size:30px;
	position:relative;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	}
.ranking-head h4:before{
	content:"";
	display:inline-block;
	background:url(../img/kuchikomi-2019/rank_mark.png) no-repeat;
	width:40px;
	margin-right:10px;
	height:40px;
  background-size: contain;
  vertical-align: middle;
	}	
.ranking-head h4:after{
	content:"";
	display:inline-block;
	background:url(../img/kuchikomi-2019/rank_mark.png) no-repeat;
	width:40px;
	margin-left:10px;
	height:40px;
  background-size: contain;
  vertical-align: middle;
	}	
.long-btn a{
	position:relative;
	max-width:900px;
	
	}	
.long-btn a::after{
	position:absolute;
    right: 20px;
	top:28px;
	content:'';
    width: 15px;
    height: 15px;
    border-top: 6px solid #fff;
    border-right: 6px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


	
/*色分け*/
#hotel-con{
	border-top:#eea313 12px solid;
	}
#hotel-con h3{
	color:#f69914;
	text-align:center;
	border-bottom:#eea313 4px solid;
	}	

#hotel-con .head_area,
#hotel-con .data {
    background: #fff8de;
    color: #604511;
}

#hotel-con .head_area p{
	text-align:left;
    color: #604511;
	}
#hotel-con article.post h4{
	color:#de5011;
    margin-bottom: 10px;
	}

#hotel-con .ranking-head{
	background:#13a3ed;
	}
#hotel-con .long-btn a{
	background:#eea313;
	}
#hotel-con .long-btn.hotel a{
	background:#e86313;
	}
#hotel-con article.post.po01 {
	border-bottom:#f8daa1 solid 4px;
}
#hotel-con .rank2-5 {
    background: #e5f5fd;
}

#hotel-con .rankbox{
border: 5px solid #b0dfe8;
	}
#hotel-con .rank1 .right-text h5,
#hotel-con .rank2-5 .right-text h5 {
    color: #e86313;
}
#hotel-con .rankbox a{
	font-weight:bold;
	color:#e86313;
	}

#hotel-con .harf-btn a {
    background: #e86313;}
	
#hotel-con .rank2-5 .harf-btn a {
    background: #f3a714;
	color:#fff;}

#optional-con{
	border-top:#a6c918 12px solid;
	}
#optional-con h3{
	color:#69b507;
	text-align:center;
	border-bottom:#a6c918 4px solid;
	}
#optional-con .rank1 .right-text h5,
#optional-con .rank2-5 .right-text h5 {
    color: #3d9412;
}
#optional-con .head_area,
#optional-con .data {
    background: #f3fbca;
    color: #2c4708;
	padding: 0 5px;
}

#optional-con .head_area p{
	text-align:left;
	    color: #2c4708;
	}
#optional-con article.post h4{
	color:#4da506;
	}
#optional-con .ranking-head{
	background:#a24c0d;
	}
#optional-con .long-btn a{
	background:#a6c918;
	}
#optional-con article.post.po01 {
	border-bottom:#a6c918 solid 4px;
}

#optional-con .rank2-5 {
    background: #f5ebe4;
}

#optional-con .rankbox{
border: 5px solid #b0dfe8;
	}
#optional-con .rankbox a{
	font-weight:bold;
	color:#3d9412;
	}
#post-con h3{
	background:#ff6600;
	color:#fff;
	text-align:center;
	margin-bottom:20px
	}
#post-con {
    background: #ffffb7;
    overflow: hidden;
}
#optional-con .harf-btn a {
    background: #a6c918;
	color:#fff;
	}
.content.clearfix {
    max-width: 1000px;
    margin: 0 auto;
	padding-bottom:30px;
}
.bt_left,
.bt_right {
    display: inline-block;
    text-align: center;
}
/*ホテルランク*/
#hotel-con article.post h4 a{
    color: #de5011;
}
#hotel-con article.post h4 .rank-area{
    color: #FFF;
    text-align: center;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    margin-right: 5px;
}
#hotel-con .rank1 .right-text .rank-area{
    color: #FFF;
    text-align: center;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    width: 100px;
    margin: 3px 0;
    display: block;
}
#hotel-con .rank2-5 .right-text .rank-area{
    color: #FFF;
    text-align: center;
    border-radius: 5px;
    font-size: 10.5px;
    font-weight: bold;
    width: 100px;
    margin: 3px 0;
    display: block;
}
#hotel-con article.post h4 .rank-area.high,#hotel-con .right-text .rank-area.high{
    background: #a48700;
}
#hotel-con article.post h4 .rank-area.low,#hotel-con .right-text .rank-area.low{
    background: #213264;
}
/*short動画*/
.mvBody-main{
    border-radius: 40px;
    overflow: hidden;
}
.mvBody-main iframe {
    border-radius: 40px;
    overflow: hidden;
}
.mvBody-main video {
    width: 220px;
    margin: 0 auto;
    /* height: 522px; */
    display: block;
    border-radius: 40px;
}
.mvBody-top {
  position: relative;
  display: inline-block;
        text-align: center;
        font-size: 20px;
        color: #eea313;
        font-weight: bold;
        line-height: 125%;
        margin: 0 auto 10px;
        /* width: 293px; */
        width: 293px;
        padding: 0;
    }
.mvBody-top:before, .mvBody-top:after {
  content: '';
  position: absolute;
bottom: 15%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #eea313;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.mvBody-top:before {
  left:0;
-webkit-transform: rotate(-240deg);
    transform: rotate(240deg);
}
.mvBody-top:after {
  right: 0;
}
/*動画投稿募集中*/
.mv-kuchikomi .mv-left .mv-post{
    border: solid 3px #e42e2e;
    padding: 10px 20px;
    position: relative;
    border-radius: 10px;
    text-align: center;
}
.mv-kuchikomi .mv-left .mv-post .new-icon {
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
    color: #FFF;
    position: absolute;
    left: -20px;
    top: -15px;
    background-color: #e42e2e;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mv-kuchikomi .mv-left .mv-post .midashi{
    font-weight: bold;
}
.mv-kuchikomi .mv-left .mv-post .midashi span.mv {
    color: #e42e2e;
    background: url(../img/kuchikomi-2019/m-icon-r.png) no-repeat 9px;
    background-size: 25px;
    padding-left: 40px;
}
.mv-kuchikomi .mv-left .mv-post .midashi-2{
    font-size: 16px;
    color: #e42e2e;
    margin-bottom: 5px;
}
.mv-kuchikomi .mv-left .mv-post ul{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.mv-kuchikomi .mv-left .mv-post ul li{
    width: 48%;
    list-style: none;
}
.mv-kuchikomi .mv-left .mv-post ul li a{
    display: block;
    background: #feebed;
    color: #e42e2e;
    text-align: center;
    text-decoration: none;
    border: solid 1px #e42e2e;
    border-radius: 5px;
    font-size: 16px;
    padding: 3px;
}
.mv-kuchikomi .mv-left .mv-post ul li a:hover{
    opacity: 0.8;
}
.mv-kuchikomi .mv-left .reference{
    padding: 10px;
    font-size: 14px;
}
.mv-kuchikomi .mv-left .reference p{
    background: #feebed;
    padding: 3px;
    margin-bottom: 5px;
}
.mv-kuchikomi .mv-left .reference video {
    width: 125px;
    margin: 0 auto;
    /* height: 522px; */
    display: block;
    border-radius: 20px;
}
.review-cp{
text-align: center;
  padding: 40px 0 20px;
}
.review-cp a:hover{
opacity: 0.8;
}


@media (min-width: 640px),print {
.left-photo {
    float: left;
    width: 45%;}
.right-text{
	float:right;
	width:calc( 55% - 10px );
	margin-left:10px;
	}
.rank2-5 .right-text{
	float:right;
	width:calc( 60% - 30px );
	margin-left:10px;
	}
/*.rank2-5 .right-text h5 + p + p {
    padding-bottom: 44px;
}*/
.rank2-5 .right-text .rank-area + p + p {
    padding-bottom: 44px;
}
.rank2-5 .left-photo {
    float: left;
    width: 40%;}
#optional-con .rank2-5 .left-photo{
    width: 37%;
	}
.rankbox{
width: calc(50% - 26px);
    margin: 8px;
    min-height: 153px;
}
	.rank1 .right-text h5{
	font-size:24px;
	}
#hotel-con .rank2-5 .p-width,
#optional-con .rank2-5 .p-width{
display: flex;
    flex-wrap: wrap;
	}
.rank1 .right-text h6{
	font-size:16px;
	}
.rank2-5 .right-text h5{
	font-size:18px;
	}
.rank2-5 .right-text p{
	font-size:13px;
	}
    #optional-con .rank2-5 .right-text p:nth-child(3){
        padding-bottom: 44px;
    }
.rank2-5 .right-text .harf-btn {

    position: absolute;
    right: 10px;
    bottom: ;
    bottom: 0px;

}
.rank2-5 .left-photo span:after{
      content: '';
	border-style: solid;
    border-width: 20px 15px 19px 5px;

    position: absolute;
    left: 123px;
    top: 0px;
}
.rank2-5 .left-photo span{
	position:absolute;
	top:5px;
	padding: 8px 8px 8px 8px;
	left: -10px;
	font-size: 15px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3)	}
.default-photo img{
	max-width:640px;
	max-height:640px;
	}
.post-photo li {
    display: table-cell;
    max-width: 100px;
    height: 80px;
    vertical-align: middle;
    margin-right: 7px;
    padding: 7px;
	    width: auto;
}
.review{
    width: 895px;
    margin: 23px auto 0;;
    padding: 7px;
    text-align:center;
    background-color: #fffae9;
	background-image: url("../../opt/img-top/hyouka_left.png"),url("../../opt/img-top/hyouka_right.png");
    background-repeat: no-repeat;
    background-position: left top,right bottom;
}
.review a{
    text-decoration: none;
}
.review a:hover{
    opacity: 0.8;
}
.review .review_t{
/*    width: 580px;*/
    display: inline-block;
    text-align: center;
    color: #553a26;
    font-size: 18px;
	padding-right:20px
}
.review .review_t span{
    display: table-cell;
    vertical-align: middle;
	color:#de5011;
}
.review .star{
    display: inline-block;
}
.review .star .item1 {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0px;
}
.review .star .item1 img{
    width: 20px;
	vertical-align:middle;
}
.review .star .item2{
    color: #e30030;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 14px;
	font-weight: bold;
	
}
/*2022/06/23 追加*/
.qrcode-box {
    width: 80%;
    max-width: 900px;
    margin: 0 auto 30px;
    background-color: #fff;
    border: 4px solid #c08651;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}
.qrcode-box h4 {
    font-size: 20px;
    color: #5c4027;
    font-weight: bold;
    line-height: 1;
}
.qrcode-box h4 img {vertical-align: text-bottom;margin-right: 5px;}
.qrcode-box p {margin-top: 10px;}
.qrcode-box img.qr-img{width: 110px;}

/*short動画*/
.mvBody-kuchikomi {
    display: flex;
    max-width: 900px;
    margin: 20px auto;
}
.mvBody-kuchikomi .mvBody-left{
    width: 630px;
    margin-right: 20px;
}
.mvBody-kuchikomi .mvBody{
    width: 290px;
}
.mvBody{
    padding-top: 10px;
}
/*動画投稿募集中*/
.mv-kuchikomi{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.mv-kuchikomi .mv-left{
    width: 330px;
    margin-right: 40px;
    font-size: 18px;
    padding-top: 20px;
}
.mvBody-kuchikomi .mvBody {
    width: 290px;
}
.mv-kuchikomi .mv-left .mv-post{
    margin-bottom: 30px;
}
.mv-kuchikomi .mv-left .arrow {
        position: relative;
        display: inline-block;
        width: 97%;
        height: 3px;
        margin: 20px 0;
        border-radius: 9999px;
        background-color: #e88112;
}

.mv-kuchikomi .mv-left .arrow::before,
.mv-kuchikomi .mv-left .arrow::after {
  content: "";
        position: absolute;
        top: calc(-50% - 9px);
        right: 0;
        width: 21px;
        height: 4px;
        border-radius: 1px;
        background-color: #e88112;
        transform-origin: calc(100% - -12px) 50%;
}

.mv-kuchikomi .mv-left .arrow::before {
  transform: rotate(45deg);
  margin: 20px auto 10px;
}

.mv-kuchikomi .mv-left .arrow::after {
  transform: rotate(-45deg);
}

.sp-design{
	display:none !important;
	}
}
@media (max-width: 640px) {
div#container {
    height: 100%;
}
h2 {
    border-bottom: #700 4px solid;
    text-align: center;
    color: #700;
    font-size: 4.5vw;padding-top: 10px;}
h3 {
	font-size: 25px;
	}
/*p.mainhead img {
    padding-top: 88px;
}*/
/*メイン画像調整*/
p.mainhead{
    background: url(../img/kuchikomi-2019/img_main_back_sp.jpg) center center;
    height: 10vw;
    background-size: cover;
    padding: 6vw;
    width: auto;
}
.ranking-head h4::before,
.ranking-head h4::after {
	width:25px;
	height:25px;
	}
.ranking-head h4 {
    color: #fff;
    padding: 10px;
    font-size: 18px;}
.rank1 {
    padding: 10px;
}
.comment p {
    line-height: 180%;
    font-size: 1.2em;
}
article.post h4 span{
	display:block;
	}
.rank1 .left-photo{
	margin-bottom:5px;
	}
.rank2-5 .left-photo img{
	padding:5px;
	}
.rank2-5 .left-photo span{
	padding: 4px ;
	font-size: 13px;
	width:calc( 100% - 8px);
	font-weight:bold;
	display:block;
	margin:5px;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3)	}
article.post .con-inner{
	padding:10px;
	}
.rank2-5 .left-photo {
    position: relative;
    float: left;
    width: 34%;
}
.rank2-5 .right-text {
    padding: 10px 10px 0;
    float: right;
    width: 59%;
}
nav li a{
	font-size:13px;
	}
p.read {
    margin: 10px auto;
        font-size: 3.2vw;
        }
.long-btn a {
	font-size:16px;
	width:95%;
	}
.rankbox{
	overflow:hidden;
	}
.bt_left, .bt_right {
    margin-bottom: 20px;
    font-size: 13px;
}
.rank1 .right-text>p{
	font-size:1.3em
	}
.rank2-5 .right-text h5 {
    line-height: 130%;
    font-size: 1.6em;
}
body{
	padding-top:0 !important;
	}
.rank1 .right-text h5 {
    font-size: 20px;
}
#container header{
    position: static !important;}
.review{
    padding: 8px;
    text-align:center;
    background-color: #fffae9;
	background-image: url("../../opt/img-top/hyouka_left.png"),url("../../opt/img-top/hyouka_right.png");
    background-repeat: no-repeat;
	width: 90%;
    margin: 20px auto 0;
    background-position: -5% top,105% bottom;
}
.review .review_t{
    width: 580px;
    display: inline-block;
    text-align: center;
    color: #553a26;
    font-size: 18px;
}
.review .review_t span{
    display: table-cell;
    vertical-align: middle;
	font-size: 3.5vw;
	color:#de5011;
}
.review .star{
    display: inline-block;
}
.review .star .item1 {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0px;
}
.review .star .item2{
    color: #e30030;
    display: table-cell;
    vertical-align: middle;
    /*padding-top: 5px;*/
    padding-left: 14px;
		font-weight: bold;
}
.review .review_t{
    font-size: 17px;
    width: auto;
}
.review .star{
    width: auto;
}
.review .star .item2{
    font-size: 17px;
}
.review .star .item1 img {
    width: 5vw;
    height: auto;
}
    /*2022/06/23 追加*/
    .qrcode-box {display: none;}
/*ホテルランク*/
.pc-design{
    display: none !important;
}
#hotel-con article.post h4 .rank-area,#hotel-con .rank1 .right-text .rank-area{
    font-size: 2.8vw;
    width: 27%;
    margin: 5px 0;
    padding: 0;
}
#hotel-con article.post h4 .rank-area{
    display: inline-block;
    margin-right: 5px;
}
#hotel-con .rank2-5 .right-text .rank-area{
    width: 58%;
    font-size: 2.8vw;
}
.review{
    margin: 10px auto 0;
    padding: 3px;
}
.review .star .item2 {
    font-size: 3.5vw;
    padding-top: 0;
}
/*short動画*/
.mvBody{
    text-align: center;
    margin-bottom: 15px;
    margin-top: 20px;
}
.mvBody-top{
    font-size: 4.5vw;
}
.mvBody-top:after {
  right: 0;
}
.mvBody-top:before, .mvBody-top:after{
    bottom: 42%;
}
.mvBody-main video{
    width: 150px;
}
/*動画募集中*/
.mv-kuchikomi .mv-left .mv-post{
    margin: 0 20px;
    padding: 10px;
    display: flex;
}
.mv-kuchikomi .mv-left .mv-post .left{
    width: 60%;
}
.mv-kuchikomi .mv-left .mv-post .right{
    width: 60%;
}
.mv-kuchikomi .mv-left .mv-post .new-icon{
    font-size: 3.5vw;
    left: -11px;
    width: 50px;
    height: 50px;
}
.mv-kuchikomi .mv-left .mv-post .midashi{
    font-size: 4vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
    text-align: left;
    padding-left: 7vw;
    line-height: 6vw;
}
.mv-kuchikomi .mv-left .mv-post .midashi-2{
    margin-top: 0;
    font-size: 3.5vw;
    margin-bottom: 0;
}
.mv-kuchikomi .mv-left .mv-post ul{
    display: block;
}
.mv-kuchikomi .mv-left .mv-post ul li{
    width: auto;
    margin-bottom: 10px;
}
.mv-kuchikomi .mv-left .mv-post ul li a{
    font-size: 3.3vw;
}
.mv-kuchikomi .mv-left .mv-post .midashi span.mv{
    background-size: 6vw;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 5px;
    padding-left: 7vw;
    font-size: 4.5vw;
    background-position:  0px;
}
.mv-kuchikomi .mv-left .reference{
    font-size: 3vw;
}
.mv-kuchikomi .mv-left .reference video{
    width: 110px;
}
.pc-design{
    display: none;
}

.review-cp{
padding: 15px 20px 5px;
}



	}

a.video-popup {
    position: relative;
}
a.video-popup:after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    display: inline-block;
    background: url(/img/img-mark-mv.png) no-repeat center center;
    text-align: center;
    background-size: 30px;
    top: 0;
}