@charset "utf-8";
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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1.8}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:30px 0 50px;padding:0}
input, select {vertical-align:middle}

/*========================================
BASIC
=======================================*/
html{-webkit-text-size-adjust:100%}
body{color:#292929; font-size:16px;font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; line-height:1.6;background: url("../img/texture-01.jpg") repeat;}
img {line-height: 1;}

.Hv {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.Hv:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.HvOc {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.HvOc:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; opacity:0.5;}
.effect-fade {opacity : 0;transform : translate(0, 60px);transition : all 1000ms;}
.effect-fade.effect-scroll {opacity : 1;transform : translate(0, 0);}

/*========================================
TEXT & TEXTAREA
=======================================*/
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea {width:94%;-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;border:1px solid #CCC;background:#FFF;margin:0 0 3%;padding:2%;border-radius:5px;}

/*========================================
RADIO
=======================================*/
.radio-input{display: none;}
.radio-input + label{padding-left: 20px; position:relative; margin-right: 20px;}
.radio-input + label::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border: 1px solid #999; border-radius: 50%;}
.radio-input:checked + label{color: #009a9a;}
.radio-input:checked + label::after{ content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; background: #009a9a; border-radius: 50%;}
/*========================================
CHECKBOX
=======================================*/
.checkbox-input{display: none;}
.checkbox-parts{padding-left: 20px; position:relative; margin-right: 20px;}
.checkbox-parts::before{content: ""; display: block; position: absolute; top: 2px; left: 0; width: 15px; height: 15px; border: 1px solid #999; border-radius: 4px;}
.checkbox-input:checked + .checkbox-parts{color: #009a9a;}
.checkbox-input:checked + .checkbox-parts::after{content: ""; display: block; position: absolute; top: -3px; left: 5px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #009a9a; border-right: 3px solid #009a9a;}
.select-wrap {position: relative;}
.select-wrap:before {z-index: 1; position: absolute; right: 15px; top: 0; content: "\f123";font-family: "IonIcons"; line-height: 43px; color: #7F878C;pointer-events: none;}

/*========================================
SELECT
=======================================*/
select{ outline:none; text-indent: 0.01px; text-overflow: ''; background: none transparent; vertical-align: middle; font-size: inherit; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 40px; padding: 8px 12px; border:1px solid #ddd; width:100%; border-radius:3px;}
select option{background-color: #fff; color: #333;}
select::-ms-expand {display: none;}
select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #828c9a;}
.select-wrap.select-primary:before{color:#fff;}
.select-wrap.select-primary > select{background:#0084B4; color:#fff; border-color:#0084B4;}
.select-wrap.select-primary > select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #fff;}
.select-wrap.select-inverse:before{color:#fff;}
.select-wrap.select-inverse > select{color:#fff; border-color: #fff;}
.select-wrap.select-inverse > select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #fff;}

/*========================================
 COMMON STYLE
=======================================*/
a{color:#292929;text-decoration:none;}
a:hover{color:#292929;}
img {width: 100%; height: auto;}
.Hv {-webkit-transition: 0.3s ease; transition: 0.3s ease;}
.Hv:hover {opacity: .8;-webkit-transition: 0.3s ease; transition: 0.3s ease;}
.pcView{}
.spView{display:none;}
p {margin-bottom: 2%;}
/* フォントカラー */
.red, .fc-red {color:#FF0000;}
.fc-red {color:#E84040;}
.fc-blue {color:#3C71EC;}
.fc-pink {color:#f2959d;}
.fc-sky {color:#2e9cc1;}
/* フォント位置 */
.txt-l {text-align: left;}
.txt-r {text-align: right;}
.txt-c {text-align: center;}
.midNote {margin-bottom: 30px;}
/* フォントサイズ */
.fs-80 {font-size:80%;}
.fs-120 {font-size:120%;}
.fs-140 {font-size:140%;}
.fs-160 {font-size:160%;}
.fs-180 {font-size:180%;}
.fs-200 {font-size:200%;}
/* 角丸 */
.radius3{-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;border-radius: 3px;}
.radius5{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;}
/* フォントデコレーション */
.u-l { text-decoration:underline;}
.bold, .Bold {font-weight: bold;}
.doubleline {background-image:url(../img/red-double.gif);background-repeat:repeat-x;background-position: center;}
.torikeshi{ text-decoration: line-through;}
.y-underline{border-bottom:solid #ffff00 2px;}
.bold-under { font-weight:bold; text-decoration:underline;}
.red-under { color:#E84040; font-weight:bold; text-decoration:underline;}
.blue-under { color:#3C71EC; font-weight:bold; text-decoration:underline;}
.y-bold {font-weight:bold; background-color:#FFE566; padding:2px;}
.y-line {background-color:#FFE566; padding:2px;}
/* 動画 */
.vFrame, .wp-block-embed__wrapper { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 30px;}
.vFrame iframe, .wp-block-embed__wrapper iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

/*========================================
CONTENTS
=======================================*/
#wrapper{width: 100%;margin: 0 auto;}
#contents {width: 100%; margin: 75px auto 0;overflow: hidden;}
@media only screen and (min-width:728px) and (max-width:1036px) {
#contents {margin: 64px auto 0;}
}
@media screen and (max-width: 727px) {
#contents {margin: 50px auto 0;}
}
/*========================================
header
=======================================*/
#top {position:relative; top: -100px;}
header nav {width: 100%; min-width: 728px; padding:10px 0; background:#fff;font-size: 14px; overflow:hidden; position:fixed; top:0; z-index:1000;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);box-shadow: 0 1px 3px rgba(0,0,0,.2);}
nav .cnt {min-width: 990px; max-width: 1180px;margin:0 auto;box-sizing: border-box}
nav .cnt .logo {float:left;display:inline-block; width:279px;margin: 4px 20px 0 2%; line-height: 1;}
nav .cnt ul{float:right;display:table; margin-top:10px;margin-right: 2%}
nav .cnt ul li {display: table-cell;border-left: 1px solid #D1D1D1; vertical-align: middle;color:#fff; text-align:left;padding: 0 20px; letter-spacing:1px;line-height: 1.4;font-weight: bold;}
nav .cnt ul li:last-child {border-left: none;}
nav .cnt ul li.contact {padding: 0}
nav .cnt ul li.contact .btn {position: relative; width:150px; height: 36px;border-radius: 4px;box-sizing: border-box;background:#ce4a60;border: 1px solid rgba(0,0,0,.1);color: #fff;padding: 9px 10px;text-align: left;font-weight: bold;}
nav .cnt ul li.contact .btn .icon-mail {content: ''; background: url("../img/icon-mail.png") no-repeat; background-size: 21px auto; background-position: 50% 50%;width: 21px; height: 15px; position: absolute; top: 10px;right: 6px;}

nav a {color: #030000; text-decoration:none;-webkit-transition: 0.3s ease; transition: 0.3s ease;}
nav a:hover {color: #4496aa;-webkit-transition: 0.3s ease; transition: 0.3s ease;}
nav .cnt ul li.Check a { color:#F95153;}
header .header-right {display: flex;float: right; margin-top: 10px;}
header .header-right .header-action-btn {border-radius: 0;margin-right: 20px;padding: 6px 20px; }
header .header-right .header-action-btn:last-child {margin-right: 0; }
@media only screen and (min-width:728px) and (max-width:1036px) {
header nav .cnt {min-width: 98%;max-width: 98%;margin: 0 auto;}
nav .cnt .logo {width:210px;margin: 4px 0 0 0;}
nav .cnt ul {margin-top:6px;margin-right: 0}
nav .cnt ul li {padding: 0 8px;font-size: 12px;}
nav .cnt ul li.contact .btn {position: relative; width:120px;}
}
@media screen and (max-width: 727px) {
header {width:100%;}
header .inline {background:#fff; padding:5px 2%;width:100%;box-sizing: border-box; position:fixed; z-index:500; top:0; height:50px; border-bottom:1px solid #626262;}
header .inline .Logo {float:left; width:150px;margin-top: 7px;}
header .inline .Logo img {width:100%; height:auto;}
header .inline .menu { float:right; width:20%;}
header nav {background-color: rgba(255,255,255,0.95);width: 100%;padding:15px 0;color: #ffffff;font-size: 16px; overflow:hidden; position:fixed; top:50px; height: 100%}
aside{display: none;box-sizing: border-box;width: 100%;height: 100%;padding: 60px 15px 15px;line-height: 42px;text-align: center;position: absolute;top: 0;left: 100%;z-index: 2;min-width:auto;}
nav li { text-align:left;padding-left: 5%;}
nav a li.Check { color:#F95153;}
#menuButton {display: block;width: 42px;height:42px;position: fixed;top: 4px;right: 10px;z-index: 3;}
#menuButton span {display: block;background:#747474;width: 24px;height: 2px;position: absolute;left: 9px;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#menuButton span:first-child {top: 12px;}
#menuButton span:nth-child(2) {margin-top: -1px;top: 50%;}
#menuButton span:last-child {bottom: 12px;}
#menuButton.active span:first-child {-webkit-transform: translateY(8px) rotate(45deg);-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
#menuButton.active span:nth-child(2) {opacity: 0;}
#menuButton.active span:last-child {-webkit-transform: translateY(-8px) rotate(-45deg);-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}

/*========================================
FOOTER
=======================================*/
#backToTop{ position: fixed; bottom: 10px; right: 20px; width: 90px; height: 91px; cursor: pointer}
#backToTop img {width: 100%; height: auto;filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1));}
footer{width: 100%; background:url("../img/bg-footer.jpg") repeat-x;height: 150px;box-sizing: border-box; font-size:14px;color:#fff; overflow: hidden;}
footer .Cnt{min-width: 728px; max-width: 1180px; margin:2% auto 1%; overflow:hidden;}
footer .Cnt .logo {width: 279px; margin: 0 auto 1%;}
footer .copyright {text-align: center;}
footer .copyright a {color:#fff;}
footer .copyright a:hover {color:#fff; text-decoration:underline;}
@media only screen and (min-width:728px) and (max-width:1036px) {
footer .Cnt {margin: 4% auto 1%}
footer{height: 140px;}
}
@media screen and (max-width: 727px) {
#backToTop{position: fixed; bottom: 30px; right: 10px;width: 70px; height: 70px;}
footer{ width:100%;font-size:14px;height: 100px}
footer .Cnt{min-width:98%; max-width:98%; width:98%; margin:3% auto;}
footer .Cnt .logo {width: 140px; margin: 0 auto 1%;}
footer .copyright p {text-align: center; margin: 0}
}

/*========================================
columnSec
=======================================*/
#columnSec { max-width: 1180px; margin:50px auto; overflow:hidden;}
#Main {float: left; width: 66%;}
#Side {float:right; width:31%;}

/*========================================
SIDE MENU
=======================================*/

#Side h3 {text-align:left;margin:0 0 10px; background:#fff; padding: 5px; letter-spacing: 1px; border-bottom:1px dotted #E7E7E7;border-left: none;border-top:4px solid #79a1a3;}
#Side .Block { width:100%; margin-bottom:25px; background: #fff;}
#Side .Block .newArticleList,
#Side .Block .categoryList{ overflow: hidden;}
#Side .Block .newArticleList li,
#Side .Block .categoryList li{ border-bottom:1px dotted #E7E7E7;overflow: hidden; padding:8px  5px;background: url(../img/arrow.png) 96% 50% no-repeat; background-size: 10px auto; position: relative; display: flex; justify-content: center; align-items: center;}
#Side .Block .newArticleList li:hover,
#Side .Block .categoryList li:hover{background: url(../img/arrow.png) 98% 50% no-repeat; background-size: 10px auto;}
#Side .Block .newArticleList .photo {/*float: left;*/ width: 87px; display: table-cell;vertical-align: middle;line-height: 0;}
#Side .Block .newArticleList .photo img {width: 100%; height: auto; border-radius: 3px; box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.1); }
#Side .Block .newArticleList .txt {/*float: right; width: 67%; margin-right: 5%;*/ width: 66%; padding: 0 6% 0 5%;color:#565e65;overflow: hidden;display: table-cell; vertical-align: middle;}
#Side .Block .newArticleList .txt p{font-size: 14px;}
#Side .Block .categoryList .txt {width: 100%; padding: 0 6% 0 0;box-sizing: border-box;}
#Side .Block .newArticleList .txt .title {font-weight: bold; margin-bottom:0 !important;line-height: 1.6}
#Side .Block .newArticleList .txt .date {background: url(../img/icon-time.png) no-repeat 0 48%; background-size: 14px; padding-left: 20px;margin-bottom: 10px;}



/*========================================
indexMV
=======================================*/
.indexMV {width: 100%;background: url("../img/bg-mv.jpg") top center no-repeat;background-size: cover;}
.indexMV .Cnt {min-width: 728px; max-width: 1180px; color:#fff; margin:0 auto;position: relative;min-height: 600px;}
.indexMV .Cnt .box {background: rgba(0,0,0,.80);position: absolute;top: 0;left: 0;right: 0;bottom: 0; width: 320px; height: 320px;margin: auto;}
.indexMV .Cnt .box .logo {width: 262px; margin: 10% auto;}
.indexMV .Cnt .box .btn {position: relative; width:200px; height: 40px;border-radius: 4px;box-sizing: border-box;background:#ce4a60;border: 1px solid rgba(0,0,0,.1);color: #fff;padding: 6px 8px;text-align: center;margin: 0 auto;font-weight: bold;}
.indexMV .Cnt .box .btn .icon-arrow {content: ''; background: url("../img/icon-arrow-white.png") no-repeat; background-size: 6px auto; background-position: 50% 50%;width: 6px; height: 8px; position: absolute; top: 14px;right: 8px;}
.animated {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
@media only screen and (min-width:728px) and (max-width:1024px) {
.indexMV .Cnt {min-height: 500px;}
}
@media screen and (max-width: 727px) {
.indexMV .Cnt {min-width: 100%; max-width: 100%;min-height: 480px;}
.indexMV .Cnt .box {width: 260px; height: 260px;margin: auto;}
.indexMV .Cnt .box .logo {width: 240px; margin: 6% auto;}
}

/*========================================
MV
=======================================*/
.MV {width: 100%;background: url("../img/bg-mv.jpg") top center no-repeat;background-size: cover;}
.MV.about {width: 100%;background: url("../img/bg-about.jpg") top center no-repeat;background-size: cover;}
.MV.sezaigame {width: 100%;background: url("../img/bg-sezaigame.jpg") top center no-repeat;background-size: cover;}
.MV.newslist {width: 100%;background: url("../img/bg-newslist.jpg") top center no-repeat;background-size: cover;}
.MV.contact {width: 100%;background: url("../img/bg-contact.jpg") top center no-repeat;background-size: cover;}
.MV .Cnt {min-width: 728px; max-width: 1180px; color:#fff; margin:0 auto;position: relative;min-height: 400px;padding-top: 100px;}
.MV .Cnt h1 {font-size: 42px;color: #000;position: relative;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-family: 'Noto Serif JP', serif;letter-spacing: 2px;font-weight: 400;text-align: center;display: flex;margin-left: auto;margin-right: auto;}

@media only screen and (min-width:728px) and (max-width:1024px) {
.MV .Cnt {min-height: 400px;}
}
@media screen and (max-width: 727px) {
.MV .Cnt {min-width: 100%; max-width: 100%;min-height: 320px;}
.MV .Cnt h1 {font-size: 32px;}
}

/*========================================
TITLE
=======================================*/
.secTitle {text-align: center;font-size: 28px;margin-bottom: 6%;color: #000;position: relative;}
.secTitle span {display: block;text-align: center;color:#8b8b8b;font-size: 14px;}
.secTitle:before {position: absolute; bottom: -10px; left: calc(50% - 30px); width: 60px; height: 2px; content: ''; background: #79a1a3;}
@media screen and (max-width: 727px) {
.secTitle {font-size: 24px;margin-bottom: 8%;}
.secTitle span {font-size: 12px;}
}

/*========================================
NEWSLIST
=======================================*/
.newsList {width: 100%;box-sizing: border-box;}
.newsList.indexPage {background:#f3f5f4; padding: 100px 2% }
.newsList .Cnt {min-width: 728px; max-width: 990px;margin: 0 auto;box-sizing: border-box; }
.newsList ul.nList {min-width: 728px; max-width: 1180px;margin: 0 auto;overflow: hidden;box-sizing: border-box;padding: 0 2%}
.newsList ul.nList li {float: left; width: 49%;margin: 0 0 4%;overflow: hidden;border-radius: 8px;filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));background: #fff}
.newsList ul.nList li:nth-child(2n) {float: right;}
.newsList ul.nList li .txt {padding: 4%;}
.newsList ul.nList li .txt .title {font-weight: bold;font-size: 18px;margin-bottom: 1%;}
.newsList ul.nList li .txt .date {font-size: 14px; color:#979797;margin-bottom: 0}
.newsList .btn {position: relative; width:200px; height: 40px;border-radius: 4px;box-sizing: border-box;background:#758d77;border: 1px solid rgba(0,0,0,.1);color: #fff;padding: 6px 8px;text-align: center;margin: 0 auto;font-weight: bold;}
.newsList .btn .icon-arrow {content: ''; background: url("../img/icon-arrow-white.png") no-repeat; background-size: 6px auto; background-position: 50% 50%;width: 6px; height: 8px; position: absolute; top: 14px;right: 8px;}
@media only screen and (min-width:728px) and (max-width:1024px) {
.newsList .Cnt {min-width: 98%; max-width: 98%;}
.newsList ul.nList {min-width: 98%; max-width: 98%;}
}
@media screen and (max-width: 727px) {
.newsList .Cnt {min-width: 98%; max-width: 98%;}
.newsList ul.nList {min-width: 98%; max-width: 98%;}
}

/*========================================
NEWS
=======================================*/
.newsArticle {width: 100%;}
.newsArticle h1.newsTitle {background: #79a1a3;color: #fff; box-sizing: border-box;padding: 2%; font-size: 24px; letter-spacing: 2px; margin-bottom: 0;font-weight: bold;}
.newsArticle .newsMV {width: 100%;margin-bottom: 2%}
.newsArticle .Cnt { background-color: #fff; border-radius: 4px; margin-bottom: 24px; padding: 24px;}
.newsArticle p {}
.newsArticle figure {}
.newsArticle h2 {font-size: 22px;border-bottom: 2px solid #79a1a3;margin-bottom: 2%;margin-top: 5%}
.newsArticle h3 {font-size: 18px;margin-bottom: 1%}
.sideStyle {background-color: #fff; border-radius: 4px; margin-bottom: 24px; padding: 24px;width: 100%;box-sizing: border-box;}
.sideStyle h2.title{font-size: 21px; background: #292929; color: #fff; padding: 12px 10px; margin-bottom: 20px; box-shadow: 0 1px 5px rgb(0 0 0 / 3%);}
#Main .newArticleList { overflow: hidden;}
#Main .newArticleList li { border-bottom:1px dotted #E7E7E7;overflow: hidden; padding: 10px 5px;background: url(../img/arrow.png) 95% 50% no-repeat; background-size: 10px auto; position: relative;display: table; float: none;box-sizing: border-box;width: 100%;-webkit-transition: 0.3s ease; transition: 0.3s ease;}
#Main .newArticleList li:hover {background: url(../img/arrow.png) 98% 50% no-repeat; background-size: 10px auto;-webkit-transition: 0.3s ease; transition: 0.3s ease;}
#Main .newArticleList li .photo {width: 23%;/* overflow: hidden;*/display: table-cell;vertical-align: middle; float: none;}
#Main .newArticleList li .photo img {width: 100%; height: auto; text-align: center;border-radius: 3px; box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.1);}
#Main .newArticleList li .txt {width: 63%;color:#565e65;overflow: hidden;display: table-cell;vertical-align: middle;padding: 0 6% 0 5%; float: none;}
#Main .newArticleList li .txt p{font-size: 12px;}
#Main .newArticleList li .txt h3, #Main .newArticleList li .txt .title { font-weight: bold; margin-bottom: 2px;font-size: 12px;color:#565e65;}
#Main .newArticleList li .txt .date {background: url(../img/icon-time.png) no-repeat 0 48%; background-size: 14px; padding-left: 20px;margin-bottom: 10px;}

@media screen and (max-width: 727px) {
.newsList .Cnt {min-width: 98%; max-width: 98%;}
.newsList ul.nList {min-width: 98%; max-width: 98%;}
.sideStyle {margin-bottom: 2%; padding: 2%;}
}


/*========================================
INDEX ABOUT
=======================================*/
.indexAbout {width: 100%;box-sizing: border-box; padding: 100px 2%}
.indexAbout .Cnt {min-width: 728px; max-width: 1024px;margin: 0 auto;box-sizing: border-box; }
.indexAbout .Cnt .box {width: 100%;max-width: 727px;margin: 0 auto 4%;overflow: hidden;}
.indexAbout .Cnt .box .titSec {float: left;width: 36%;}
.indexAbout .Cnt .box .titSec h2 {font-size: 34px;margin-bottom: 6%;color: #000;position: relative;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-family: 'Noto Serif JP', serif;letter-spacing: 2px;font-weight: 400}
.indexAbout .Cnt .box .titSec h2 span {padding-top: 5px; display: block;color:#8b8b8b;font-size: 14px;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
.indexAbout .Cnt .box .disSec {float: right; width: 64%; font-weight: bold;box-sizing: border-box;padding-right: 2%}
.indexAbout .Cnt .box .disSec p {margin-bottom: 4%}
.indexAbout .Cnt .box .disSec .btn {position: relative; width:200px; height: 40px;border-radius: 4px;box-sizing: border-box;background:#758d77;border: 1px solid rgba(0,0,0,.1);color: #fff;padding: 6px 8px;text-align: center;float: left;font-weight: bold;}
.indexAbout .Cnt .box .disSec .btn .icon-arrow {content: ''; background: url("../img/icon-arrow-white.png") no-repeat; background-size: 6px auto; background-position: 50% 50%;width: 6px; height: 8px; position: absolute; top: 14px;right: 8px;}
.indexAbout .Cnt .figures {min-width: 728px; max-width: 1024px;margin: 0 auto;box-sizing: border-box;}
.indexAbout .Cnt .figures ul {overflow: hidden;}
.indexAbout .Cnt .figures ul li{float: left; width: 48%;}
.indexAbout .Cnt .figures ul li:nth-child(2n){float: right;}
@media screen and (max-width: 727px) {
.indexAbout .Cnt {min-width: 100%; max-width: 100%;}
.indexAbout .Cnt .box {width: 100%;margin-bottom: 5%}
.indexAbout .Cnt .box .titSec {float: left;width: 24%;}
.indexAbout .Cnt .box .titSec h2 {font-size: 32px;}
.indexAbout .Cnt .box .titSec h2 span {font-size: 13px;}
.indexAbout .Cnt .box .disSec {width: 76%;padding-right: 2%}
.indexAbout .Cnt .figures {min-width: 100%; max-width: 100%;}
.indexAbout .Cnt .figures ul li{float: none; width: 100%;margin-bottom: 4%}
.indexAbout .Cnt .figures ul li:nth-child(2n){float: none;margin-bottom: 0}
}


/*========================================
ABOUT
=======================================*/
.aboutPage {width: 100%;box-sizing: border-box; padding: 100px 2%}
.aboutPage .Cnt { max-width: 1024px;margin: 0 auto;box-sizing: border-box;font-weight: 500}
.aboutPage .intro {width: 60%;margin: 0 auto 10%;}
.aboutPage .intro p {text-align: center;margin-bottom: 4%;font-size: 20px;}
.aboutPage .overview,
.aboutPage .activities {margin: 8% auto;background: #fff;padding: 6% 0}
.aboutPage .overview h2,
.aboutPage .activities h2{}
.aboutPage .overview .box,
.aboutPage .activities .box {width: 100%;max-width: 960px;margin: 4% auto 4%;overflow: hidden;}
.aboutPage .overview .box figure,
.aboutPage .activities .box figure {float: left;width: 40%;}
.aboutPage .overview .box .txt,
.aboutPage .activities .box .txt {float: right; width: 60%;box-sizing: border-box;padding: 0 2%}
.aboutPage .overview .box dl {display: table;width: 100%;padding-bottom: 1%;border-bottom: 1px solid #E3E3E3;margin-bottom: 1%}
.aboutPage .overview .box dl:last-child {border-bottom: none;}
.aboutPage .overview .box dt {display: table-cell;width: 30%;box-sizing: border-box;padding: 1% 1%;font-weight: 500}
.aboutPage .overview .box dd {display: table-cell;width: 60%;box-sizing: border-box;padding: 1% 1%;}
.aboutPage .overview .box h3 {}
.aboutPage .overview .box ul {float: left;padding-left: 15px;overflow: hidden;box-sizing: border-box;width: 100%;}
.aboutPage .overview .box li {}
.aboutPage .overview .box li:before {content:  "";width:  5px;height:  5px;display:  inline-block;background-color: #F44336;border-radius:  50%;left: -10px;top: -2px;position: relative;}
.aboutPage .activities .box dl {display: table;width: 100%;padding-bottom: 1%;border-bottom: 1px solid #E3E3E3;margin-bottom: 1%}
.aboutPage .activities .box dl:last-child {border-bottom: none;}
.aboutPage .activities .box dt {display: table-cell;width: 24%;box-sizing: border-box;padding: 1% 1%;}
.aboutPage .activities .box dd {display: table-cell;width: 76%;box-sizing: border-box;padding: 1% 1%;}
@media screen and (max-width: 727px) {
.aboutPage .Cnt { max-width: 100%;}
.aboutPage .intro {width: 80%;}
.aboutPage .intro p {font-size: 18px;}
.aboutPage .overview,
.aboutPage .activities {margin: 10% auto;}
.aboutPage .overview .box,
.aboutPage .activities .box {width: 96%;}
.aboutPage .overview .box figure,
.aboutPage .activities .box figure {width: 100%;}
.aboutPage .overview .box .txt,
.aboutPage .activities .box .txt {width: 100%;box-sizing: border-box;padding: 0 0}
}

/*========================================
SEZAI GAME
=======================================*/
.sezaigamePage {width: 100%;box-sizing: border-box; padding: 0 0;font-weight: 500;font-size: 18px;}
.sezaigamePage .movieSec {width:100%;margin: 0 auto;box-sizing: border-box;background: #79a1a3;padding: 80px 0 80px }
.sezaigamePage .movieSec .Cnt {width: 80%;max-width: 980px;margin: 0 auto;}
.sezaigamePage .vFrame {width: 100%;margin: 0 auto;border: 6px solid #4F5C04}
.sezaigamePage .aboutSec {width: 100%;margin: 0 auto;background: url("../img/texture-02.jpg") repeat; padding: 100px 0}
.sezaigamePage .aboutSec .figTitle {width: 294px; margin: 0 auto 4%;}
.sezaigamePage .aboutSec .box,
.sezaigamePage .ruleSec .box{display: table;width: 100%;font-weight: 500;}
.sezaigamePage .ruleSec .box {margin-bottom: 4%}
.sezaigamePage .aboutSec .box figure,
.sezaigamePage .ruleSec .box figure{display: table-cell;width: 60%;vertical-align: middle;line-height: 0}
.sezaigamePage figure,
.sezaigamePage img {line-height: 0}
.sezaigamePage .aboutSec .box .txt,
.sezaigamePage .ruleSec .box .txt{display: table-cell;width: 40%; vertical-align: middle;box-sizing: border-box;padding: 2% 5%;font-weight: 500;letter-spacing: 1px;background: #fff url("../img/bg-wood.png") center center no-repeat;}
.sezaigamePage .ruleSec .box .txt {background:#f7f7f7;}
.sezaigamePage .aboutSec .box .txt p,
.sezaigamePage .ruleSec .box .txt p{margin-bottom: 4%}
.sezaigamePage .aboutSec .box .txt p:last-child,
.sezaigamePage .ruleSec .box .txt p:last-child{margin-bottom: 0;}
.sezaigamePage .aboutSec .secBox {position: relative;display: block;margin-top: 12%}
.sezaigamePage .aboutSec .secBox figure {width: 70%;left: 30%; position: relative;}
.sezaigamePage .aboutSec .secBox figure img {line-height: 0}
.sezaigamePage .aboutSec .secBox .txt {position: absolute;z-index: 2; background: #fff; width: 40%; vertical-align: middle;box-sizing: border-box;padding: 5% 5%;font-weight: 500;letter-spacing: 1px;top: calc(50% - 25%);}
.sezaigamePage .aboutSec .secBox .txt p {margin-bottom: 4%}
.sezaigamePage .catching {width: 100%;height: auto;min-height: 500px;position: relative;}
.sezaigamePage .catching.catch01 {background: url("../img/photo-sezai-04.jpg") center top no-repeat;background-size: cover;}
.sezaigamePage .catching.catch02 {background: url("../img/photo-sezai-05.jpg") center top no-repeat;background-size: cover;}
.sezaigamePage .catching .cnt {width: 600px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto; height: 200px;color: #fff;}
.sezaigamePage .catching .cnt h3 {text-align: center;font-weight: 600;font-family: 'Noto Serif JP', serif;font-size: 40px;margin-bottom: 2%}
.sezaigamePage .catching .cnt p {text-align: center;font-weight: 600;font-size: 20px;}
.sezaigamePage .ruleSec {width: 100%;margin: 0 auto;background:#fff; padding: 100px 0 0}
.sezaigamePage .cvTxt {text-align: center;font-size: 18px;font-weight: 500;padding: 80px 0;}
.sezaigamePage .cvTxt .btn {position: relative; width:240px; height: 46px;border-radius: 4px;box-sizing: border-box;background:#ce4a60;border: 1px solid rgba(0,0,0,.1);color: #fff;padding: 9px 10px;text-align: center;font-weight: bold;margin: 0 auto;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);box-shadow: 0 1px 3px rgba(0,0,0,.2);}
.sezaigamePage .cvTxt .btn .icon-mail {content: ''; background: url("../img/icon-mail.png") no-repeat; background-size: 21px auto; background-position: 50% 50%;width: 21px; height: 15px; position: absolute; top: 14px;right: 8px;}

.contactBlock {width: 96%;max-width: 600px;box-sizing: border-box;padding: 2%;border-radius: 6px;background: #F7D29E;margin: 0 auto 0;}
.contactBlock p {margin-bottom: 4%}

@media screen and (max-width: 727px) {
.sezaigamePage {font-size: 18px;}
.sezaigamePage .movieSec {padding: 60px 0}
.sezaigamePage .movieSec .Cnt {width: 90%;}
.sezaigamePage .vFrame {box-sizing: border-box; border: 6px solid #4F5C04}
.sezaigamePage .aboutSec {width: 100%;padding: 80px 0}
.sezaigamePage .aboutSec .figTitle {width: 220px; margin: 0 auto 4%;}
.sezaigamePage .aboutSec .box,
.sezaigamePage .ruleSec .box{display: block;}
.sezaigamePage .ruleSec .box {margin-bottom: 4%}
.sezaigamePage .aboutSec .box figure,
.sezaigamePage .ruleSec .box figure{display: block;width: 100%;}
.sezaigamePage .aboutSec .box .txt,
.sezaigamePage .ruleSec .box .txt{display: block;width: 100%;padding: 5% 5%;}
.sezaigamePage .aboutSec .secBox {margin-top:0}
.sezaigamePage .aboutSec .secBox figure {width: 100%;left: 0;}
.sezaigamePage .aboutSec .secBox .txt {position: relative; width: 100%;padding: 5% 5%;top:0;}
.sezaigamePage .aboutSec .secBox .txt p {margin-bottom: 4%}
.sezaigamePage .catching {width: 100%;height: auto;min-height: 360px;position: relative;}
.sezaigamePage .catching.catch01 {background: url("../img/photo-sezai-04-sp.jpg") center top no-repeat;background-size: cover;}
.sezaigamePage .catching.catch02 {background: url("../img/photo-sezai-05-sp.jpg") center top no-repeat;background-size: cover;}
.sezaigamePage .catching .cnt {width: 90%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto; height: 110px;color: #fff;}
.sezaigamePage .catching .cnt h3 {font-size: 32px;margin-bottom: 2%}
.sezaigamePage .catching .cnt p {font-size: 18px;}
.sezaigamePage .ruleSec {width: 100%;padding: 80px 0 0}
.sezaigamePage .cvTxt {text-align: center;font-size: 18px;font-weight: 500;padding: 60px 5%;}
.sezaigamePage .cvTxt .btn {position: relative; width:240px; height: 46px;border-radius: 4px;box-sizing: border-box;background:#ce4a60;border: 1px solid rgba(0,0,0,.1);color: #fff;padding: 9px 10px;text-align: center;font-weight: bold;margin: 0 auto}
.sezaigamePage .cvTxt .btn .icon-mail {content: ''; background: url("../img/icon-mail.png") no-repeat; background-size: 21px auto; background-position: 50% 50%;width: 21px; height: 15px; position: absolute; top: 14px;right: 8px;}
.contactBlock {width: 100%;max-width: 100%;padding: 4%}
}


/*========================================
PAGER
=======================================*/
.pager {overflow: hidden; margin-top: 20px; margin-bottom: 20px;}
.pager ul {list-style: none; position: relative; left: 50%; float: left;}
.pager ul li {margin: 0 1px; position: relative; left: -50%; float: left;}
.pager ul li span,
.pager ul li a {display: block; font-size: 16px; padding: 0.6em 1em; border-radius: 3px;}
.pager ul li a {background:#3AA78A; color: #fff; text-decoration: none;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.pager ul li a:hover {background: #DD5759; color: #fff;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.pager ul li span.current{background:#636363; color: #fff;}


/*========================================
CONTACT
=======================================*/
#contactForm-wrap{max-width:727px;margin:80px auto;}
#contactForm-wrap .sec{margin:0 0 30px;}
#contactForm-wrap .sec dt{margin:0 0 10px;text-align:left;line-height:1;}
#contactForm-wrap .sec dt .required { border: 1px solid rgba(0,0,0,.1) ; background:#E15153; color: #fff; padding:1px 2px; margin-right: 10px; font-size: 11px; border-radius: 3px;}
#contactForm-wrap .sec dt .optional { border: 1px solid rgba(0,0,0,.1) ; background:#969696; color: #fff; padding:1px 2px; margin-right: 10px; font-size: 11px; border-radius: 3px;}
#contactForm-wrap .sec sup{color:#e94518;}
#contactForm-wrap .sec input{width:100%;box-sizing: border-box; height:46px;padding:0 2%;font-size:16px;line-height:46px;border:1px solid #cdcece;margin-bottom: 5px;}
#contactForm-wrap .sec select{width:50%;height:46px;padding:0 2%;font-size:16px;line-height:46px;border:1px solid #cdcece;margin-bottom: 5px; background: url(../img/arrow_down.png) 96% center no-repeat;}
#contactForm-wrap .sec textarea{width:100%;box-sizing: border-box; height:175px;padding:2%;font-size:16px;border:1px solid #cdcece;margin-bottom: 5px;}
#contactForm-wrap #btn-sendMail{margin:50px 0 0;}
#contactForm-wrap #btn-sendMail #send{display:none;}
#contactForm-wrap #form_submit_button{width:292px;margin:0 auto;color:#fff;font-size:16px;text-align:center;line-height:55px;border:1px solid #cdcece;background: #292929;border-radius: 6px;display:block;cursor:pointer;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; opacity:1;}
#contactForm-wrap #form_submit_button:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; opacity:0.5;}
#contactForm-wrap #form_submit_button2{width:292px;margin:0 auto;color:#fff;font-size:16px;text-align:center;line-height:55px;border:1px solid #cdcece;background: #292929;border-radius: 6px;display:block;cursor:pointer;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; opacity:1;}
#contactForm-wrap #form_submit_button2:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; opacity:0.5;}
#bnr_join-unavailable{width: 292px; margin: 0 auto 25px; color: #fff; font-size: 16px; text-align: center; line-height: 55px; border: 1px solid #cdcece; background:#AFAFAF; border-radius: 6px;}
.error_blank,.error_format,.error_match {color: #F03336; font-weight: bold; font-size: 90%;display: block;}
input[type="submit"], input[type="button"] {-webkit-appearance: none;}
.BtnBackTop{width:292px;margin:100px auto 50px;color:#fff;font-size:16px;text-align:center;line-height:55px;border:1px solid #cdcece;background: #292929;border-radius: 6px;display:block;cursor:pointer;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; opacity:1;}
.BtnBackTop:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; opacity:0.5;}
#contactForm-wrap .cvTxt {text-align: center;font-size: 18px;font-weight: 500;padding: 20px 0;}
@media screen and (max-width: 727px) {
#contactForm-wrap{max-width:90%;margin:80px auto;}
}






@media screen and (max-width: 727px) { /* SmartPhone Display - width:727px under - */
img{width:100%;height:auto;}
section{width: 96%; margin: 0 auto;font-size: 16px;}
.Normal {margin-bottom: 30px;padding: 4% 2%;}
.secondLine { border-top:1px solid #C4C4C4; padding-top: 15px;}

table {width: 100% !important; table-layout: auto !important;}
.pcView{display:none !important;}
.spView{display:block;}
.TABNone{display:inline;}
#wrapper{width: 100%;margin: 0 auto;}
#BreadScrumb {display: none;}
#Main{width:100%;float:none;}
#Side {float:none; width:100%; overflow:hidden; color:#595656;}
#Side .Block { width:100%; margin-bottom:5%;}
#Side h3 {text-align:left;margin-bottom:10px; background:#fff; letter-spacing: 1px; border-left: none;}
#Side .Block .newArticleList { overflow: hidden;}
#Side .Block .newArticleList li { border-bottom:1px dotted #E7E7E7;overflow: hidden; padding: 10px 5px;background: url(../img/arrow.png) 97% 50% no-repeat; background-size: 10px auto; position: relative;}
#Side .Block .newArticleList li:hover {background: url(../img/arrow.png) 98% 50% no-repeat; background-size: 10px auto;}
#Side .Block .newArticleList .photo { width: auto; height: auto; max-width: 120px;}
#Side .Block .newArticleList .photo img {width: 100%; height: auto; text-align: center;}
#Side .Block .newArticleList .txt {width: 67%;color:#565e65;overflow: hidden;}
#Side .Block .newArticleList .txt p{font-size: 12px;}
#Side .Block .newArticleList .txt .title { font-weight: bold; margin-bottom: 2px;}
#Side .Block .newArticleList .txt .date {background: url(../img/icon-time.png) no-repeat 0 48%; background-size: 14px; padding-left: 20px;margin-bottom: 10px;}
#Side .Block .newArticleList li .rank {position: absolute; width: 16px; height: 16px;top:0; left: 2px;}
#Side .Block .recInterviewList .photo {min-height: auto; max-height: auto;}
}