@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* デスクトップPCとスマホに適用するCSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header2, hgroup, menu, nav, section {display: block;}

b2{font-weight: bold;}

/* -------------------------------------------------------------- */

body{
width: 100%;
line-height:1.5;
background-color: #fffdf7;
background:url(img/bg_footer.png) fixed repeat-x left bottom;
}
* html #header2{height:1%;}
#header2{
overflow:hidden;
font-size: 0.8em;
}
		.prologue {
	width: 85%;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 42px;
	color: #4e1c00;
	text-align: center;
	margin: 0 auto;
	padding: 1% 0;
	}
#wrapper_top,#wrapper_entry{
width: 1200px;
height: auto;
margin:0% auto;
padding:3% 1%;
max-width:95%;
color:#4e1c00;
position:relative;
}
#wrapper_top{background-color: hsla(0,0%,100%,0.85);}
	#wrapper_sponser{
width:1300px;;
height: auto;
margin:0% auto;
padding:3% 1%;
max-width:95%;
color:#4e1c00;
position:relative;
	}
	#wrapper_about{
width: 1000px;
height: auto;
margin:0% auto;
padding:3% 1%;
max-width:95%;
color:#4e1c00;
position:relative;
}
#wrapper_sponser01,#wrapper_sponser02,#wrapper_sponser03_header{
max-width: 100%;
height: auto;
margin:-1% auto;
padding:4% 1% 3%;
width:95%;
position:relative;
}
#wrapper_sponser03_header{
max-width: 100%;
height: auto;
margin:-1% auto;
padding:4% 1% 1.5%;
width:95%;
position:relative;
}
#wrapper_sponser03_main{
max-width: 100%;
height: auto;
margin:0 auto;
padding:0%;
width:95%;
position:relative;
}
#wrapper_sponser04{
max-width: 100%;
height: auto;
margin:0 auto;
padding:0% 0% 4%;
width:95%;
position:relative;
}
#wrapper_sponser01{width: 1000px;}
#wrapper_sponser02{width: 1300px;}
#wrapper_sponser03_header{width: 1000px;}
#wrapper_sponser03_main{width: 500px;}
#wrapper_sponser04{width: 300px;}
#wrapper_sponser01 H2,#wrapper_sponser02 H2,#wrapper_sponser03_header H2{margin: 0px;color: #4e1c00;	font-size: 2em;	line-height: 3em;	font-weight: bold;}
#wrapper_tv{
width: 1600px;
height: auto;
margin:0% auto;
padding:3% 1%;
max-width: 95%;
position:relative;
}
#wrapper_album{
width:1300px;
height: auto;
margin:5% auto 0%;
max-width: 95%;
position:relative;
}
.box-wrap-third-l{
float: left;
max-width:200px;
}
.box-wrap-third-l H1{
font-size: 1.4em;
letter-spacing: 1px;
text-align: center;
margin: 15px 0px;
color: #aa4747;
font-weight: bold;
line-height: 1.2em;
vertical-align: middle;
}
.box-wrap-third-r{
width: 1000px;
max-width:100%;
float: left;
margin-left: 10px;
padding-left: 15px;
}
.box-wrap-third-r_ca{
width: 1000px;
max-width:100%;
float: left;
margin-left: 10px;
padding-left: 15px;
}
#wrapper_instagram{
width: 900px;
height: auto;
margin:0% auto;
padding:5% 1%;
max-width:95%;
color:#4e1c00;
position:relative;
}
	#wrapper_cm{
width: 900px;
max-width:95%;
height: auto;
margin:0% auto;
padding:5% 1% 20%;
position:relative;
}
.cl{clear: both;}

.about {
position: relative;
padding: 0px;
margin: 0px 0 5%;}
.aoubt_area{
width: 1100px;
margin-left: auto;
margin-right: auto;
}
.about_area div{
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 7px;
	padding: 0px;
	margin-right: 35px;
	float: left;
	width: 31%;
	margin-top: 15px;
}
.about_area  div:nth-child(3n){
margin-right: 0px;
}
.about_area  div:nth-child(-n+3){
margin-top: 0px;
}
.about_area  img{
width: 100%;
height: auto;
margin-bottom: 10px;
vertical-align: bottom;
}
.about_area H1,.about_area-r H1{
color: #ff5db6;
font-size: 1.3em;
font-weight: bold;
}
.about_area H2{
color: #6f4c3d;
font-size: 0.97em;
font-weight: bold;
margin: 5px 0px 10px;
padding: 0px;
line-height:1.5em;
}
.about_area div p,.about_area-r p{
text-align: left;
font-size: 0.95em;
}
.about_area-l{
float: left;
max-width:45%;
margin-top: 40px;
margin-right: 20px;
}
.about_area-r{
max-width:100%;
text-align: left;
margin:40px 0 0;
}
.about_area-r p{
margin-top: 10px;
}

#wrapper_sponser01 h2:before,#wrapper_sponser02 h2:before,#wrapper_sponser03_header h2:before{
	content: url(img/line002.png);
	margin: 0 1% 0 0;
}
#wrapper_sponser01 h2:after,#wrapper_sponser02 h2:after,#wrapper_sponser03_header h2:after{
	content: url(img/line002.png);
	margin: 0 0 0 1%;
}

#movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}


.movie-area{
  width: calc(25% - 40px);
  margin: 40px 20px 0;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  overflow: hidden
}
.movie-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0px;
overflow: hidden;
background:#cdcdcd;
}
.movie-item-info {
  padding: 0px 20px 10px;
  text-align: left;
}
.movie-about_genre{
height:100%;
background:#FFF;
margin: 15px 0 0px;
}
@media (max-width:1024px) {
.movie-item  {
  width: calc(50% - 40px);
  margin: 40px 20px 0;
  overflow: hidden
}
}
@media (max-width:599px) {
.movie-item {
width: 100%;
margin: 40px 0px 0;
border-radius: 16px;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16)
}
}

.movie-about_title{
max-width: 100%;
margin: 4px 0px;
font-size: 0.95em;
font-weight: bold;}

.col_1,.col_2,.col_5,.col_6{
float: left;
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
		-ms-flex-wrap: wrap; /* IE10 */
text-align: center;

}
.col_1 > div{
	width: 100%;
	padding: 6% 2%;
	margin: 1% 1%;
border-radius: 5px;
background-color: #FFF;
}
.col_2 > div{
	width: 44%;
	padding: 5px 2% 0px;
	margin: 1% 1%;
border-radius: 5px;
background-color: #FFF;
}
.col_5 > div{
	width: 14%;
	-ms-width: 14%; /* IE10 */
	padding: 5px 2% 0px;
	margin: 1% 1%;
border-radius: 5px;
background-color: #FFF;
}
.col_6 > div{
	width: 14%;
	padding: 0%;
	margin: 1% 0.5%;
border-radius: 5px;
}
.col_2 img,.col_5 img,.col_6 img{	width: 100%;}
.top_contents_title {
	width:100%;
	height:auto;
	margin:0 auto 30px;
	padding:0;
	text-align:center;
}
.top_contents_title h1 {
color: #aa4747;
letter-spacing: 1px;	
line-height: 1.5em;
font-weight: bold;
font-size: 2.6em;
font-family: fot-tsukubrdgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
}
.btn,.btn_ins {
  display: block;
  width: 600px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  text-decoration: none;
  border-radius: 50px;
  font-size: 1.4em;
	font-weight: bold;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
}
.btn {background-color: #ffa025;
margin: 50px auto;}
.btn_ins {background-color: #dc64b9;
    margin: 50px auto 0px;
				}
.btn span,.btn_ins span{
  color: #FFF;
  position: relative;
  padding-left: 30px;
}
.btn span::before,.btn_ins span::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform: rotate(45deg);
  margin-top: -5px;	
}
.btn_al_01,.btn_al_02,.btn_al_03,.btn_al_04,.btn_al_05,.btn_al_06{
  display: block;
  max-width: 100%;
  height: 60px;
  margin: 0px;
  text-align: center;
  line-height: 60px;
  text-decoration: none;
  border-radius: 10px;
  font-size: 1em;
box-shadow:4px 4px 0px #dedede;
color: #FFF;
}
.btn_al_01{background-color: #e15557;transition: background 0.5s;}
.btn_al_02{background-color: #fb9288;}
.btn_al_03{background-color: #f6c15e;}
.btn_al_04{background-color: #bad878;}
.btn_al_05{background-color: #96ccee;}
.btn_al_06{background-color: #cc67bf;}
.col_6 a:hover{
opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.btn_al_01 span,.btn_al_02 span,.btn_al_03 span,.btn_al_04 span,.btn_al_05 span,.btn_al_06 span{
  color: #FFF;
  position: relative;
  padding-left: 30px;
}
.btn_al_01 span::before,.btn_al_02 span::before,.btn_al_03 span::before,.btn_al_04 span::before,.btn_al_05 span::before,.btn_al_06 span::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform: rotate(45deg);
  margin-top: -5px;	
}
.inner {
    width: 94%;
    margin: 0 auto;
    padding-bottom: 0px;
				background-color: #fff9eb;
				border-radius: 20px;}

.inner_main {
    width: 90%;
    margin: 0 auto;
				padding: 30px;}
.inner_main p{
    font-size: 1em;
				text-align: left;
}
#wrapper_entry table {
  margin: 0px auto;
		border-spacing: 20px;
}
#wrapper_entry th {
  background: #FFF;
		border-radius: 10px;
font-size: 1.1em;
font-weight: bold;
color: #f48f0d;
}
#wrapper_entry td {  color: #aa4747;}

#wrapper_entry .tbl-r02 th {
		width: 20%;
		text-align: center;
		vertical-align: middle;  /* 中央揃え */
}
#wrapper_entry .tbl-r02 td {
width: 80%;
  padding: 10px;
}
.form1{
	position:relative;
    width:100%;
    height:200%;
}
article > section > section > .video {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
	#wrapper_instagram p{
margin: 2em 0;
line-height: 2em;
color: #350b0b;
}
#wrapper_instagram th {
  background: #f6dab2;
  border: solid 1px #ce9659;
  color: #c46600;
  padding: 10px;
		font-size: 1.15em;
}

#wrapper_instagram td {
  border: solid 1px #ce9659;
  padding: 10px;
		background-color: #faf1e4;
		  color: #7f490d;
				border-left: none;
}
#wrapper_instagram table {
  margin: 20px auto;
}
#wrapper_instagram .tbl-r02 th {
  padding: 10px;
		width: 30%;
		text-align: center;
		vertical-align: middle;  /* 中央揃え */
}
#wrapper_instagram .tbl-r02 td {
width: 70%;
  padding: 10px;
}
#wrapper_instagram p{
text-align: left;
line-height: 2em;
margin: 4%;
}
.cm-area{
width: 47%;float: left;
text-align: left;
margin: 10px;
}
	#wrapper_org{
	width: 240px;
max-width: 100%;
height: auto;
margin:-1% auto;
padding:3% 1% 7%;
position:relative;
}
.logo_text{
float: left;
color: #4e1c00;
font-size: 1.3em;
margin-top: 5px;
font-weight: bold;
}
.logo {margin-left: 20px; float: left;}
.footer{
position: relative;
padding: 10px 20px;
font-size: 0.5em;
background-color: #c3db50;
color: #FFF;
margin: 0px;
text-align: center;
}

section{
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 0.5%;
}
.pc_sp{display: none;}
.pc_only{display: block;}
.sp_only{display: none;}

.backn_btn01,.backn_btn02,.backn_btn03,.backn_btn04,.backn_btn05,.backn_btn06{
display: block;
max-width: 300px;
height: 50px;
line-height: 50px;
margin: 20px auto 50px;
text-align: center;
border-radius: 50px;
font-size: 1.4em;
letter-spacing: 0.2em;
font-weight: 200;
color: #FFF;
}
.backn_btn01{background-color: #e15557;}
.backn_btn02{background-color: #fb9288;}
.backn_btn03{background-color: #ffc55a;}
.backn_btn04{background-color: #bad878;}
.backn_btn05{background-color: #96ccee;}
.backn_btn06{background-color: #cc67bf;}
  .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
/* iframe要素内でサイズ指定している場合は必要なし */
  .iframe-wrapper {
    position: relative;
    width: 100%;
    padding: calc(3050 / 900 * 100%) 0 0;
  }
@media screen and (max-width:1024px){
#header2{padding-bottom:0;margin: 0px;}
.inner_main {
    width: 95%;
				padding: 10px 0px;}
#wrapper_entry .tbl-r02 th {padding: 5px 0;}
#wrapper_entry .tbl-r02 th,
#wrapper_entry .tbl-r02 td {
display: block;
width: 100%;
font-size: 1.3em;
}
.top_contents_title img {width: 60%;}
.movie-area{width: 98%;margin-top:10px;}
.cm-area{width:98%;margin-top:10px;}
	img {
width:100%;
max-width: 100%;
height: 100%;
}
	.about_area div{width: 30%;}
	.about_area H1,.about_area-r H1{font-size: 1.2em;}
	.about_area-l{max-width:100%;float: none;}
		.about_area-r{max-width:100%;}
		.about_area-r H1{text-align: center;}
	#wrapper_sponser01 h2:before,#wrapper_sponser02 h2:before,#wrapper_sponser03_header h2:before,#wrapper_sponser01 h2:after,#wrapper_sponser02 h2:after,#wrapper_sponser03_header h2:after{
display: none;}
#wrapper_sponser04{padding:0% 0% 7%;}
.movie-about_title{font-size: 1.4em;}
.movie-about_genre img{width: 18%;}
.box-wrap-third-l{max-width:100%;float: none;}
.box-wrap-third-r,.box-wrap-third-r_ca{max-width:100%;float: none;}
.box-wrap-third-r,.box-wrap-third-r_ca{margin-left: 0px;
padding-left: 0px;
border: none;
}
#wrapper_instagram .tbl-r02 th {
  padding: 10px;
		width: 20%;
		text-align: center;
		vertical-align: middle;  /* 中央揃え */
		font-size: 1.5em;
}
#wrapper_instagram .tbl-r02 td {
width: 80%;
  padding: 10px;
		font-size: 1.3em;
}

#wrapper_instagram p{
text-align: left;
font-size: 1.4em;
line-height: 1.5em;
margin: 4%;
}
	#wrapper_org{width: 270px;}
.footer{
padding: 10px 20px;
font-size: 0.7em;
background-color: #c3db50;
}
	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.col_5{margin: 0px 0px 40px;}
.col_2 > div{		width: 48%;	}
.col_5 > div{		width: 31.3%;	}
.col_6 > div{		width: 47%;}
.col_6 > div:nth-child(2n+1){margin-right: 3%;	}
.about img{	width: 70%;}

  .iframe-wrapper {
    position: relative;
    width: 100%;
    padding: calc(3800 / 900 * 100%) 0 0;
  }
}
@media screen and (max-width:768px){
  .iframe-wrapper {
    position: relative;
    width: 100%;
    padding: calc(5100 / 900 * 100%) 0 0;
  }
}

@media screen and (max-width:599px){
.prologue {
	width: 90%;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 2em;
	display: block;
	text-align: center;
	margin: 0 auto;
	}
#wrapper,#wrapper_about,#wrapper_entry,#wrapper_tv{
padding:7% 0% 0%;
}
#wrapper_top{
padding:7% 0% 5%;
}
.bn01 {
	width: 100%;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	margin-top: 2%;
}
.bn01 img{width: 85%;}
.top_contents_title {	margin:0 auto 5px;}
.top_contents_title h1 {
font-size: 1.5em;
}
.about_area {width: 100%;font-size: 100%;
}
.about_area img,.about_area-l img,.about_area-r img {width:85%;margin-bottom: 0px;}
.about_area div{
float: left;
width: 100%;
margin-right: 8px;
	padding: 13px;
}
.about_area  div H1{padding: 0px;line-height: 1.5em;}
.about_area  div p{padding: 5px 0;}
.about_area  div:nth-child(-n+3){
margin-top: 20px;
}
.about_area  div:nth-child(-n+3){
margin-top: 0px;
}
.about_area  div:nth-child(3n){
margin-right: 0px;
}
.about_area-l{
max-width:100%;
padding-top: 0px;
padding-right: 0px;
float: left;
}
.about_area-r{
margin: 10px;
}
.about_area H1,.about_area-l H1{
font-size: 1.5em;
padding: 30px 0 5px;
}
.about_area-l{margin:0px;padding: 0px;}
.about_area-r{text-align: center;}
.inner_main p{
    font-size: 0.9em;
				text-align: left;
}
#wrapper_entry .tbl-r02 th,
#wrapper_entry .tbl-r02 td {
font-size: 0.85em;
}
/*
.form1{
	position:relative;
    width:100%;
    height:1000px;
}*/
.form1{
	position:relative;
    width:100%;
    height:450px;
    padding-top:75%;
}

.btn,.btn_ins {
  width: 90%;
  font-size: 1.2em;
		height: 50px;
  line-height: 20px;
		padding: 15px 0;
		margin: 20px auto 30px;
}
#wrapper_sponser04{padding:0% 0% 10%;}
#wrapper_sponser01,#wrapper_sponser02,#wrapper_sponser03_header{
padding:0;
margin: 0;
}
#wrapper_sponser01 H2,#wrapper_sponser02 H2,#wrapper_sponser03_header H2,#wrapper_sponser04 H2{
padding:0%;
font-size: 1.2em;
}
/*協賛*/

/*放送動画*/
.movie-area{width: 94%;margin-top:10px;}
.movie-about_genre img{width: 25%;}
.movie-about_title{font-size: 0.8em;}
.box-wrap-third-l H1{font-size: 1em;}
.box-wrap-third-r,.box-wrap-third-r_ca{margin-left: 0px;
padding-left: 0px;
border: none;
}
.btn_al_01,.btn_al_02,.btn_al_03,.btn_al_04,.btn_al_05,.btn_al_06{
  height: 40px;
  line-height: 40px;
}
#wrapper_instagram{padding:10% 1%;}
#wrapper_instagram .tbl-r02 th,
#wrapper_instagram .tbl-r02 td {
display: block;
width: 100%;
font-size: 1em;
}
#wrapper_instagram p{font-size: 1em;}
#wrapper_instagram td {
border: solid 1px #ce9659;
border-top: none;
}
	#wrapper_org{width: 205px;}
.logo_text{font-size: 0.8em;}
.logo {margin-left: 0px;}
.logo img {width: 70%;}
.cm-area{width: 94%;margin-top:10px;}

	.pc_br{display: none;}
.pc_sp{display: block;}
.pc_only{display: none;}
.sp_only{display: block;}
}

[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-child { margin-bottom: 20px;background-color: #FFF;border-radius: 10px;padding-top: 5px;}
.flex-child a:hover{
opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.flex-col1 .flex-child { width: calc( (100% - 10px) / 1 ); padding: 20px;}
.flex-col2 .flex-child { width: calc( (100% - 30px) / 2 ); }

.flex-col3::after,
.flex-col3 .flex-child { width: calc( (100% - 20px) / 3 ); }

.flex-col4::before,
.flex-col4::after,
.flex-col4 .flex-child { width: calc( (100% - 30px) / 4 ); }

.flex-col5::before,
.flex-col5::after,
.flex-col5 .flex-child { width: calc( (100% - 90px) / 5 ); }
	

.flex-col2::after,
.flex-col3::after,
.flex-col4::before,
.flex-col4::after,
.flex-col5::before, 
.flex-col5::after{ content: ""; }
.flex-col4::before,
.flex-col5::before{ order: 1; }
.flex-col2 img,
.flex-col5 img{ width: 80%; }

@media screen and (max-width: 991px) {
	.flex-col4::after,
	.flex-col4 .flex-child,
		.flex-col5::after,
	.flex-col5 .flex-child	{ width: calc( (100% - 20px) / 3 ); }
}

@media screen and (max-width: 768px) {
.flex-child { border-radius: 5px;padding-top: 0px;}
	.flex-col3 .flex-child,	
	.flex-col4 .flex-child,
		.flex-col5 .flex-child{ width: calc( (100% - 10px) / 3 ); }
}

@media screen and (max-width: 768px) {
.flex-col2 .flex-child	{ width: calc( (100% - 10px) / 2 ); }
}

@media screen and (max-width: 575px) {
.flex-col1 .flex-child { width: 70%;height: 70%;
padding: 5px 30;
margin: 0 auto;}
}

@media screen and (max-width:599px){
  .iframe-wrapper {
    position: relative;
    width: 100%;
    padding: calc(11000 / 900 * 100%) 0 0;
  }
}

@media screen and (max-width: 320px) {
  .iframe-wrapper {
    position: relative;
    width: 100%;
    padding: calc(14800 / 900 * 100%) 0 0;
  }
  }

.inline{display: inline-block;}