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

/*    font-family: 'Kosugi Maru', sans-serif;

    font-family: 'Pacifico', cursive;

    font-family: 'RocknRoll One', sans-serif;*/

*{margin: 0; padding: 0;}
body{margin: 0 auto;line-height: 1.6;font-family: 'Noto Sans JP', sans-serif;}

/*共通*/
#contents{width: 100%; max-width: 1080px; margin: 0 auto;}
img{display: block; margin: 0 auto;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.block{ width: 90%; margin: 40px auto;}
.table_res2{width: 100%; margin: 0 auto;}
.table_res2 td{ width: 46%; padding: 1%;}
h2{ text-align: center; font-size: 40px; margin: 30px auto;}
h3{ margin: 10px 0; line-height: 1.5;}
.txt-s{ font-size: 14px;}
.txt-m{ font-size: 19px;}
.txt-l{font-size: 28px;}
.txt-center{text-align: center;}
.txt-right{text-align: right;}
.txt-bold{font-weight: bold;}
.flex-footer{background: #3b650b; padding: 20px;}
footer{ background: #eee; text-align: center; padding: 30px}
footer ul{width: 90%; margin: 0 auto;}
footer ul.supporterList li{ display: inline-block; margin-left: 7px;}
.ls-none{ text-align: center;}
.ls-none li{ list-style: none;
border-bottom: 1px dotted #ccc;
padding-bottom: 2%;}
.pa-left20{ padding-left: 20px;}
a{ text-decoration: none; color: #C5000A;}
a:hover{ opacity: 0.7;}
.br_pc{display: inherit;}
.br_sp{display: none;}
.pcOnly{display: inherit;}
.spOnly{display: none;}

.flex{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
		 -webkit-justify-content: space-around;
    justify-content: space-around;}
.flex-center{-webkit-align-items: center;
    align-items: center;}
.flex div.col3{ width: 30%;}
.flex div.col2{ width: 46%;}
.flex div.col3 img,.flex div.col2 img{ width: 90%; margin: 0 auto}
#fixbnr{display: none;    /* 最初は非表示にする */
  position: fixed;  /* 表示位置を固定 */
	bottom: 10px;
	left: 0;
	padding: 10px;}
	.midimageful{ width: 80%; margin: 0 auto;}
.qa dt{padding: 7px;}
.qa dd{padding: 7px;}

/*共通（SMP共通）*/
@media screen and (max-width: 640px) {
#contents{width: 100%; overflow: hidden;}
.block{ width: 98%; margin: 2% auto;}
.table_res2 td{display: block; width: 100%;padding: 2% 0;}
.sp-txt-center{text-align: center;}
footer ul{width: 98%; margin: 0 auto;}
.pcOnly{display: none;}
.spOnly{display:inherit;}
.txt-s,.txt-m{ font-size: 17px;}
.flex{display: block;}
.flex div.col3,.flex div.col2{ width: 96%; margin: 5% auto;}
.flex div.col3 img,.flex div.col2 img{ width: 70%; margin: 2% auto 0;}
h2{ text-align: center; font-size: 28px; margin: 30px auto;}
.midimageful{ width: 100%;}
}

/*個別*/
h1.logo{margin: 20px auto;text-align: center; font-size:15px;}
h1.logo img{ max-width: 500px; margin: 0 auto;}
.copylight{text-align:center; font-size:60%; color:#bbb; margin: 30px auto;}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 margin: 2% auto;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*個別（SMP共通）*/
@media screen and (max-width: 640px) {
h1.logo img{margin: 20px auto; max-width: 400px;}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 margin: 3% auto;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
}