@charset "UTF-8";
/*! http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline
}
img {
  vertical-align: bottom
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
.l-wrap, .page-top .banner_list .slick-slide, body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
body, html {
  height: 100%
}
body {
  font-size: 16px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  width: 100%
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
a, body {
  color: #4d4d4d;
  line-height: 1.6
}
.page-top .news_text.js-scrollTo:hover, a:hover {
  text-decoration: underline
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400
}
button {
  cursor: pointer;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  outline: 0
}
.l-wrap {
  position: relative
}
.l-footer {
  margin: 0 auto
}
.l-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}
.l-main {
  width: 100%;
  height: 100%
}
.c-cloceBtn {
  font-size: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: top;
  background-image: url(../images/btn_modal_close.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  display: block
}
.c-cloceBtn-wh {
  background-image: url(../images/btn_modal_close_wh.png)
}
.c-thumb {
  font-size: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  display: block;
  width: 100%
}
.c-thumb-movie {
  background-image: url( ../images/btn_movie.png);
  padding-top: 64.86%
}
.c-thumb-handicraft {
  background-image: url(../images/btn_handicraft.png);
  padding-top: 66.18%
}
.c-thumb-comic {
  background-image: url(../images/btn_comic.png);
  padding-top: 62.09%
}
.p-footer{
	position: relative;
}
.p-footer:before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #000;
	position: absolute;
	top:122px;
	z-index: -1;
}
.toptoparea{
  margin: 0 auto;
}
.p-footer_pageTop {
  font-size: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: top;
  display: block
}
.p-footer_wrap {
  padding: 0 0 22px 0;
  width: 100%;
  position: relative;
  z-index: 100
}
.p-footer_attr {
  font-size: 0
}
.p-footer_attrItem {
  display: inline-block
}
.p-footer_attrAnchor {
  padding-left: 12px;
  position: relative;
	font-size: 16px;
}
.p-footer_attrAnchor:before {
  content: '';
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #9FA0A0;
  position: absolute;
  top: 4px;
  left: 0
}
.p-header, .p-header_wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%
}
.p-header {
  background-color: #fff;
  margin: 0 auto;
  position: relative
}
.p-header_wrap {
  width: 100%
}
.p-header_logo, .p-header_title, .p-header_mmlogo  {
  font-size: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: top
}
.p-header_logo,.p-header_mmlogo {
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  position: absolute;
  z-index: 500
}
.p-header_title {
  position: relative;
  z-index: 100
}
.p-header_titleAnchor {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  display: block
}
.p-header_pageTop {
  font-size: 0;
  position: absolute
}
.p-header_pageTopText {
  font-size: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: left top;
  display: inline-block;
  vertical-align: middle
}
.p-header_pageTopIcon {
  background: url(../images/senkyo/ico_anchorTop.png) no-repeat left top;
  background-size: 100% auto;
  display: inline-block;
  vertical-align: middle
}


.p-modal_wrap {
  display: none;
  background-color: rgba(0, 0, 0, .8);
  width: 100%;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000
}
.p-modal_inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  display: none;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9100
}
.p-modal_inner-yt {
  top: 8%
}
.p-modal_inner-yt .p-modal_close {
  top: 10px;
  right: 0
}
.p-modal_close {
  position: absolute;
  z-index: 9100
}
.p-modal_content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}
.p-modal_movie {
  padding-top: 56.25%;
  width: 100%;
  position: relative
}
.p-modal_movieWrap {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0
}
.p-share_wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  display: block;
  position: fixed;
  z-index: 5000
}
.p-share_inner, .p-share_wrap {
  background-position: left top
}
.p-share_icon, .p-share_title {
	font-size: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	vertical-align: top;
	background-repeat: no-repeat;
	display: block
}
.p-share_title {
	background-position: left top
}
.p-share_icon {
	margin: 0 auto
}
.p-share_icon-tw {
	background-image: url(../images/ico_tw.png)
}
.p-share_icon-fb {
	background-image: url(../images/ico_fb.svg)
}
.p-share_icon-ig {
	background-image: url(../images/ico_ig.png)
}
.p-share_icon-line {
	background-image: url(../images/ico_line.png)
}
.p-overlay {
	background: #000;
	margin: 0 auto;
	width: 0%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5000;
	display: none
}

.mmchannel .kv {
	margin: 0 auto;
	position: relative;
	z-index: 200
}
.mmchannel .kv_title {
	font-size: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	vertical-align: top;
	display: block
}
.mmchannel .kv_title {
	background-repeat: no-repeat;
	background-position: left top
}
.mmchannel .main {
	margin: 0 auto;
	position: relative;
	z-index: 100
}
.mmchannel .group_tab, .mmchannel .main_wrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%
}
.mmchannel .main_wrap{
	padding: 0 20px;
}
.mmchannel .group_tab{
	background: url("../images/bg_obi.svg") center right no-repeat;
	background-size: 100% auto;
	height: 75px;	
	cursor: pointer;
	position: relative;
	text-align: center;
}
.mmchannel .category_2{
	background: url("../images/bg_obi2.svg") center right no-repeat;
}

.mmchannel .group_title {
	height: 75px;	
	background: url("../images/label_up.svg") center center no-repeat;
	background-size: 432px auto;
	font-size: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	vertical-align: top;
	margin: 0 auto;
	display: block
}
.mmchannel .is-hide .group_title {
	background: url("../images/label_down.svg") center center no-repeat;
	background-size: 432px auto;
}
.mmchannel .group_title2 {
	height: 75px;	
	background: url("../images/label2_up.svg") center center no-repeat;
	background-size: 204px auto;
	font-size: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	vertical-align: top;
	margin: 0 auto;
	display: block
}
.mmchannel .is-hide .group_title2 {
	background: url("../images/label2_down.svg") center center no-repeat;
	background-size: 204px auto;
}
.mmchannel .group_tabContent {
	overflow: hidden
}
.mmchannel .group_tabContent.is-hide {
	height: auto;
}
.mmchannel .group_item,.mmchannel .group_item2{
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.mmchannel .movie {
	width: 100%;
	position: relative
}

.mmchannel .movie_thumb {
	cursor: pointer;
	padding-top: 56.25%;
	position: relative
}
.mmchannel .movie_thumb:after, .mmchannel .movie_thumb:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.mmchannel .movie_thumb:before {
	background: url(../images/ico_play.png) no-repeat center center;
	margin: auto;
	bottom: 0;
	right: 0;
	z-index: 20;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.mmchannel .movie_thumb:after {
	background-color: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	z-index: 10
}
.mmchannel .movie_thumbSrc {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}
.mmchannel .movie_detail {
	font-size: 14px;
	line-height: 20px;
	padding-top: 25px
}
.mmchannel .movie_detail p{
	font-size: 17px;
	line-height: 1.5;
}
.mmchannel .movie_title {
	font-weight: 700
}
.page-handicraft .craft_lead > a, .mmchannel .movie_text > a {
	color: red;
	text-decoration: underline
}
.page-handicraft .craft_lead > a:hover, .mmchannel .movie_text > a:hover, a {
	text-decoration: none
}
.mmchannel .movie_thanksTitle {
	color: #239bbc;
	font-weight: 700
}


@media screen and (min-width:768px) {
  .l-wrap {
    padding-top: 0px
  }
  .l-footer {
    width: 100%;
  }
  .l-header {
    height: auto
  }
  .is-head .l-header {
    height: 211px
  }
  .l-main {
    padding-bottom: 120px
  }
  .c-cloceBtn {
    width: 43px;
    height: 43px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
  }
  .c-cloceBtn:hover {
    opacity: .7
  }
	.toptoparea{
		margin: 0 auto;
    width: 333px;
	}
  .p-footer_pageTop {
		position: relative;
    background-image: url("../images/totop.png");
    background-size: 100% auto;
    width: 266px;
    height: 132px;
    margin-bottom: 0px;
		margin-left: 67px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
		
  }
  .p-footer_pageTop:hover {
    opacity: .7
  }
  .p-footer_wrap:after {
    content: "";
    display: block;
    clear: both
  }
  .p-footer_message {
    font-size: 11px;
    line-height: 26px;
    padding-left: 10px;
    float: left
  }
  .p-footer_attr {
    float: right;
    padding: 0px 10px 0 0
  }
	.p-footer_attrAnchor{
    font-size: 11px;
	}
  .p-footer_attrItem {
    font-size: 11px;
    line-height: 26px
  }
  .p-footer_attrItem:not(:last-child) {
    padding-right: 22px
  }
  .p-header {
    width: 100%;
  }
  .p-header_wrap {
    padding-top: 0px
  }
/* PCサイズ　*/
  .p-header_logo {
    background-image: url(../images/logo.png);
    background-size: 100% auto;
    width: 135px;
    height: 44px;
    top: 20px;
    left: 20px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
		position: absolute;
  }
	.p-header_mmlogo {
    background-image: url(../images/mmlogo.png);
    background-size: 100% auto;
    width: 153px;
    height: 35px;
    top: 25px;
    right: 20px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
		position: absolute;

  }
  .p-header_mmlogo:hover,.p-header_logo:hover, .p-header_pageTop:hover, .p-header_titleAnchor:hover {
    opacity: .7
  }
  .p-header_title {
    width: 100%;
    height: 104px;
    bottom: -8px
  }
	
  .p-header_pageTop, .p-header_titleAnchor {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
  }
  .p-header_pageTop {
    top: 24px;
    right: 0
  }
  .p-header_pageTopIcon {
    margin-left: 10px;
    width: 52px;
    height: 52px
  }

	.p-modal_inner {
    padding: 30px 0
  }
  .p-modal_inner-comic {
    width: 690px
  }
  .p-modal_inner-handcraft {
    width: 800px
  }
  .p-modal_inner-yt {
    padding: 63px 0;
    width: 900px;
    height: 632px
  }
  .p-modal_close {
    top: 60px;
    right: 30px
  }
  .p-share_wrap {
		background-color: #F2DEB0;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
    width: 94px;
    padding: 5px 0 5px 5px;
    top: 80px;
    right: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: ease-out, -webkit-transform .3s;
    transition: transform .3s, ease-out;
    transition: transform .3s, ease-out, -webkit-transform .3s;
  	box-shadow: 4px 4px 1px 1px rgba(0,0,0,0.3);
	}
	 .p-share_inner {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		 border-top: 2px dotted #C9A063;
		 border-left: 2px dotted #C9A063;
		 border-bottom: 2px dotted #C9A063;
		 padding: 15px;
	}
  .p-share_title {
    background-image: url(../images/txt_share.svg);
    background-size: 100% auto;
    width: 59px;
    height: 42px;
    margin: 0 auto 12px
  }
  .p-share_item:not(:last-child) {
    margin-bottom: 10px
  }
  .p-share_icon {
    background-size: 52px auto;
    width: 52px;
    height: 52px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
  }
  .p-floating_sourceWrap.js-scrollTo:hover .p-floating_text, .p-floating_sourceWrap[href]:hover .p-floating_text, .p-share_icon:hover {
    opacity: .7
  }
  .p-share.is-hide .p-share_wrap {
    -webkit-transform: translate3d(146px, 0, 0);
    transform: translate3d(146px, 0, 0)
  }
  .p-floating {
    top: 450px;
    right: 15px
  }
  .p-floating_source.is-animation, .p-floating_sourceWrap.is-floating {
    -webkit-animation: floating 2s ease-in-out infinite alternate;
    animation: floating 2s ease-in-out infinite alternate
  }
  .p-floating, .p-floating_sourceWrap {
    width: 174px;
    height: 268px
  }
  .p-floating_sourceWrap:after {
    height: 176px
  }
  .p-floating_sourceWrap.js-scrollTo .p-floating_text, .p-floating_sourceWrap[href] .p-floating_text {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
  }
  .p-floating_textBox {
    width: 100%;
    min-height: 116px;
    bottom: 160px
  }
  .p-floating_textBoxInner {
    border-width: 4px;
    border-radius: 12px;
    width: 164px;
    height: 116px
  }
  .p-floating_text {
    font-size: 20px;
    line-height: 24px;
    padding: 16px 8px
  }
  .p-floating.is-hide {
    -webkit-transform: translate3d(220px, 0, 0);
    transform: translate3d(220px, 0, 0)
  }
  .u-sp {
    display: none
  }
	
  .mmchannel .l-main {
    padding-bottom: 50px
  }
  .mmchannel .kv {
    padding-top: 0px;
    width: 100%;
  }
   
/* top画像変更　PC　*/
.mmchannel .kv_wrap {
 width: 960px;
 margin: 0 auto -30px;
 position: relative;
}
.mmchannel .kv_title {
 background-image: url(../images/main_v_pc.png);
 background-size: 100% auto;
 height: 5px;
 padding-top: 56.02503912363067%;
 position: relative;
}
.mmchannel .kv_banner_top {
 display: block;
 width: 200px;
 height: 200px;
 z-index: 1;
 position: absolute;
 bottom: 10px;
 right: 50px;
}
   
.mmchannel .kv_banner_top>img{
   
   filter: drop-shadow(4px 4px 5px #bbb);
	width:100%;
	height: 100%;
  }

  .mmchannel .kv_banner_top:hover {
    opacity: .7
  }
   
/* 下段バナー　PC　*/
.mmchannel .kv_banner {
	display: block;
	z-index: 1;
	width: 450px;
	height: 64px;
	position: absolute;
	bottom: 15%;
	left:50%;
	transform: translateX(-50%);
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	text-align: center;
  }

  .mmchannel .kv_banner:hover {
    opacity: .7
  }

	.mmchannel .kv_banner.bottom {
		position: relative;
		left: auto;
		margin: 50px auto 0;
		transform: translateX(0);
		bottom: auto;
	}
	
  .mmchannel .main {
    padding-top: 50px;
    width: 100%
  }
  .mmchannel .group {
    margin-top: -137px;
    padding-top: 137px
  }

  .mmchannel .group:not(:last-child) {
    margin-bottom: 26px
  }
  .mmchannel .group_tab {
		background-size: auto 100%;
    padding-top: 0;
    height: 75px;

  }
.mmchannel .category_2 {
		background-size: auto 100%;
    padding-top: 0;
    height: 75px;

  }
  .mmchannel .group_tab:hover {
    opacity: .7
  }
  .mmchannel .group_list {
    padding-top: 10px;
		display: flex;
		flex-wrap: wrap;
		margin: 0 -1.5%;
  }
  .mmchannel .group_item,.mmchannel .group_item2{
    margin-top: 30px;
    padding-bottom: 10px;
    width: 33.33333%;
	padding:0 1.5% 10px;
   
  }
  .mmchannel .movie.is-new:before {
    width: 114px;
    height: 73px;
    top: -8px;
    left: -4px
  }
  .mmchannel .movie_thumb:hover:before {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
  }
  .mmchannel .movie_thumb:hover:after {
    background-color: rgba(0, 0, 0, .6)
  }
  .mmchannel .movie_thumb:before {
    background-size: 42px auto;
    width: 42px;
    height: 42px;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
  }
  .mmchannel .movie_thumb:after {
    -webkit-transition: background .2s ease-out;
    transition: background .2s ease-out
  }
  .mmchannel .movie_title {
    margin-bottom: 20px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
  }
/*　231013 テキストSVG追加　(min-width:768px)*/
  .mmchannel .group_item:first-child .movie_title {
    background: url("../images/title08.svg") no-repeat;
		width: auto;
		max-width: 100%;
		height: 50px;
  }	
/*　231013 テキストSVG追加 END　*/
   
  .mmchannel .group_item:nth-child(2) .movie_title {
    background: url("../images/title1.svg") no-repeat;
		width: auto;
		max-width: 100%;
		height: 50px;
  }
  .mmchannel .group_item:nth-child(3) .movie_title {
    background: url("../images/title2.svg") no-repeat;
		width: auto;
		max-width: 100%;
		height: 50px;
  }
  .mmchannel .group_item:nth-child(4) .movie_title {
    background: url("../images/title3.svg") no-repeat;
		width: auto;
		max-width: 100%;
		height: 50px;
  }	
  .mmchannel .group_item:nth-child(5) .movie_title {
    background: url("../images/title4.svg") no-repeat;
		width: auto;
		max-width: 100%;
		height: 50px;
  }	
  .mmchannel .group_item:nth-child(6) .movie_title {
    background: url("../images/title5.svg") no-repeat;
		width: auto;
		max-width: 100%;
		height: 50px;
  }
   
/*　231013 テキストSVG追加　(min-width:768px)*/
  .mmchannel .group_item2:first-child .movie_title {
    background: url("../images/title09.svg") no-repeat;
		width: auto;
		max-width: 100%;
		height: 50px;
  }
/*　231013 テキストSVG追加 END　*/
   
  .mmchannel .group_item2:nth-child(2) .movie_title {
    background: url("../images/title6.svg") no-repeat;
		width: auto;
		max-width: 100%;
		height: 50px;
  }	
    
  .mmchannel .group_item2:nth-child(3) .movie_title {
    background: url("../images/title7.svg") no-repeat;
		width: auto;
		max-width: 100%;
		height: 50px;
  }

}

@media screen and (min-width:960px) {
  .p-header_logo {
   left: 20px;
  }
	.p-header_mmlogo {
    right: 20px;
  }
	.l-footer {
    width: 960px;
  }
  .p-header {
    width: 960px;
  }
  .p-header_title {
    width: 960px;
    height: 104px;
    bottom: -8px
  }
  .mmchannel .main {
    padding-top: 50px;
    width: 960px;
  }
  .mmchannel .main_wrap {
    padding: 0;
  }
  .mmchannel .group_tab{
		background-size: 100% auto;
    height: 75px;
  }
  .mmchannel .group_title,.mmchannel .group_title2 {
			height: 75px;
	}
   
/*　231013 テキストSVG追加　(min-width:960px)*/
  .mmchannel .group_item:first-child .movie_title {
    background: url("../images/title08.svg") no-repeat;
		width: 300px;
		height: 71px;
  }	
/*　231013 テキストSVG追加 END　*/
   
  .mmchannel .group_item:nth-child(2)  .movie_title {
    background: url("../images/title1.svg") no-repeat;
		width: 300px;
		height: 71px;
  }
  .mmchannel .group_item:nth-child(3) .movie_title {
    background: url("../images/title2.svg") no-repeat;
		width: 300px;
		height: 71px;
  }
  .mmchannel .group_item:nth-child(4) .movie_title {
    background: url("../images/title3.svg") no-repeat;
		width: 300px;
		height: 71px;
  }	
  .mmchannel .group_item:nth-child(5) .movie_title {
    background: url("../images/title4.svg") no-repeat;
		width: 300px;
		height: 71px;
  }	
  .mmchannel .group_item:nth-child(6) .movie_title {
    background: url("../images/title5.svg") no-repeat;
		width: 300px;
		height: 71px;
  }

   
/*　231013 テキストSVG追加　(min-width:960px)*/
  .mmchannel .group_item2:first-child .movie_title {
    background: url("../images/title09.svg") no-repeat;
		width: 300px;
		height: 71px;
  }	
/*　231013 テキストSVG追加 END　*/
  .mmchannel .group_item2:nth-child(2) .movie_title {
    background: url("../images/title6.svg") no-repeat;
		width: 300px;
		height: 71px;
  }	
  .mmchannel .group_item2:nth-child(3) .movie_title {
    background: url("../images/title7.svg") no-repeat;
		width: 300px;
		height: 71px;
  }

  .p-footer_message {
    font-size: 14px;
    line-height: 26px;
    padding-left: 3px;
    float: left
  }
  .p-footer_attr {
    float: right;
    padding: 0px 0px 0 0
  }	
	.p-footer_attrAnchor{
    font-size: 12px;
	}	
}
@media screen and (max-width:767px) {
  .l-wrap {
    padding-top: 0px
  }
  .l-footer {
    padding-top: 28px;
   	padding: 0 4%;
  }

  .l-main {
    padding-bottom: 25px
  }
  .c-cloceBtn {
    width: 30px;
    height: 30px
  }
	.toptoparea{
		margin: 0 auto;
    width: 169px;
	}
  .p-footer_pageTop {
		position: relative;
		background-repeat: no-repeat;
    background-image:url("../images/totop.png");
    width: 135px;
    height: 75px;
		margin-left: 34px;
		background-size: 135px auto;
    margin-bottom: 0px
  }
	.p-footer:before{
		content: "";
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 62px;
    z-index: -1;	
	}
	
  .p-footer_message {
    font-size: 10px;
    line-height: 22px;
    text-align: center
  }
  .p-footer_attr {
    text-align: center;
    padding-top: 5px
  }
  .p-footer_attrItem {
    font-size: 11px;
    line-height: 22px
  }
  .p-footer_attrItem:not(:last-child) {
    padding-right: 17px
  }
	.p-footer_attrAnchor{
		font-size: 12px;
	}
  .p-header_wrap {
    padding-top: 0
  }
/* TB-SPサイズ　*/
  .p-header_logo {
    background-image: url(../images/logo.png);
    background-size: 100% auto;
    width: 122px;
    height: 40px;
    top: 10px;
    left: 4%;
  }
	.p-header_mmlogo {
    background-image: url(../images/mmlogo.png);
    background-size: 100% auto;
    width: 128px;
    height: 28px;
    top: 10px;
    right: 3%;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
		position: absolute;
  }
	.p-header_title {
    padding-top: 14.64%;
    width: 100%;
    bottom: -5px
  }
  .p-header_titleAnchor {
    background-image: url(../images/img_header_sp.png);
    position: absolute;
    top: 0;
    left: 0
  }
  .p-header_pageTop {
    top: 12px;
    right: 3.33%
  }
  .p-header_pageTopIcon {
    margin-left: 7px;
    width: 26px;
    height: 26px
  }
  .is-head .p-header_title {
    padding-top: 32.95%;
    width: 100%;
    bottom: -13px
  }

  .p-modal_inner {
    padding: 15px 0;
    width: 345px
  }
  .p-modal_inner-yt {
    padding: 50px 0;
    height: 294px
  }
  .p-modal_close {
    top: 30px;
    right: 15px
  }
  .p-share {
    padding-top: 0;
    position: relative
  }
  .p-share_wrap {
    width: 174px;
    height: 40px;
    margin: 0 auto 0px;
    left: 0;
    right: 0;
    bottom: 0;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.3);
	background-color: #F2DEB0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    padding: 2px 2px 0 2px;
	}
 .p-share_inner {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: 1px dotted #C9A063;
	border-left: 1px dotted #C9A063;
	border-right: 1px dotted #C9A063;
	padding: 5px 7px 0 7px;
	display: flex;
	justify-content: space-between;
	}
  .p-share_title {
    background-image: url(../images/txt_share.svg);
    background-size: 100% auto;
    width: 30px;
    height: 21px;
    margin: 3px 0 0;
	}
  .p-share_list {
    font-size: 0;
    padding: 0;
  }
  .p-share_item {
    display: inline-block;
    vertical-align: top;
		margin-left: 4px;
  }
  .p-share_icon {
    background-size: 26px auto;
    width: 26px;
    height: 26px
  }
  .p-share.is-bottom .p-share_wrap {
   /* position: absolute;
    top: 0;
    z-index: 1*/
  }

  .mmchannel .movie_thumb:before {
    background-size: 42px auto;
    width: 54px;
    height: 54px;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
  }	
	
  .u-pc {
    display: none
  }
	

  .mmchannel .l-main {
    padding-bottom: 20px
  }
  .mmchannel .kv {
    padding-top: 0px;
    width: 100%;
  }
/* top画像変更　SP　*/
  .mmchannel .kv_title {
    background-image: url(../images/main_v_sp.png);
    background-size: 100% auto;
    width: 100%;
    height: 30vw;
    padding-top: 80%;
  }
  .mmchannel .kv_banner_top {
     filter: drop-shadow(2px 4px 3px #bbb);
   margin: 10px auto 0;
    width: 46vw;
    height: 22px;
		display: block;
		z-index: 1;
    position: absolute;
    bottom: 12%;
    left:50%;
		transform: translateX(-50%);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
  }
  .mmchannel .kv_banner_top img{
		width: 100%;
		height: auto;
  }
   
  .mmchannel .kv_banner {
    margin: 10px auto 0;
    width: 50vw;
    height: 22px;
		display: block;
		z-index: 1;
    position: absolute;
    bottom: 22%;
    left:50%;
		transform: translateX(-50%);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
  }
  .mmchannel .kv_banner img{
		width: 100%;
		height: auto;
  }
   
	.mmchannel .kv_banner.bottom {
			position: relative;
			left: auto;
			margin: 0px auto 0;
			transform: translateX(0);
			bottom: auto;
	}	

	
  .mmchannel .main {
    padding-top: 10px;
    width: 100%;
  }
  .mmchannel .main_wrap {
    padding: 0 4%
  }
  .mmchannel .group:not(:last-child) {
    margin-bottom: 30px
  }
  .mmchannel .group_tab {
    height: 60px;
		background: url("../images/bg_obi_sp.svg") no-repeat;
		background-size: 100% auto;
  }
  .mmchannel .category_2 {
    height: 60px;
	background: url("../images/bg_obi2_sp.svg") no-repeat;
	background-size: 100% auto;
  }

  .mmchannel .group_title,.mmchannel .group_title2 {
    height: 34px;
		background-size: auto 15px;
  }
	.mmchannel .is-hide .group_title,.mmchannel .is-hide .group_title2 {
		background-size: auto 15px;
	}
  .mmchannel .group_item,.mmchannel .group_item2{
    padding-top: 15px;
    padding-bottom: 4px;
    width: 100%
  }
	.mmchannel .movie_detail {
		padding-top: 15px
	}
	.mmchannel .movie_detail p{
		font-size: 12px;
		line-height: 1.5;
	}	
  .mmchannel .movie_title {
    margin-bottom: 10px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: auto;
	height: 23px;
  }
   
  /*　231013 テキストSVG追加　(max-width:767px) */
  .mmchannel .group_item:first-child .movie_title {
    background: url("../images/title08_sp.svg") no-repeat;
  }	
/*　231013 テキストSVG追加 END　*/
  .mmchannel .group_item:nth-child(2) .movie_title {
    background: url("../images/title1_sp.svg") no-repeat;
  }
  .mmchannel .group_item:nth-child(3) .movie_title {
    background: url("../images/title2_sp.svg") no-repeat;
  }
  .mmchannel .group_item:nth-child(4) .movie_title {
    background: url("../images/title3_sp.svg") no-repeat;
  }
  .mmchannel .group_item:nth-child(5) .movie_title {
    background: url("../images/title4_sp.svg") no-repeat;
  }
  .mmchannel .group_item:nth-child(6) .movie_title {
    background: url("../images/title5_sp.svg") no-repeat;
  }
   
/*　231013 テキストSVG追加　(max-width:767px) */
  .mmchannel .group_item2:first-child .movie_title {
    background: url("../images/title09_sp.svg") no-repeat;
  }
/*　231013 テキストSVG追加 END　*/
   
  .mmchannel .group_item2:nth-child(2) .movie_title {
    background: url("../images/title6_sp.svg") no-repeat;
  }
  .mmchannel .group_item2:nth-child(3) .movie_title {
    background: url("../images/title7_sp.svg") no-repeat;
  }


	.p-footer_wrap {
			/*padding: 0 0 75px 0;*/
			padding: 0 0 35px 0;
			width: 100%;
			position: relative;
			z-index: 100;
	}	
	
}
@media screen and (max-width:320px) {
  .is-head .l-header {
    height: 155px
  }
  .p-header_wrap {
    padding-top: 0
  }
  .p-modal_inner {
    width: 288px
  }
  .p-modal_inner-yt {
    height: 282px
  }
}

@media (max-width: 1020px) and (min-width: 768px) {
	
.mmchannel .kv_title {
    background-size: 100% auto;
    width: 100%;
  }
.mmchannel .kv_wrap {
    width: 100%;
    margin: 0 auto;
}
.mmchannel .kv_banner_top {
	width: 200px;
   height: 200px;
}
.mmchannel .kv_banner_top>img{
}
   
.mmchannel .kv_banner {
	width: 310px;
}
.mmchannel .kv_banner >img{
	width: 100%;
}
   
}

/* 2401 60th logo用 動画用　追記　*/

.mmchannel .kv_title_h2 {
 display: none;
}

.mmchannel .movie_detail .movie_count_text {
 margin-top: -10px;
 font-size: 12px;
 padding-bottom: 5px;
 text-align: right;
}

/* PCサイズ　*/
@media screen and (min-width:768px) {
 .mmchannel .p-header_wrap img {
  width: auto;
  height: 45px;
  top: 20px;
  left: 150px;
  position: absolute;
  margin-left: 20px;
  z-index: 300;
 }
}

/* TBサイズ */
@media (min-width:600px) and (max-width:767px) {
 .mmchannel .p-header_wrap img {
  width: auto;
  height: 40px;
  top: 10px;
  left: 155px;
  position: absolute;
  margin-left: 10px;
  z-index: 300;
 }
}

/* SPサイズ */
@media screen and (max-width:599px) {
 .mmchannel .p-header_wrap img {
  width: auto;
  height: 35px;
  top: 10px;
  left: 120px;
  position: absolute;
  margin-left: 10px;
  z-index: 300;
 }
 .mmchannel .p-header_logo {
  background-image: url(../images/logo.png);
  background-size: 100% auto;
  width: 104px;
  height: 35px;
  top: 10px;
  left: 4%;
 }
 .mmchannel .p-header_mmlogo {
  background-image: url(../images/mmlogo.png);
  background-size: 100% auto;
  width: 115px;
  height: 28px;
  top: 10px;
  right: 3%;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  position: absolute;
 }
}