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

@import url("https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.0/css/swiper.min.css");

/*ローディング用*/
#topslider.load {
	background: #333 url(../img/loading.gif) no-repeat center center;
	background-size: 45px 45px;
}

#topslider.load > div {
	opacity: 0;
}

#topslider {
	background: #333;
	padding: 20px 0;
	position: relative;
}

#slidebanner {
	height: 370px;
}

#slidebanner .swiper-slide {
	width: 890px;
	height: 370px;
	text-align: center;
	opacity: 0.5;
	cursor: pointer;
	pointer-events: none;
}

#slidebanner .swiper-slide a {
	display: block;
}

#slidebanner .swiper-slide img {
	max-width: 890px;
	max-height: 370px;
}

#slidebanner .swiper-slide-active {
	opacity: 1;
}

#slidebanner .swiper-slide-active a {
	pointer-events: auto
}

#slidethumbs {
	width: 890px;
	height: 50px;
	box-sizing: border-box;
	padding: 10px 0;
}

#slidethumbs .swiper-slide {
	width: 80px;
	height: 100%;
	cursor: pointer;
}

#slidethumbs .swiper-slide-active {
	outline: 3px solid #e60021;
	cursor: auto;
}

#slidebanner .swiper-button-next,
#slidebanner .swiper-button-prev {
	height: 100%;
	width: calc((100% - 890px)/2 - 10px);
	width: -webkit-calc((100% - 890px)/2 - 10px);
	top: 20px;
}

#slidebanner .swiper-button-next {
	right: 0;
	background-position: 5% center;
}

#slidebanner .swiper-button-prev {
	left: 0;
	background-position: 95% center;
}

.swiper-button-next::after, .swiper-button-prev::after {
	content: none !important;
}

.swiper-pagination {
	width: 100%;
	bottom: 0
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	margin: 0 4px;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #e60021;
}

.kmpcm {
  text-align: center;
  margin: 0;
}

.kmpcm_mov {
	width: 90%;
	max-width: 750px;
	margin: 0 auto;
	font-size: 0;
	background: #333;
}

.kmpcm_mov video,
.kmpcm_mov img {
  width: 100%;
  line-height: 1;
  outline: none;
}

.kmpcm_link a {
  display: inline-block;
  background-color: #e60021;
  border-radius: 6px;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  font-size: 150%;
  max-width: 320px;
  padding: 0.5em 1em;
  margin: 20px auto 0;
}


.aver_cm {
  width: 90%;
  max-width: 640px;
  margin: 0 auto;
  font-size: 0;
  background: #333;
}

.aver_cm video,
.aver_cm img {
  width: 100%;
  line-height: 1;
  outline: none;
}

.aver_cm .youtube div {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.aver_cm .youtube div iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.aver .aver_link a {
  display: flex;
  align-items: baseline;
  justify-content: center;
  background-color: #0e9cdc;
  border-radius: 6px;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  border-bottom: 3px solid #0D8FCA;
  max-width: 320px;
  padding: 0.5em 1em;
  margin: 20px auto 0;
}

.aver .aver_link a img {
  height: 1.5em;
  margin-right: 0.5em;
}

.aver .btnarea {
  width: 87%;
  display: flex;
  justify-content: center;
  margin: 10px auto 0;
}

.aver .btnarea a {
  display: inline-block;
  max-width: 260px;
  padding: 1em 0.5em;
  border-radius: 6px;
  line-height: 1;
  text-align: center;
  background: #e60021;
  width: 48%;
  margin: 0 1%;
}

.aver .btnarea a img {
  width: 100%;
  max-width: 200px
}


section {
	margin: 0 auto;
	padding: 60px 0;
}
section:last-child {
	padding-bottom: 0;
}

.ttlbox {
	display: flex;
	align-items: center;
	width: 1070px;
	margin: 0 auto 10px;
}

.ttlbox h2 {
	font-size: 240%;
	font-weight: bold;
	letter-spacing: 0.08em;
	display: flex;
	align-items: center;
}

.ttlbox h2:before {
	width: 38px;
	height: 38px;
	margin-right: 10px;
}

#new h2, #new .ttlbox a,
#ranking h2, #ranking .ttlbox a {
	color: #fff;
}

#new h2:before,
#ranking h2:before {
	filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	-moz-filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

.alllink a {
	font-weight: bold;
	margin-left: 20px;
	padding: 0.3em 20px 0.3em 0.8em;
	position: relative;
	background: #e60021;
	color: #fff;
	border-radius: 3px;
}

.alllink a:after {
	position: absolute;
	content: "";
	vertical-align: middle;
	top: 50%;
	margin-top: -3px;
	right: 8px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#new .alllink a {
	color: #be0018;
	background: #fff;
}

#ranking .alllink a {
	color: #cfab32;
	background: #fff;
}

#new .alllink a:after {
	border-color: #be0018;
}
#ranking .alllink a:after {
	border-color: #cfab32;
}


.ttlbox .tab {
	margin-left: auto;
	display: flex;
	width: 530px;
}

.ttlbox .tab li {
	flex: 1;
	text-align: center;
	background: #fff;
	padding: 0.3em;
	cursor: pointer;
}

.ttlbox .tab li a {
	color: #333 !important;
	display: block;
}

.ttlbox .tab li+li {
	border-left: 1px solid #f1f1f1;
}

.ttlbox .tab li.tab_act {
	color: #fff;
	background: #333;
	cursor: auto;
	position: relative;
}

.ttlbox .tab li.tab_act a {
	color: #fff !important;
}

.ttlbox .tab li.tab_act:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #333;
}

.tab_wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#new .tab_wrap .tab_area {
	/* left: calc((100% - 1070px)/2);
	left: -webkit-calc((100% - 1070px)/2); */
	left: 0;
	position: relative;
	margin-top: -120px;
    padding-top: 120px;
}

#new .ttlbox .tab li {
	margin-left: 6px;
}

.tab_wrap .swiper-container {
	/* width: 1070px; */
	width: auto;
	overflow: inherit;
}

.tab_wrap p.tabInnerTitleTop{
	padding: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    margin: 15px auto 20px;
    max-width: 1070px;
	position: relative;
}

.tab_wrap p.tabInnerTitleTop a{
	font-weight: bold;
    margin-left: 20px;
    padding: 0.2em 0.9em;
    position: absolute;
    background: #e60021;
    color: #fff;
    border-radius: 7px;
    top: 8px;
    right: 10px;
}

.tab_wrap p.tabInnerTitle{
	padding: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    margin: 45px auto 20px;
    max-width: 1070px;
	position: relative;
}

.tab_wrap p.tabInnerTitle a{
	font-weight: bold;
    margin-left: 20px;
    padding: 0.2em 0.9em;
    position: absolute;
    background: #e60021;
    color: #fff;
    border-radius: 7px;
    top: 8px;
    right: 10px;
}


.tab_area {
	opacity: 1;
	height: auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.newgoods {
margin-top: 60px;
}

.tab_area.hide {
	opacity: 0;
	height: 0;
}
#top .post .jk {
	text-align: center;
}
#top .post .jk img {
	width: 170px;
	/* height: 240px; */
}
#top .goods .post .jk img {
	width: auto;
	height: 220px;
	margin: 10px auto;
}


.panelbox {
	width: 1080px;
	margin: 0 auto 5px;
	overflow: hidden;	
	position: relative;
}

.panelbox h2 {
	width: 170px;
	height: 170px;
	background: #e60021;
	color: #fff;
	font-size: 240%;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	padding-top: 54px;
	position: absolute;
	top: 5px;
	left: 5px;
}

.panelbox h2:after {
	content: "すべて見る >";
	display: inline-block;
	font-size: 13px;
	color: #e60021;
	background: #fff;
	margin: 20px auto 0;
	padding: 0.3em 0.8em;
	border-radius: 3px;
}

/*
.panelbox h2:before {
	display: block;
	content: url(../img/ico_pickup.png)
}
*/

.panelbox .row {
	width: 50%;
}

.panelbox .box {
	margin: 5px;
}

.panelbox .box figure > img {
	width: 100%;
	height: 100%;
}

.panelbox .box.ll {
	width: 530px;
	height: 530px;
}

.panelbox .box.l {
	width: 350px;
	height: 350px;
}

.panelbox .box.m {
	width: 260px;
	height: 260px;
}

.panelbox .box.s {
	width: 170px;
	height: 170px;
}

.panelbox .box.space:before {
    content:"";
    display: block;
	padding-top: 100%;
}



.panelbox figure {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.panelbox figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	
	display: flex;
	align-items: center;
}

.panelbox figure:hover figcaption {
	opacity: 1;
}

.panelbox figcaption h3 {
	width: 90%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.panelbox .box.ll figcaption h3 { font-size: 180%; }
.panelbox .box.l figcaption h3 { font-size: 150%; }
.panelbox .box.m figcaption h3 { font-size: 120%; }
.panelbox .box.s figcaption h3 { font-size: 120%; }



#pickup{
	display: none;
}

#pickup .vr {
	display: flex;
	flex-wrap: wrap;
}

#pickup .vr article {
	width: 350px;
	float: left;
	border: 1px solid #eee;
	margin-right: 10px;
}

#pickup .vr article:nth-child(3n) {
	margin-right: 0;
}


#pickup .vr img {
	width: 100%;
}

#pickup .vr h3 {
	font-size: 120%;
	margin: 10px;
	height: 3.4em;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#pickup .vr p {
	margin: 0 10px 10px;
}

#pickup .vr p {
	height: 3.4em;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#pickup .mensetsu {
	width: 100%;
	height: 100% !important;
}

.mensetsu #men_click {
	width: 100% !important;
	height: 100% !important;
}

.panelbox .mensetsu #men_click img {
	height: 100%;
}


#new {
	background-color: #c5001c;
	background-image: linear-gradient( 90deg, #c5001c 25%, #be0018 25%, #be0018 50%, #c5001c 50%, #c5001c 75%, #be0018 75%, #be0018 );
	background-size: 64px 64px;
}

#new h2:before {
	content: url(../img/nav_new.png);
}


#new .tab_wrap {
    /* height: 350px; */
}

#new .swiper-slide {
	width: 170px;
	background: #fff;
	margin: 0 5px;
}

#new .swiper-button-white {
	background-color: rgba(51,51,51,0.9);
	width: 47px;
    height: 64px;
}
#new .swiper-button-prev {
	left: 0;
}
#new .swiper-button-next {
	right: 0;
}


#new article {
	display: flex;
	flex-direction: column;
	height: 350px;
}

#new article.goods {
height: 310px;
}

#new article h3 {
	padding: 0 10px;
}

#new article.vr h3 {
	min-height: 5em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}





#news {
	display: none;
	background: url(../img/bg_dot.gif);
}

#news .col {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

#news .update,
#news .topics {
	width: calc(50% - 5px);
}

#news .update h2:before {
	content: url(../img/nav_news.png);
}
#news .topics h2:before {
	content: url(../img/nav_topics.png);
}


#news ul {
	background: #fff;
	padding: 30px 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#news ul li {
	width: 100%;
	height: 80px;
	margin: 10px 0;
}

#news li figure {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	background: #f6f6f6;
	background-size: cover;
	background-position: center center;
}

#news li figure img {
	width: 80px;
	height: 80px;
}

#news li span {
	display: block;
	color: #e60021;
	font-size: 120%;
	font-weight: bold;
	padding-left: 90px;
}

#news .update li a {
	text-decoration: underline;
	color: #e60021;
}

#news .update li strong { font-weight: bold; }
#news .update li h3 { display: inline-block; font-size: 1.2em; font-weight: bold;}


#news .topics li p {
	height: 3.4em;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#news .topics li a {
	display: block;
	min-height: 80px;
	position: relative;
}




#recommend h2:before {
	content: url("../img/nav_recom.png");
}

#recommend {
  background: #f6f6f6; 
  display: none;
}

#recommend .recomlist {
  display: flex;
  flex-wrap: wrap;
}

#recommend .recomlist li {
	width: 350px;
	margin-right: 10px;
	margin-bottom: 10px;
  background: #fff;
  padding: 10px;
}

#recommend .recomlist li:nth-child(3n) {
	margin-right: 0;
}


#recommend .recomlist img {
  width: 100%;
	/*width: 330px;
  height: 220px;*/
}

#recommend .recomlist h3 {
  font-weight: bold;
	font-size: 1.4rem;
	height: 3.4em;
	overflow: hidden;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 10px;
}

#recommend .recomlist p {
  margin-top: 10px;
  padding-top: 2em;
  position: relative;
}

#recommend .recomlist p:before {
  content: "おすすめコメント";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  color: #e60021;
  font-weight: bold;
  margin-bottom: 0.5em;
}
  
#recommend .recomlist .morelink {
  display: inline-block;
  background: #999;
  color: #fff;
  font-size: 95%;
  border-radius: 3px;
  padding: 0 1em;
  float: right;
  margin-top: 5px;
}

#recommend .recomlist .morelink:after {
  width: 0.4em;
  height: 0.4em;
  content: '';
  pointer-events: none;
  display: inline-block;
  transform: rotate(45deg);
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  margin-left: 0.3em;
  margin-bottom: 1px;
}

#recommend .recomlist p {
	height: 7em;
	overflow: hidden;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#recommend .recomgoods {
  margin-top: 60px;
}

#event {
	background: url(../img/bg_dot.gif);
}

#event h2:before {
	content: url(../img/nav_event.png);
}

#event .col {
	display: flex;
	justify-content: space-between;
}

#event .calendar {
	width: 800px;
	height: 500px;
	background: #fff;
}


/*1フェーズ　イベント表示 */
#event .calendar {
	overflow: hidden;
	padding: 30px 17px 30px 37px;
  border: 3px solid #eee;
}

#event .top_event2 {
	width: 350px;
	height: 80px;
	float: left;
	margin: 15px 20px 15px 0;
}

#event .top_event2 td {
	vertical-align: top;
}

#event .top_event2 .event_pic {
	background: #f6f6f6;
}

#event .top_event2 .event_pic a {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

#event .top_event2 .event_ttl {
	padding-left: 10px;
}


#event .banner li {
	width: 260px;
	background: #fff;
}

#event .banner li img {
	width: 260px;
	/*height: 160px;*/
}

#event .banner li+li {
	margin-top: 10px;
}





#ranking {
	background-color: #c5001c;
	background-image: linear-gradient( 90deg, #d2af35 25%, #cfab32 25%, #cfab32 50%, #d2af35 50%, #d2af35 75%, #cfab32 75%, #cfab32 );
	background-size: 64px 64px;
}

#ranking h2:before {
	content: url(../img/nav_ranking.png);
}

#ranking .tab_wrap {
	width: 1070px;
    height: 240px;
	margin: 0 auto;
}

#ranking .tab_area {
	width: 100%;
}

#ranking .ranking {
	display: flex;
	justify-content: space-between;
}

#ranking .ranking li {
	width: 350px;
	position: relative;
	background: #fff;
}

#ranking .ranking li:before {
	position: absolute;
	left: 180px;
	top: 10px;
	content: "";
  display: block;
  width: 76px;
	height: 22px;
  background: center no-repeat;
	background-size: contain;
}

#ranking .ranking li:nth-child(1):before {
	background-image: url(../img/ico_no1.png);
}
#ranking .ranking li:nth-child(2):before {
	background-image: url(../img/ico_no2.png);
}
#ranking .ranking li:nth-child(3):before {
	background-image: url(../img/ico_no3.png);
}



#ranking article {
	overflow: hidden;
}

#ranking .post {
	min-height: 100px;
}

#ranking .jk {
	background: none;
}

#ranking .fl-r {
	width: 180px;
	padding: 10px;
}

#ranking h3 {
	margin-top: 2em;
	margin-bottom: 1em;
	padding: 0;
	font-size: 120%;
	height: 5em;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#ranking .btn_sample,
#ranking .btn_nosample {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 160px;
}




#contents {
	background: url(../img/bg_dot.gif);
}

#contents h2:before {
	content: url(../img/nav_contents.png);
}

#contents ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#contents ul li {
	width: 260px;
	border: 10px solid #eee;
	background: #fff;
	margin-bottom: 10px;
}

#contents ul li img {
	width: 240px;
	height: 240px;
}



#search {

}

#search h2:before {
	content: url(../img/nav_search.png);
}

#search .category {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

#search .category p {
	padding-left: 170px;
}

#search .category a {
	display: block;
	width: 180px;
	height: 170px;
	background-size: cover;
	background-position: center center;
	position: relative;
}

#search .category .vr a { background-image: url(../img/img_vr.jpg) }
#search .category .sell a { background-image: url(../img/img_sell.jpg) }
#search .category .goods a { background-image: url(../img/img_sell.jpg) }

#search .category span {
	position: absolute;
	top: 0;
	left: -170px;
	display: block;
	width: 170px;
	height: 170px;
	background:#333;
	color: #fff;
	font-size: 155%;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	padding-top: 34px;
}

#search .category span:before {
	display: block;
}
#search .category .vr span:before {	content: url(../img/ico_vr.png) }
#search .category .sell span:before {	content: url(../img/ico_sell.png) }
#search .category .goods span:before {	content: url(../img/ico_goods.png) }



#search .label {
/*	display: flex;
	flex-wrap: wrap;*/
	margin-bottom: 40px;
}

/*
#search .label h3 a {
	display: block;
	width: 170px;
	height: 170px;
	background:#333;
	color: #fff;
	font-size: 155%;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	padding-top: 34px;
}

#search .label h3 a:before {
	display: block;
	content: url(../img/ico_label.png)
}
*/

#search .label ul {
	/*width: calc(100% - 170px);*/
	/*width: -webkit-calc(100% - 170px);*/
	display: flex;
	flex-wrap: wrap;
}

#search .label ul+ul {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

#search .label li {
	width: 12.5%;
	padding: 5px;
	text-align: center;
}

#search .label li a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#search .label img {
	max-width: 100%;
	max-height: 46px;
	height: auto;
}



#loopslider {
	width: 100%;
	height: 350px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#loopslider ul {
/*	width: 100%;*/
	height: 350px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 170px;
	height: 350px;
	float: left;
	display: inline;
	overflow: hidden;
}


#loopslider .swiper-button-white {
    background-color: rgba(51,51,51,0.9);
    width: 47px;
    height: 64px;
}

#loopslider .swiper-button-prev {
    left: 0;
}

#loopslider .swiper-button-next {
    right: 0;
}

.actress figure {
	position: relative;
	overflow: hidden;
	width: 170px;
}

.actress figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
}

.actress figure:hover figcaption {
	opacity: 1;
}

.actress figcaption a {
	display: block;
	height: 100%;
	color: #fff;
	text-align: center;
	padding-top: 240px;
}

.actress figcaption a:hover {
	opacity: 1;
}

.actress figcaption h3 {
	font-size: 150%;
	font-weight: bold;
}
.actress figcaption aside {
	font-weight: bold;
}


#search .actress-slide li {
	width: 180px;
	float: left;
}

#search .actress-slide li:nth-child(2) {
	width: 180px;
	float: left;
}

.actress-slide figure {
	position: relative;
	overflow: hidden;
	width: 170px;
	margin: 0 5px;
}

.actress-slide figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
}

.actress-slide figure:hover figcaption {
	opacity: 1;
}

.actress-slide figcaption a {
	display: block;
	height: 100%;
	color: #fff;
	text-align: center;
	padding-top: 240px;
}

.actress-slide figcaption a:hover {
	opacity: 1;
}

.actress-slide figcaption h3 {
	font-size: 150%;
	font-weight: bold;
}
.actress-slide figcaption aside {
	font-weight: bold;
}




#sns {
	/* background: #f6f6f6; */
}

#sns .col {
    display: flex;
    justify-content: center;
}

#sns ul {
    display: flex;
    justify-content: center;
}

#sns ul li{
	display: flex;
	justify-content: space-between;
	margin: 0 30px;
}

#sns ul li.tw a i:before{
	color: #1DA1F2;
    margin-right: 10px;
}

#sns ul li.in a i:before{
	color: #C81763;
    margin-right: 10px;
}

#sns ul li.yt a i:before{
	color: #F00;
    margin-right: 10px;
}

#sns ul li a i{
    color: #5e5e5e;
    text-align: center;
    font-size: 200%;
    font-weight: bold;
}


/* #sns .box {
	width: 350px;
	background: #fff;
}

#sns .box h4 {
	background: #f6f6f6;
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	padding-bottom: 10px;
}

#sns .box h4 i {
	font-size: 140%;
	font-weight: normal;
	margin-right: 10px;
	vertical-align: text-top;
}

#sns .box h4~div {
	padding: 20px;
} */


.twitter iframe {
	height: 100%;
}

.youtube {
	text-align: center;
}

.youtube .icon {
	height: 50px;
	margin-top: 4px;
	margin-bottom: 19px;
}

.youtube .icon img {
	width: 50px;
	border-radius: 50%;
	margin-bottom: 10px;
	float: left;
}

.youtube .icon > div {
	float: right;
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	text-align: left;
}

.youtube .mov {
	margin-top: 10px;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube .mov iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.cmWrap{
	display: flex;
	justify-content: center;
}

#ad {
	width: 260px;
	margin: 0;
}

#ad .ttl {
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

#ad ul {
	/* display: flex; */
	flex-wrap: wrap;
  	align-items: center;
}

#ad li {
	width: 260px;
	text-align: center;
	margin: 0 10px 10px 0;
}

#ad li:nth-of-type(4n) {
	margin-right: 0;
}

#ad li img {
	max-width: 260px;
}