@charset "UTF-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    list-style: none;
}

body {
    line-height:1;
    font-family: source-han-serif-japanese, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic" , serif;
    font-weight: 400;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
	@media only screen and(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
	-moz-font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
    background: url(../img/bg.png) repeat;
    background-size: 9px;   
	line-height: 1;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color: #fff;
    text-decoration: none;
font-family: source-han-serif-japanese, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic" , serif;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus{
	outline: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#fff;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#fff; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}





@media only screen and (min-width: 768px) {

.sp_only{
	display: none!important;
}

/*************main*************/

#pc_btn{
	position: fixed;    
	background: url(../img/btn.png) no-repeat center center;
    background-size: contain;
    height: 0;
    width: 301px;
    padding-bottom: 60px;
    display: block;
	-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition:         all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 99999;
    top: -180px;
    right: 26px;
}

.link{
    width: 160px;
    height: 44px;
    font-weight: 600;
    line-height: 44px;
    display: block;
    position: fixed;
    top: 40px;
    right: 40px;
    background: #f2417f;
    text-align: center;
    z-index: 9999;
    border-bottom: solid 3px #b6134c;
}

.link:hover {
    background: #e82d6e;	
}

.link:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;
}

.logo{
    background: url(../img/logo.png) no-repeat center center;
    background-size: contain;
    width: 220px;
    height: 54px;
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 9999;
    margin-left: -110px;
}

.main{
    padding-top: 144px;	
}

.main .mv{
    background: url(../img/mv.png) no-repeat center center;
    background-size: contain;
    width: 90%;
    height: 0;
    padding-bottom: 46%;
    margin: 0 auto;
}

.main p{
    text-align: center;
    line-height: 220%;
    font-size: 16px;
    margin: 60px 0 70px;
}

.datewrap{
	
}

.datewrap .date{
    background: url(../img/date.png) no-repeat center center;
    background-size: contain;
    width: 470px;
    height: 212px;
    margin: 0 auto;
}

.datewrap a.entry{
    width: 250px;
    height: 50px;
    font-size: 19px;
    letter-spacing: 0.05rem;
    font-weight: 600;
    line-height: 50px;
    display: block;
    background: #f2417f;
    text-align: center;
    z-index: 9999;
    border-bottom: solid 3px #b6134c;
    margin: 0 auto;
    margin-top: 51px;	
}

.datewrap a.entry:hover {
    background: #e82d6e;	
}

.datewrap a.entry:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;
}

.gaiyou{
	
}

.gaiyou table{
    border: 1px solid #595959;
    border-collapse: collapse;
    table-layout: fixed;
    width: 740px;
    margin: 0 auto;
    font-size: 84%;
    line-height: 170%;
    color: #000;
    margin-top: 100px;
}

table, td, th {
    border: 1px solid #595959;
    border-collapse: collapse;
}

.gaiyou table *{
    table-layout: fixed;
}

.gaiyou table tbody{
	
}

.gaiyou table tr{
	
}

.gaiyou table th{	
	font-weight: 600;
  border: 1px solid #595959;
  border-collapse: collapse;
  color: #333;
  font-size: 100%;
  line-height: 170%;
  margin: 0;
  outline: 0;
  padding: 8px;
  table-layout: fixed;
  text-align: center;
  width: 16%;
  word-break: normal;
}

.gaiyou table td{
    width: 52%;
    padding: 14px;
    text-align: left;
    padding-left: 16px;
}

footer{
    font-family: neue-haas-grotesk-display;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 120px;
    letter-spacing: 0.02rem;	
}

/*************INVIEW*************/

.inview{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);    
}
.inview_show{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	-webkit-transition: transform 0.6s, opacity 1s;
    -moz-transition: transform 0.6s, opacity 1s;
    transition: transform 0.6s, opacity 1s;
}

.deview{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);  
}
.deview_show{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	-webkit-transition: transform 0.8s, opacity 1.2s;
    -moz-transition: transform 0.8s, opacity 1.2s;
    transition: transform 0.8s, opacity 1.2s;
    transition-delay: 0.4s; 
}

.upview{
	opacity: 0;
	transform: translate(0,-50px); 
	-webkit-transform: translate(0,-50px);  
}
.upview_show{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	-webkit-transition: transform 0.8s, opacity 1.2s;
    -moz-transition: transform 0.8s, opacity 1.2s;
    transition: transform 0.8s, opacity 1.2s;
    transition-delay: 0.5s; 
}

.sideview{
	opacity: 0;
	transform: translate(-200px,0px); 
	-webkit-transform: translate(-200px,0px);  
}
.sideview_show{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	-webkit-transition: all 600ms;
	transition:         all 600ms;
    transition-delay: 0.8s; 
}

#episode01 span{
    font-weight: 600;
    font-size: 140%;
    margin-bottom: 0px;
    display: block;
    margin-bottom: -8px;	
}

#episode02 span{
    font-weight: 600;
    font-size: 140%;
    margin-bottom: 0px;
    display: block;
    margin-bottom: -8px;	
}

#episode03 span{
    font-weight: 600;
    font-size: 140%;
    margin-bottom: 0px;
    display: block;
    margin-bottom: -8px;	
}

#episode04 span{
    font-weight: 600;
    font-size: 140%;
    margin-bottom: 0px;
    display: block;
    margin-bottom: -8px;	
}

}


@media screen and (min-width: 768px) and (max-width: 1060px) {

}



@media only screen and (max-width: 768px) {

.pc_only{
	display: none!important;
}

/*************main*************/

.link{
    width: 160px;
    height: 44px;
    font-weight: 600;
    line-height: 44px;
    display: block;
    position: fixed;
    top: 40px;
    right: 40px;
    background: #f2417f;
    text-align: center;
    z-index: 9999;
    border-bottom: solid 3px #b6134c;
}

.logo{
    background: url(../img/logo.png) no-repeat center center;
    background-size: contain;
    width: 200px;
    height: 52px;
    display: block;
    position: absolute;
    top: 4%;
    left: 50%;
    margin-left: -100px;
    z-index: 9999;
}

.main{
    padding-top: 30%;	
}

.main .mv{
    background: url(../img/mv_sp.png) no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 0;
    padding-bottom: 192%;
    margin: 0 auto;
}

.main p{
    text-align: left;
    margin: 10% auto 13%;
    line-height: 220%;
    width: 86%;
    font-size: 16px;
}

.datewrap{
	
}

.datewrap .date{
    background: url(../img/date.png) no-repeat center center;
    background-size: contain;
    width: 84%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 39%;
}

.datewrap a.entry{
    width: 70%;
    height: 56px;
    font-size: 22px;
    letter-spacing: 0.05rem;
    font-weight: 600;
    line-height: 56px;
    display: block;
    background: #f2417f;
    text-align: center;
    z-index: 9999;
    border-bottom: solid 3px #b6134c;
    margin: 0 auto;
    margin-top: 12%;
}

.datewrap a.entry:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;
}

.gaiyou{
	
}

.gaiyou table{
    border: 1px solid #595959;
    border-collapse: collapse;
    table-layout: fixed;
    width: 94%;
    margin: 0 auto;
    font-size: 90%;
    line-height: 170%;
    color: #000;
    margin-top: 16%;
}

table, td, th {
    border: 1px solid #595959;
    border-collapse: collapse;
}

.gaiyou table *{
    table-layout: fixed;
}

.gaiyou table tbody{
	
}

.gaiyou table tr{
	
}

.gaiyou table th{	
    font-weight: 600;
    border: 1px solid #595959;
    border-collapse: collapse;
    color: #333;
    font-size: 100%;
    line-height: 170%;
    margin: 0;
    outline: 0;
    padding: 8px 8px 8px 12px;
    table-layout: fixed;
    text-align: left;
    width: 16%;
    word-break: normal;
}

.gaiyou table td{
    width: 52%;
    padding: 14px;
    text-align: left;
    padding-left: 16px;
}


footer{
    font-family: neue-haas-grotesk-display;
    text-align: center;
    padding-top: 15%;
    padding-bottom: 18%;
    letter-spacing: 0.02rem;
    line-height: 160%;	
}


#episodesp01 span{
    font-weight: 600;
    font-size: 140%;
    margin-bottom: 0px;
    display: block;
    margin-bottom: -8px;	
}

#episodesp02 span{
    font-weight: 600;
    font-size: 140%;
    margin-bottom: 0px;
    display: block;
    margin-bottom: -8px;	
}

#episodesp03 span{
    font-weight: 600;
    font-size: 140%;
    margin-bottom: 0px;
    display: block;
    margin-bottom: -8px;	
}

#episodesp04 span{
    font-weight: 600;
    font-size: 140%;
    margin-bottom: 0px;
    display: block;
    margin-bottom: -8px;	
}

/*************INVIEW*************/

.inview{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);    
}
.inview_show{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	-webkit-transition: transform 0.6s, opacity 1s;
    -moz-transition: transform 0.6s, opacity 1s;
    transition: transform 0.6s, opacity 1s;
}

.deview{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);  
}
.deview_show{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	-webkit-transition: transform 0.8s, opacity 1.2s;
    -moz-transition: transform 0.8s, opacity 1.2s;
    transition: transform 0.8s, opacity 1.2s;
    transition-delay: 0.4s; 
}

.upview{
	opacity: 0;
	transform: translate(0,-50px); 
	-webkit-transform: translate(0,-50px);  
}
.upview_show{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	-webkit-transition: transform 0.8s, opacity 1.2s;
    -moz-transition: transform 0.8s, opacity 1.2s;
    transition: transform 0.8s, opacity 1.2s;
    transition-delay: 0.5s; 
}

.sideview{
	opacity: 0;
	transform: translate(-200px,0px); 
	-webkit-transform: translate(-200px,0px);  
}
.sideview_show{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	-webkit-transition: all 600ms ;
	transition:         all 600ms ;
    transition-delay: 0.8s; 
}

}

.report{}
.reportwrap .report{
    background: url(../img/report.png) no-repeat center center;
    background-size: contain;
    width: 470px;
    height: 20px;
    margin: 0 auto;
}
.reportwrap span.entry{
    width: 150px;
    height: 40px;
    font-size: 14px;
    letter-spacing: 0.05rem;
    font-weight: 600;
    line-height: 40px;
    display: block;
    background: #f2417f;
    text-align: center;
    z-index: 9999;
    border-bottom: solid 3px #b6134c;
    margin: 0 0 0 auto;
    margin-top: 15px;   
}
.reportwrap span.entry:hover {
    background: #e82d6e;    
}
.reportwrap span.entry:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;
}
.row-report{
    width: 100%;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
    margin-top: 30px;
}
.btn-report{
    border:solid 2px #333;
    border-radius: 7px;
    display: block;
    margin-bottom: 30px;
    padding: 15px 15px;
    float: left;
    width: 46%;
    box-sizing: border-box;
}
.row-report .btn-report:last-child{
    float: right;
    text-align: left;
}
.btn-report dt{
    box-sizing: border-box;
    margin-bottom: 15px;
}
.btn-report dd{
    box-sizing: border-box;
}
.btn-report dt img{
    width: 100%;
    height: auto;
}
.btn-report strong{
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
}


@media only screen and (max-width: 768px) {
.reportwrap .report{
    background-size: contain;
    width: 84%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 19%;
}
.row-report{
    width: 94%;
    max-width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    margin-top: 0px;
}
.btn-report{
    border:solid 1.2px #333;
    margin-bottom: 20px;
    padding: 10px 10px;
    float: none;
    width: 100%;
}
.btn-report dt{
    width: 30%;
    float: left;
    margin-bottom: 0;
}
.btn-report dd{
    width: 70%;
    float: left;
    padding: 0 0 0 10px;
}
.btn-report strong{
    color: #000;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
}
}



/* ====================================
パンくずまわり
==================================== */
#section-breadcrumb{
    padding: 25px 20px 20px 20px;
    margin-top: 60px;
}
.container{
    width: 100%;
    max-width: 1000px;
    margin:0 auto;
}
.breadcrumb-list-set li{
    float: left;
    font-size: 12px;
    margin-bottom: 5px;
}
.breadcrumb-list-set li:last-child{
    margin-bottom: 0;
}
.breadcrumb-list-set li:after{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #999;
    margin: 0 15px;
}
.breadcrumb-list-set li:last-child:after{
    display: none;
}
.breadcrumb-list-set li a{
    text-decoration: none;
    color: #333;
}
.breadcrumb-list-set li a:hover{
    text-decoration: underline;
}