@charset "UTF-8";
/**
* The template for displaying the header.
*
* @package POL custum tempalte
* @since POL 1.1
*/

/* ========================================================================== Foundation ========================================================================== */
/* Reset  ----------------------------------------------------------------- */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; max-width: 100%; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
ul, ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a:focus { outline: none; }
ins { text-decoration: none; }
mark { 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; width: 100%; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
button, input, select, textarea { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; }
input, textarea { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); -webkit-appearance: none; border-radius: 0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
img { -ms-interpolation-mode: bicubic; }

/* vissible */
.visible-sm{display: none;}
.visible-lg{display: block;}

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden; }
.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* end MacIE5 */
/* Base ----------------------------------------------------------------- */
body { background: #fff; color: #000; line-height: 1; -webkit-font-smoothing: antialiased; font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}

/* headline font type */
.p-index-slider__item-catch, .p-index-content01__catch, .p-index-content02__item-catch, .p-showcase__catch, .p-index-content04__catch, .p-index-content06__item-catch, .p-index-content07__catch, .p-index-content09__catch, .p-footer-blog__catch, .p-article01__title, .p-page-header__title, .p-headline, .p-article02__title, .p-latest-news__title h2, .p-review__name, .p-review-header__title, #js-header-video .caption .title, #js-header-youtube .caption .title {font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
a { color: #000; text-decoration: none; }
b, strong { font-weight: 700; }
big { font-size: larger; }
small { font-size: 80%; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
i, cite, em, var, address, dfn { font-style: italic; }
tt, code, kbd, samp { font-family: monospace; }
u, ins { text-decoration: underline; }
img { vertical-align: bottom; }
input { border: 0; margin: 0; padding: 0; }
select { background: none transparent; border: 0; border-radius: 0; margin: 0; padding: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; }

/* for IE */
select::-ms-expand { display: none; }

a, a:before, a:after, input { -moz-transition-property: background-color, color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: background-color, color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; -webkit-transition-property: background-color, color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease; }

/* infinite scroll */
#infscr-loading { color: #525252; font-size: 14px; text-align: center; width: 100%; }
#infscr-loading img { margin-right: 8px; vertical-align: middle; }
#infscr-loading div { display: inline; }

/* -------------------------------------------------------------------------------- keyframes
-------------------------------------------------------------------------------- */
/* fadeIn */
@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
/* loading-anime */
@-webkit-keyframes loading-anime { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes loading-anime { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* slideDown */
@-webkit-keyframes slideDown { 0% { top: -70px; }
  100% { top: 0; } }
@keyframes slideDown { 0% { top: -70px; }
  100% { top: 0; } }
/* ========================================================================== Layout ========================================================================== */
/* Footer ----------------------------------------------------------------- */
.l-footer { background: #f1f0ed; padding-top: 30px; border-top: 5px solid #dddddd;}
.l-footer__inner { padding-bottom: 50px; }
.l-footer__logo { margin-bottom: 30px; text-align: center; }

/* Header ----------------------------------------------------------------- */
.inner {width: 100%; max-width: 1130px; margin: 0 auto; }
.inner:after {content: ""; clear: both; display: block;}

/* header */
#top-head {display: block; width: 100%; background: #fff; background: rgba(255,255,255,0.95); margin: 0; padding: 10px 0; top: 0; position: fixed; line-height: 1; z-index: 999;}
#top-head a,#top-head {text-decoration: none;}
#top-head a:hover {color: #ff4502}
#top-head .inner {position: relative;}
#top-head .logo {float: left; background: url(../images/common/pol_logo.svg) no-repeat; text-indent: -9999px; width: 150px; height: 45px;}
#top-head .logo a{display: block; width: 150px; height: 50px;}

/* JPC head */
.jpc{background: url(../images/jpc_bg.gif) repeat; width: 100%; height: 80px; position: absolute; top: 65px; left: 0; z-index: 1;}
.jpc a{width: 100%; display: block; height: 75px; color: #fff; font-size: 1.3rem; text-align: center; font-weight: 700; padding: 3px 0;}
.jpc span{display: inline-block; background: #fff; border-radius: 20px; color: #004381; font-size: 1rem; padding: 13px 17px; font-weight: 700; margin: 0 0 13px 2px; /* box-shadow: 0 0 1px 3px inset;*/}
.jpc i{position: absolute; top: 30%; right: 10px; font-size: 32px;}

/* CPN Head Common */
.cpnBanner{background: #333333 repeat; width: 100%; height: 80px; position: absolute; top: 65px; left: 0; z-index: 1;}
.cpnBanner a{width: 100%; display: block; height: 75px; color: #fff; font-size: 1.3rem; text-align: center; font-weight: 700; padding: 3px 0;}
.cpnBanner span{display: inline-block; background: #fff; border-radius: 20px; color: #333333; font-size: 1rem; padding: 12px 15px; font-weight: 700; margin: 0 0 15px 5px;}
.cpnBanner i{position: absolute; top: 30%; right: 10px; font-size: 32px;}

/* CPN Uniform Campaign */
.uniform_CP{background: #0261b2 repeat;}
.uniform_CP span{color: #0261b2;}

#global-nav ul {list-style: none; position: absolute; right: 0; bottom: 12px; font-size: 16px;}
#global-nav ul li {float: left; position: relative;}
#global-nav ul li a {padding: 0 15px; vertical-align: -2px;}
@media screen and (max-width: 1200px) {
  #global-nav ul li a {font-size: 0.9rem;}
}
#global-nav ul li:after {position: absolute; content: ""; display: block; width: 100%; height: 3px; bottom: -5px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
#global-nav ul li:hover:after {background: #ff4502; bottom: -15px;}
#global-nav ul li.spot a{color: #fff !important; background: #fa363a; border-radius: 20px; padding: 5px 10px !important; border: #db0c10 2px solid;}
#global-nav ul li.spot a:hover{color: #fa363a !important; background: none; border-radius: 20px; padding: 5px 10px !important; border: #ff4502 2px solid;}
#global-nav ul li.spot:hover:after {background: none; bottom: -15px;}
#global-nav ul li.spot i{font-size: 20px; vertical-align: -1.5px;}
#global-nav ul.nav-sp{display: none;}
#global-nav .link-none {padding: 0 20px; color: #ddd; vertical-align: -2px;}

#global-nav li > ul.operation{width: 150%; height: 0; bottom: 0; right: 0; margin: 0 -50% 0 0; overflow: hidden; transition: all 0.5s ease;}
#global-nav li:hover > ul.operation {width: 150%; height: 0; bottom: -24px; padding: 24px 0 0 0; right: 0; overflow: visible;}
#global-nav li > ul.operation > li {overflow: hidden;}
#global-nav li:hover > ul.operation > li {overflow: visible;}
#global-nav li > ul.operation > li a {background-color: rgba(255,255,255,0); display: block; width: 150px; padding: 12px 17px; margin: 0; vertical-align: middle; opacity: 1;}
#global-nav li:hover > ul.operation > li a {background-color: rgba(255,255,255,0.95);}
#global-nav li:hover > ul.operation > li:after {display:none;}
#global-nav li:hover > ul.operation > li:hover:after {display:none;}
#global-nav li > ul.operation > li .link-none {background-color: rgba(255,255,255,0.95); display: block; width: 150px; padding: 12px 17px; margin: 0; vertical-align: middle; opacity: 1;}

/* Fixed */
#top-head.fixed {margin-top: 0; top: 0; position: fixed; padding-top: 10px; height: 55px; background: #fff; background: rgba(255,255,255,0.95);}
#top-head.fixed .logo {font-size: 24px; color: #333;}
#top-head.fixed #global-nav ul li a {color: #333; padding: 0 20px;}

/* Toggle Button */
#nav-toggle {display: none; position: absolute; right: 12px; top: 14px; width: 34px; height: 36px; cursor: pointer; z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block; position: absolute; height: 4px; width: 100%; background: #666; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}

/* Inner ----------------------------------------------------------------- */
.l-inner { margin-left: auto; margin-right: auto; position: relative; width: 88.28125%; max-width: 1130px; }
.l-inner--narrow { width: 79.64602%; max-width: 900px; }

/* Main ----------------------------------------------------------------- */
/* Sidebar ----------------------------------------------------------------- */
/* ========================================================================== Object ========================================================================== */
/* Component ----------------------------------------------------------------- */
.c-breadcrumb__item { display: inline; }
.c-breadcrumb__item + .c-breadcrumb__item::before { content: "\e910"; color: #999; font-family: "design_plus"; margin-left: 12px; margin-right: 12px; }

.c-breadcrumb__item--home a { color: #b2b2b2; }
.c-breadcrumb__item--home a::before { content: "\e90c"; font-family: "design_plus"; }
.c-breadcrumb__item--home span { display: none; }

/** header video **/
.c-header-video { background: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; }
.c-header-video__overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }

/** header youtube **/
.c-header-youtube { background: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; }
.c-header-youtube__overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }

/* ヘッダー動画時キャッチコピー */
.p-header-video, .p-header-video .vegas-wrapper, .p-header-youtube { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; }
.p-header-video .caption, .p-header-youtube .caption { text-align: center; width: calc(100% * 1150 / 1280); max-width: 1150px; z-index: 3; }
.p-header-video .caption .title, .p-header-youtube .caption .title { font-size: 40px; line-height: 1.4; margin-bottom: 12.4px; }
.p-header-video .caption .desc, .p-header-youtube .caption .desc { font-size: 16px; line-height: 2.2; margin-bottom: 20.4px; }

/* ヘッダー動画時キャッチコピーのアニメーション */
#js-header-video .caption .title, #js-header-youtube .caption .title, #js-header-video .caption .button, #js-header-youtube .caption .button { opacity: 0; }
#js-header-youtube .caption.first_active .title, #js-header-video .caption.first_active .title { -webkit-animation: opacityAnimation 0.5 ease forwards 0.75s; animation: opacityAnimation 0.5s ease forwards 0.75s; }
#js-header-youtube .caption.first_active .button, #js-header-video .caption.first_active .button { -webkit-animation: opacityAnimation 0.25s ease forwards 1.25s; animation: opacityAnimation 0.25s ease forwards 1.25s; }

@-webkit-keyframes opacityAnimation { 100% { opacity: 1; } }
@keyframes opacityAnimation { 100% { opacity: 1; } }
/** Load **/
@-webkit-keyframes loading-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes loading-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes loading-square-base { 0% { bottom: 10px; opacity: 0; }
  5%, 50% { bottom: 0; opacity: 1; }
  55%, 100% { bottom: -10px; opacity: 0; } }
@keyframes loading-square-base { 0% { bottom: 10px; opacity: 0; }
  5%, 50% { bottom: 0; opacity: 1; }
  55%, 100% { bottom: -10px; opacity: 0; } }
@-webkit-keyframes loading-dots-fadein { 100% { opacity: 1; } }
@keyframes loading-dots-fadein { 100% { opacity: 1; } }
@-webkit-keyframes loading-dots-first-dot { 100% { -webkit-transform: translate(1em); transform: translate(1em); opacity: 1; } }
@keyframes loading-dots-first-dot { 100% { -webkit-transform: translate(1em); transform: translate(1em); opacity: 1; } }
@-webkit-keyframes loading-dots-middle-dots { 100% { -webkit-transform: translate(1em); transform: translate(1em); } }
@keyframes loading-dots-middle-dots { 100% { -webkit-transform: translate(1em); transform: translate(1em); } }
@-webkit-keyframes loading-dots-last-dot { 100% { -webkit-transform: translate(2em); transform: translate(2em); opacity: 0; } }
@keyframes loading-dots-last-dot { 100% { -webkit-transform: translate(2em); transform: translate(2em); opacity: 0; } }

#site-wrap { display: none; }
#site_loader_overlay { background: #fff; opacity: 1; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; width: 100vw; height: 100vh; z-index: 99999; }

/* type1 */
.c-load--type1 { width: 48px; height: 48px; font-size: 10px; text-indent: -9999em; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; -webkit-animation: loading-circle 1.1s infinite linear; animation: loading-circle 1.1s infinite linear; }

/* type2 */
.c-load--type2 { width: 44px; height: 44px; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.c-load--type2::before { position: absolute; bottom: 0; left: 0; display: block; width: 12px; height: 12px; content: ''; animation: loading-square-loader 5.4s linear forwards infinite; }
.c-load--type2::after { position: absolute; bottom: 10px; left: 0; display: block; width: 12px; height: 12px; opacity: 0; content: ''; animation: loading-square-base 5.4s linear forwards infinite; }

/* type3 */
.c-load--type3 {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 0;
opacity: 0;
animation: loading-dots-fadein .5s linear forwards;
}
#site_loader_animation i {
width: .5em;
height: .5em;
display: inline-block;
vertical-align: middle;
background: #fa363a;
border-radius: 50%;
margin: 70px 0.25em 0;
animation: loading-dots-middle-dots .5s linear infinite;
}
#site_loader_animation i:first-child {
animation: loading-dots-first-dot .5s linear infinite;
opacity: 0;
transform: translate(-1em);}
#site_loader_animation i:last-child {
animation: loading-dots-last-dot .5s linear infinite;
}
#site_loader_animation .site_loader_logo{
background: url(../images/common/loading_image.svg) no-repeat;
display: block;
width: 200px;
height: 220px;
position: absolute;
top: 50%;
left: 50%;
margin: -200px 0 0 -110px;
}
#site_loader_animation .site_loader_dot{
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -55px;
}

/* Project ----------------------------------------------------------------- */
/** breadcrumb **/
.p-breadcrumb { font-size: 12px; line-height: 1.7; margin-bottom: 55.8px; }
.p-breadcrumb a:hover { color: #e37100; }
.p-breadcrumb__item + .p-breadcrumb__item::before { font-size: 10px; }

/** button **/
.p-button { background: #fa363a; border-radius: 4px; box-sizing: border-box; display: inline-block; font-size: 16px; line-height: 50px; text-align: center; min-width: 260px; height: 50px; padding: 0 15px; font-weight: 700; color: #fff;}
.p-button:hover { background: #ff4502; color: #fff;}
.p-large-button { background: #fa363a; border: 2px solid #db0c10; box-sizing: border-box; border-radius: 30px; display: inline-block; font-size: 26px; line-height: 60px; text-align: center; min-width: 550px; height: 60px; padding: 0 15px; font-weight: 700; color: #fff;}
.p-large-button:hover {background: #ff4502; color: #fff;}

/** copyright **/
.p-copyright {background: #000; color: #fff; font-size: 12px; height: 55px; line-height: 55px; overflow: hidden; text-align: center;}
.p-copyright small { float: right; }

 /** entry **/
.p-entry__inner { width: 88.28125%; max-width: 1130px; }
.p-entry__inner--narrow { width: 79.64602%; max-width: 900px; }
.p-entry__body { margin-bottom: 60.2px; }
.p-entry__body .p-entry__ad img { max-width: none; width: auto; }
.p-entry__share { margin-bottom: 27px; }
.p-entry__meta { margin-bottom: 70px; }
.p-entry__nav { margin-bottom: 70px; }
.p-entry__related { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 144.6px; }
.p-entry__related-item { margin-right: 2.65487%; width: 23.00885%; }
.p-entry__related-item:last-child { margin-right: 0; }
.p-entry__ad { margin-bottom: 70px; text-align: center; }
.p-entry__ad-item { display: inline-block; }
.p-entry__ad-item + .p-entry__ad-item { margin-left: 50px; }

 /** footer blog **/
.p-footer-blog { border-bottom: 1px solid #333; margin-bottom: 50px; overflow: hidden; position: relative; }
.p-footer-blog .slick-dots { bottom: 0; width: 97.41379%; }
.p-footer-blog .slick-dots li { background: #fff; }
.p-footer-blog__catch { color: #fff; font-size: 30px; line-height: 2.2; margin-bottom: 32px; }
.p-footer-blog__archive-link { color: #fff; font-size: 14px; position: absolute; top: 18px; right: 0; }
.p-footer-blog__archive-link::after { content: "\e910"; font-family: "design_plus"; margin-left: 14px; transition-property: none; }
.p-footer-blog__archive-link:hover { color: #e37100; }
.p-footer-blog__list { color: #646767; padding-bottom: 58px; width: 102.65487%; }
.p-footer-blog__list.slick-dotted.slick-slider { margin-bottom: 50px; }
.p-footer-blog__item { float: left; margin-right: 2.58621%; width: 22.41379%; }
.p-footer-blog__item-title a { color: #fff; }

/** footer nav **/
.p-footer-nav { color: #c5c5c5; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; }
.p-footer-nav li + li::before { content: "|"; display: inline-block; margin-left: 8px; margin-right: 8px; }
.p-footer-nav a {color: #414141;}
.p-footer-nav a:hover {color: #fa363a;}

/** global nav **/
.p-global-nav { font-size: 14px; }
.p-global-nav > li { float: left; line-height: inherit; }
.p-global-nav > li.menu-item-has-children:hover > .sub-menu { top: 100%; }
.p-global-nav > li > a { padding-left: 22px; padding-right: 22px; }
.p-global-nav > li > .sub-menu { top: 75%; left: 0; }
.p-global-nav a { color: #fff; display: block; }
.p-global-nav .menu-item-has-children { position: relative; }
.p-global-nav .menu-item-has-children:hover > .sub-menu { opacity: 1; top: 0; visibility: visible; }
.p-global-nav .sub-menu { line-height: 1.2; opacity: 0; position: absolute; top: -25%; left: 100%; transition: 0.3s; visibility: hidden; z-index: 99; }
.p-global-nav .sub-menu .menu-item-has-children > a { position: relative; }
.p-global-nav .sub-menu .menu-item-has-children > a::after { content: "\e910"; font-family: "design_plus"; position: absolute; right: 16px; }
.p-global-nav .sub-menu a { background: #131e20; box-sizing: border-box; padding: 15px 19px; width: 220px; }

/** headline **/
.p-headline { background: #131e20; box-sizing: border-box; color: #fff; font-size: 16px; height: 55px; line-height: 55px; margin-bottom: 27px; padding-left: 24px; padding-right: 24px; }

/** header video **/
.p-header-video { height: 780px; }

/** header youtube **/
.p-header-youtube { height: 780px; }

/** hover effect **/
.p-hover-effect--type1 { overflow: hidden; }
.p-hover-effect--type1 img { transform: scale(1); transition-duration: 0.75s; vertical-align: middle; }
.p-hover-effect--type2 { overflow: hidden; }
.p-hover-effect--type2:hover img { -webkit-transform: scale(1.2) translate3d(0, 0, 0); transform: scale(1.2) translate3d(0, 0, 0); }
.p-hover-effect--type2 img { transition-property: opacity, translate3d; transition: 0.5s; }
.p-hover-effect--type3:hover img { opacity: 0.5; }
.p-hover-effect--type3 img { transition-property: opacity; transition: 0.5s; background: #fff; }

/** index content01 */
.p-index-content01 { padding-top: 92px; padding-bottom: 45px; text-align: center; }
.p-index-content01__catch { font-size: 40px; line-height: 1.4; margin-bottom: 15px; }
.p-index-content01__desc { font-size: 16px; line-height: 2.2; }

 /** index content02 **/
.p-index-content02 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 110px; }
.p-index-content02__catch {font-size: 40px; line-height: 1.4; margin:80px 0 30px; text-align: center; font-weight: 700;}
.p-index-content02__desc{text-align: center; margin: -10px 0 50px;}
.p-index-content02__item { border-right: 1px solid #ddd; padding-left: 27px; padding-right: 27px; flex: 1; }
.p-index-content02__item:last-child { border-right: 0; }
.p-index-content02__item-catch { font-size: 18px; line-height: 1.6; margin-bottom: 25px; text-align: center; font-weight: 700; }
.p-index-content02__item-desc { font-size: 14px; line-height: 2.4; margin-bottom: 30px; }
.p-index-content02__item-image {background: #fff; display: block; }
.p-index-content02__item-image img { width: 100%; height: auto; }

 /** index content03 **/
.p-index-content03__image { bottom: 0; }

 /** index content04 **/
.p-index-content04 { padding: 110px 0;}
.p-index-content04 .slick-dots { bottom: -10px; }
.p-index-content04 .slick-dots li {background: #000; }
.p-index-content04__catch { font-size: 40px; font-weight: 700; line-height: 1.4; margin-bottom: 30px; text-align: center; }
.p-index-content04__summary { font-size: 16px; line-height: 2.2; margin-bottom: 90px; text-align: center; }
.p-index-content04__movie{width: 99%; position: relative; padding-top: 42.3%; margin: 0 0 30px; border: 5px solid #000;}
.p-index-content04__movie iframe{position:absolute; top:0; right:0; width: 100%; height: 100%;}
.p-index-content04__tournament:after{content: ""; display: block; height: 1px; background: #ddd; margin: 35px 0;}
.p-index-content04__tournament a{display: block; line-height: 1.25rem; text-align: center;}
.p-index-content04__tournament p{background: #fa363a; color: #fff;}
.p-index-content04__tournament a:hover p{background: #ff4502; color: #fff;}
.p-index-content04__tournament a:hover img{opacity: 0.5;}
.p-index-content04__tournament img{width: 100%; transition-property: opacity; transition: 0.5s; background: #fff;}
.p-index-content04__tournament p{font-size: 1.0rem; font-weight: 700; color: #fff; padding: 10px;}


.p-index-content04__carousel { padding-bottom: 20px;}
.p-index-content04__carousel.slick-slider { margin-bottom: 40px; }
.p-index-content04__carousel img { width: 100%; height: auto; }
.p-index-content04__desc { font-size: 16px; line-height: 2.4; text-align: center;}
.p-index-content04__desc.p-index-content04__desc--full { columns: 1; }
.p-index-content04 .tournament_list{width: 100%; margin-bottom: 25px;}
.p-index-content04 .tournament_list ul{}
.p-index-content04 .tournament_list li{display: block; width: 31%; float: left; text-align: center; margin: 0 1%;}
.p-index-content04 .tournament_list a{background: #fa363a; border-radius: 4px; box-sizing: border-box; display: block; line-height: 20px; text-align: center; padding: 0;}
.p-index-content04 .tournament_list a:hover{background: #ff4502; color: #fff;}
.p-index-content04 .tournament_list p{font-size: 16px; font-weight: 700; color: #fff; padding: 10px 50px;}
.p-index-content04 .tournament_list a:hover img{opacity: 0.5;}
.p-index-content04 .tournament_list img { transition-property: opacity; transition: 0.5s; background: #fff; }
.p-index-content04 .old_tournament{}
.p-index-content04 .old_tournament p{font-size: 16px; font-weight: 700; color: #fff; padding: 15px 10px;}
.p-index-content04 .old_tournament a{background: #fa363a; border-radius: 4px; box-sizing: border-box; display: block; line-height: 20px; text-align: center; padding: 0; width: 50%; margin: 0 auto; min-width: 300px;}
.p-index-content04 .old_tournament a:hover{background: #ff4502; color: #fff;}

 /** index content05 **/
.p-index-content05__image { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

 /** index content06 **/
.p-index-content06 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 110px; }
.p-index-content06__item { margin-bottom: 110px; width: 47.43363%; }
.p-index-content06__item-image { border-radius: 50%; margin-left: auto; margin-right: auto; margin-bottom: 35px; overflow: hidden; width: 200px; height: 200px; }
.p-index-content06__item-image img { width: 100%; height: auto; }
.p-index-content06__item-catch { font-size: 18px; font-weight: 700; line-height: 1.6; margin-bottom: 25px; text-align: center; }
.p-index-content06__item-desc { font-size: 14px; line-height: 2.4; }

 /** index content07 **/
.p-index-content07 { background: #eeefef; height: 580px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.p-index-content07 .slick-dots li { background: #000; }
.p-index-content07__catch { font-size: 40px; line-height: 1.4; margin-bottom: 82px; text-align: center; }
.p-index-content07__review { margin-left: auto; margin-right: auto; padding-bottom: 80px; width: 68.49558%; }
.p-index-content07__archive-link { font-size: 14px; position: absolute; right: 0; bottom: 0; }
.p-index-content07__archive-link::after { content: "\e910"; display: inline-block; font-family: "design_plus"; margin-left: 14px; transition-property: none; }
.p-index-content07__archive-link:hover { color: #e37100; }

 /** index content08 **/
.p-index-content08 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.p-index-content08 .p-index-content08__inner { height: auto; }
.p-index-content08__inner { text-align: center; vertical-align: middle; }

 /** index slider **/
.p-index-slider { overflow: hidden; position: relative; width: 100%; height: 740px; min-height: 445px; }
.p-index-slider__shadow{background: rgba(0,0,0,0.95); width: 100%; height: 100%; opacity: 1; transition: 0.5s;}
.p-index-slider__item { background-position: center center; background-size: cover; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.p-index-slider__item:first-child { display: block; }
.p-index-slider__item.is-active .p-index-slider__item-catch, .p-index-slider__item.is-active .p-index-slider__item-desc, .p-index-slider__item.is-active .p-index-slider__item-image { opacity: 1; transition: 0.5s; }
.p-index-slider__item.is-active .p-index-slider__item-button { opacity: 1; transition: background-color 0.2s, color 0.2s, opacity 0.25s linear 1.25s; }
.p-index-slider__item.is-active .p-index-slider__item-catch, .p-index-slider__item.is-active .p-index-slider__item-desc { transition-delay: 0.75s; }
.p-index-slider__item.is-active .p-index-slider__item-image { transition-delay: 1.75s; }
.p-index-slider__item--type2 .p-index-slider__item-content { order: 1; }
.p-index-slider__item--type2 .p-index-slider__item-catch, .p-index-slider__item--type2 .p-index-slider__item-desc { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-index-slider__item--type2 .p-index-slider__item-image { -webkit-transform: translateX(-50%); transform: translateX(-50%); order: 0; }
.p-index-slider__item--type2.is-active .p-index-slider__item-catch, .p-index-slider__item--type2.is-active .p-index-slider__item-desc, .p-index-slider__item--type2.is-active .p-index-slider__item-image { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.p-index-slider__item--type3 .p-index-slider__item-catch, .p-index-slider__item--type3 .p-index-slider__item-desc { -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.p-index-slider__item--type3 .p-index-slider__item-image { -webkit-transform: translateX(50%); transform: translateX(50%); }
.p-index-slider__item--type3.is-active .p-index-slider__item-catch, .p-index-slider__item--type3.is-active .p-index-slider__item-desc, .p-index-slider__item--type3.is-active .p-index-slider__item-image { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.p-index-slider__item-inner { color: #fff; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 445px; margin: auto; position: absolute; right: 0; bottom: 0; left: 0; top: 110px; /* top: 55px; */ }

.p-index-slider__item-content { width: 50%; }
.p-index-slider__item-catch { font-size: 37px; font-weight: 700; line-height: 1.4; margin-bottom: 12.4px; opacity: 0; text-shadow: 2px 2px 3px #000;}
.p-index-slider__item-desc { font-size: 18px; line-height: 2.2; margin-bottom: 20.4px; opacity: 0; text-shadow: 2px 2px 3px #000;}
.p-index-slider__item-image { opacity: 0; width: 48%; }
.p-index-slider__item-image img { width: 100%; height: auto; }
.p-index-slider__item-button { opacity: 0; }

 /** latest news **/
.p-latest-news { margin-bottom: 150px; }
.p-latest-news__title { background: #131e20; color: #fff; font-size: 16px; height: 55px; line-height: 55px; padding-left: 26px; position: relative; }
.p-latest-news__archive-link { color: #fff; font-size: 14px; position: absolute; top: 0; right: 18px; }
.p-latest-news__archive-link:hover { color: #e37100; }
.p-latest-news__archive-link::after { content: "\e910"; font-family: "design_plus"; margin-left: 12px; transition-property: none; }
.p-latest-news__item a { border: 1px solid #ddd; border-top: 0; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 54px; height: 54px; padding-left: 23px; padding-right: 45px; overflow: hidden; position: relative; width: 100%; }
.p-latest-news__item a::after { color: #aaa; content: "\e910"; font-family: "design_plus"; position: absolute; top: 0; right: 12px; bottom: 0; }
.p-latest-news__item a:hover { background: #f8f8f8; }
.p-latest-news__item a:hover::after { color: #000; }
.p-latest-news__item-date { color: #999; font-size: 12px; margin-right: 22px; line-height: 54px; height: 54px; }
.p-latest-news__item-title { font-size: 14px; overflow: inherit; text-overflow: ellipsis; white-space: nowrap; }

/** lightbox **/
.lb-nav { /*background: #222;*/ top: -webkit-calc(100% + 50px); top: calc(100% + 50px); height: 50px; }
.lb-nav i{position: absolute; top: 45%; left: 50%; margin-left: -8px;}
.lb-nav a.lb-prev, .lb-nav a.lb-next { background: none; opacity: 1; line-height: 50px; position: absolute; width: 50px; height: 50px; z-index: 9999; color: #fff; font-size: 48px; text-shadow: 1px 1px 0 #000;}
.lb-nav a.lb-prev { left: -webkit-calc(50% - 51px); left: calc(50% - 51px); }
.lb-nav a.lb-next { left: -webkit-calc(85% + 1px); left: calc(85% + 1px); }
.lb-dataContainer { height: 100px; padding-top: 0; }
.lb-data { background: none; height: 30px; line-height: 30px; padding: 0; }
.lb-data .lb-details { box-sizing: border-box; float: none; padding: 0 10px; text-align: center; width: 100%; }
.lb-data .lb-caption { display: block !important; height: 30px; line-height: 30px; }
.lb-data .lb-number { padding-bottom: 0; }
.lb-data .lb-close { float: right; line-height: 30px; opacity: 1; position: relative; width: 30px; height: 30px; z-index: 999; color: #fff; font-size: 20px;}
.lightbox .lb-image { border: 0; border-radius: 0; }

/** load post **/
.p-logo a { color: #fff; }

 /** Login **/
.p-login {background: #131e20; font-size: 24px; height: 100px; line-height: 100px; overflow: hidden; position: relative;}
.p-login .p-login__inner {width: 100%;}
.p-login .p-login__inner:after{content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden;}
.p-login .p-login__inner ul{width: 100%; margin: 0 auto;}
.p-login .p-login__inner li{float: none; width: 100%; text-align: center; max-width: 340px; margin: 0 auto;}
.p-login .p-login__inner .regist{background: #5cb85c; border: 2px solid #398439; color: #fff; box-sizing: border-box; border-radius: 30px; font-size: 24px; line-height: 50px; min-width: 95%; height: 55px; padding: 0 15px;}
.p-login .p-login__inner .regist:hover{background: #449d44; color: #fff;}
.p-login .p-login__inner .login{background: #fa363a; border: 2px solid #db0c10; color: #fff; box-sizing: border-box; border-radius: 30px; font-size: 24px; line-height: 50px; min-width: 95%; height: 55px; padding: 0 15px;}
.p-login .p-login__inner .login:hover{background: #ff4502; color: #fff;}

 /** news list **/
.p-news-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 122px; }
.p-news-list__item { box-sizing: border-box; margin-bottom: 28px; width: 48.67257%; }
.p-news-list__item:nth-child(even) { margin-right: 0; }
.p-news-list__item.is-active { -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }

 /** news ticker **/
.p-news-ticker { background: #131e20; font-size: 14px; height: 60px; line-height: 60px; overflow: hidden; position: relative;}
.p-news-ticker a { color: #fff; }
.p-news-ticker__list { position: relative; width: 100%; }
.p-news-ticker__item { display: none; width: 100%; color: #FFF; }
.p-news-ticker__item a:hover { color: #e37100; }
.p-news-ticker__item-date { color: #fa363a; margin-right: 20px; }
.p-news-ticker__item p{display: inline-block;}
.p-news-ticker__archive-link { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; z-index: 100; }
.p-news-ticker__archive-link:hover { color: #e37100; }

/** page-links **/
.p-page-links { font-size: 14px; }
.p-page-links a, .p-page-links span { color: #fff; display: inline-block; line-height: 40px; text-align: center; width: 40px; height: 40px; }
.p-page-links span, .p-page-links a span:hover { background: #ff7f00; }
.p-page-links a span { background: #131e20; }
.p-page-links .p-page-links__title { background: transparent; color: #000; text-align: left; width: auto; height: auto; }

.p-index__promotion{margin: 2.5rem auto; max-width: 600px;}
.p-index__promotion img{width: 100%; transition-property: opacity; transition: 0.5s; background: #fff;}
@media screen and (max-width: 767px) {
  .p-index__promotion {margin: 1.25rem auto; max-width: 360px;}
}


/** pagetop **/
#js-pagetop {background: #999; position: fixed; right: 5%; bottom: 5%; z-index: 9999; transition: all 0.3s; border-radius: 30px;}
#js-pagetop a {color: #F8F7F3; font-size: 1.5em; padding: 12px; display: block; transition: all 0.3s; border-radius: 30px;}
#js-pagetop a:hover{background: #ff4502;}

.slick-dots li { border-radius: 50%; margin: 0 14px 0 0; width: 12px; height: 12px; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease; }
.slick-dots li:last-child { margin-right: 0; }
.slick-dots li.slick-active, .slick-dots li:hover { background: #fa363a; }
@media screen and (max-width: 767px) {
	.slick-dots li.slick-active { background: #fa363a !important;}
	.slick-dots li:hover{ background: #000; }
}
.slick-dots li button { width: 12px; height: 12px; }
.slick-dots li button::before { content: ""; }

/** showcase **/
.p-showcase { color: #fff; overflow: hidden; position: relative; width: 100%; height: 580px; }
.p-showcase::before { box-sizing: border-box; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.p-showcase--reverse .p-showcase__content { right: 0; }
.p-showcase--reverse .p-showcase__image { left: 0; }
.p-showcase__inner { height: 100%; opacity: 0; transition-property: opacity; transform: translateY(10%); }
.p-showcase__inner.is-active { opacity: 1; transform: translateY(0); transition: 0.5s; transition-delay: 0s; }
.p-showcase__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 46.0177%; }
.p-showcase__catch { font-size: 40px; font-weight: 700; line-height: 1.4; margin-bottom: 15px; text-shadow: 2px 2px 3px #000;}
.p-showcase__desc { font-size: 16px; line-height: 2.2; margin-bottom: 15px; text-shadow: 2px 2px 3px #000;}
.p-showcase__image { position: absolute; right: 0; width: 50%; }
.p-showcase__image img { width: 100%; height: auto; }

/** social nav **/
.p-social-nav { margin-bottom: 30px; text-align: center; }
.p-social-nav__item { display: inline-block; margin-right: 20px; }
.p-social-nav__item:last-child { margin-right: 0; }
.p-social-nav__item a { color: #fff; }
.p-social-nav__item a::before { font-family: "design_plus"; transition-property: none; }
.p-social-nav__item a:hover { color: #e37100; }
.p-social-nav__item--facebook a::before { content: "\e902"; }
.p-social-nav__item--twitter a::before { content: "\e904"; }
.p-social-nav__item--instagram a::before { content: "\ea92"; }
.p-social-nav__item--rss a::before { content: "\e90b"; }

/** wordpress Contents **/
/* common */
section#join,section#operation,section#shop-list,section#jpc,section#contact,section#not-found {margin: 120px 0;}
/* JPC・イベント表示時のみ */
/* section#join,section#operation,section#shop-list,section#jpc,section#contact,section#not-found {margin: 145px 0;} */

/* join */
section#join .l-inner{margin-bottom: 0; border-bottom: 1px solid #ddd; padding: 30px 0;}
section#join .l-inner:first-child{border-bottom:none; padding: 10px 0;}
section#join .l-inner:last-child{border-bottom:none; padding: 30px 0 0;}
section#join .l-inner:after{content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden;}
section#join h2{font-size: 40px; line-height: 1.6; margin-bottom: 0; padding: 5px 0; text-align: center; font-weight: 700; border-bottom: 5px #fa363a solid;}
section#join h3{font-size: 22px; line-height: 1.5; margin-bottom: 15px; font-weight: 700; border-left: 7px #fa363a solid; padding: 5px 0 5px 10px; color: #fa363a; background: #f9f9f9}
section#join .content__block{width: 100%; font-size: 14px; line-height: 2;}
section#join .content__item-image{float: left; width: 28%; margin-right: 2%;}
section#join .content__item-image img{width: 100%;}
section#join .content__desc{float: left; width: 70%;}

/* operation */
section#operation .l-inner{margin-bottom: 0; border-bottom: 1px solid #ddd; padding: 30px 0;}
section#operation .l-inner:first-child{border-bottom:none; padding: 10px 0;}
section#operation .l-inner:last-child{border-bottom:none; padding: 30px 0 0;}
section#operation .l-inner:after{content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden;}
section#operation h2{font-size: 40px; line-height: 1.6; margin-bottom: 10px; padding: 5px 0; text-align: center; font-weight: 700; border-bottom: 5px #fa363a solid;}
section#operation h3{font-size: 22px; line-height: 1.5; margin-bottom: 15px; font-weight: 700; border-left: 7px #fa363a solid; padding: 5px 0 5px 10px; color: #fa363a; background: #f9f9f9}
section#operation h5{font-size: 18px; line-height: 1.5; margin-bottom: 15px; font-weight: 700; border-left: 7px #82ae46 solid; padding: 0 0 0 6px; color: #82ae46;}
section#operation p.sub{text-align: center; font-size: 18px; line-height: 2.4;}
section#operation p.read{margin-bottom: 15px; line-height: 1.5;}
section#operation .Sup{width: 100%; margin-bottom: 25px;}
section#operation .Sup h4{background: #f9f9f9; font-size: 18px; font-weight: 700; padding: 15px 10px; margin-bottom: 15px; border-bottom: 5px solid #fa363a;}
section#operation .Sup p{line-height: 1.6;}
section#operation .content__block{width: 100%; font-size: 1.05rem; line-height: 1.55rem; margin-bottom: 30px;}
section#operation .content__block:last-child{margin-bottom: 0;}
section#operation .content__block:after{content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden;}
section#operation .content__item-image{float: left; width: 28%; margin-right: 2%;}
section#operation .content__item-image img{width: 100%;}
section#operation .content__desc{float: left; width: 70%;}
section#operation .sub_contents{background: #f9f9f9; border: 3px solid #999; padding: 2.5%; width: 95%;}
section#operation .sub_contents a.btn{background: #fa363a; color: #fff; border-radius: 4px; box-sizing: border-box; display: inline-block; line-height: 1.0rem; text-align: center; padding: 10px 20px; margin: 10px 0; font-size: 1.0rem; font-weight: 700;}
section#operation .read_only{float: none !important; width: 100% !important;}

section#operation .content-top ul.flex{width: 90%; display: flex; justify-content: flex-start; align-items: center; margin: 0 auto;}
section#operation .content-top ul.flex > li:first-child{width: 32%; min-width: 250px; margin: 0 3% 0 0;}
section#operation .content-top ul.flex > li:first-child img{width: 100%; margin: 0; padding: 0;}
section#operation .content-top ul.flex > li h3{background: #fff; font-size: 2.4rem; line-height: 2.8rem; color: #333; padding: 0 0 0 12px; border-left: 10px #fa363a solid;}
section#operation .content-top ul.flex > li p{font-size: 1.05rem;}
section#operation .content-top ul.flex > li a{background: #fa363a; color: #fff; border-radius: 4px; box-sizing: border-box; display: block; font-size: 1.15rem; line-height: 1rem; text-align: center; padding: 15px; width: 50%; margin: 10px 0; min-width: 320px;}
section#operation .content-top ul.flex > li a:hover {background: #ff4502; color: #fff;}
section#operation .content-top ul.flex > li .link-none{background: #ccc; color: #fff; border-radius: 4px; box-sizing: border-box; display: block; font-size: 1.15rem; line-height: 1rem; text-align: center; padding: 15px; width: 50%; margin: 10px 0; min-width: 320px;}

/* shop */
section#shop-list .inner{margin: 0 auto; padding: 1.5rem 0;}
section#shop-list .inner:first-child{margin: 0 auto; padding: 0 0 1.5rem;}
section#shop-list h2{font-size: 40px; line-height: 1.6; margin-bottom: 2rem; padding: 5px 0; text-align: center; font-weight: 700; border-bottom: 5px #fa363a solid;}
section#shop-list h3 {font-size: 22px; line-height: 1.5; margin-bottom: 2rem; font-weight: 700; border-left: 7px #fa363a solid; padding: 5px 0 5px 10px; color: #fa363a; background: #f9f9f9;}
section#shop-list p.sub{font-size: 1.1rem; font-weight: 500; line-height: 1.6rem; text-align: center;}
section#shop-list ul.searchMenu{margin: 0 0 -3.5rem;}
section#shop-list ul.searchMenu.flex{display: flex; width: 100%; justify-content: flex-start; align-items: flex-start;}
section#shop-list ul.searchMenu.flex > li{width: 31%; margin: 0 1.5%;}
section#shop-list ul.searchMenu > li a{display: block; background: #fa363a; color: #fff; border-radius: 4px; box-sizing: border-box; font-size: 1.6rem; font-weight: 500; line-height: 1rem; text-align: center; padding: 30px 10px; width: 100%; margin: 0; transition: .2s;}
section#shop-list ul.searchMenu > li a:hover{opacity: 0.75;}

section#shop-list #search_map{padding: 4.5rem 0 1.5rem;}
section#shop-list #search_map .detail .guide{display: block; width: 92%; margin: 0 auto 1.5rem; border: 2px solid #999; padding: 1.5%; border-radius: 5px;}
section#shop-list #search_map .detail .guide h4{font-size: 1.0rem; font-weight: 600; color: #333; margin: 0 0 0.5rem; padding: 0 0 0 3px; border-left: 3px #333 solid;}
section#shop-list #search_map .detail .guide i.guide_icon{display: inline-block; width: 24px; height: 10px; background: #333; margin: 0 5px 0 0 !important;}
section#shop-list #search_map .detail .guide i.m1{background: #a079c9;}
section#shop-list #search_map .detail .guide i.m2{background: #3f92cb;}
section#shop-list #search_map .detail .guide i.m3{background: #df63a1;}
section#shop-list #search_map .detail .guide i.m4{background: #c3bf23;}
section#shop-list #search_map .detail .guide i.m5{background: #6056c3;}
section#shop-list #search_map .detail .guide i.m6{background: #eb7743;}
section#shop-list #search_map .detail .guide i.m7{background: #48c448;}
section#shop-list #search_map .detail .guide i.m8{background: #e4c31c;}
section#shop-list #search_map .detail .guide i.m9{background: #457bd3;}
section#shop-list #search_map .detail .guide ul{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
section#shop-list #search_map .detail .guide ul > li{min-width: 103px; font-size: 0.8rem; line-height: 1; margin: 0.25rem; padding: 0;}
section#shop-list #search_map .detail .article{display: block; width: 85%; margin: 0 auto; border: solid 2px #e9e9e9; padding: 3% 5%; border-radius: 5px;
background-color: #fdfdfd; background-image: url(../images/shop_list/shop_list_AreaBG.png); background-repeat: no-repeat; background-position: 50%; background-size: 55%;}
section#shop-list #search_list .detail{display: block; width: 92%; margin: 0 auto 1.5rem; border: solid 2px #e9e9e9; background-color: #fdfdfd; padding: 4% 1.5%; border-radius: 5px;}
section#shop-list #search_list .detail .form-group{max-width: 980px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
section#shop-list #search_list .detail .form-group .form-detail{width: 48%; margin: 0 1%; position: relative;}
section#shop-list #search_list .detail .form-group .form-detail label{font-size: 1.6rem; font-weight: 600; color: #333; display: inline-block; vertical-align: -5px; width: 160px;}
section#shop-list #search_list .detail .form-group .form-detail select{background: none transparent; vertical-align: middle;
font-size: inherit; color: inherit; appearance: button; appearance: none; height: 50px; padding: 10px;
border: 1px solid #fa363a; color:#333; width: 280px; border-radius:3px; position: relative;}
section#shop-list #search_list .detail .form-group .form-detail .select-box{display: inline-block; position: relative;}
section#shop-list #search_list .detail .form-group .form-detail .select-box:before {content: "▼"; position: absolute; right: 10px; top: 3px; line-height: 43px; color: #fa363a; pointer-events: none; z-index: 1;}
section#shop-list #search_list .detail .form-group .form-detail select option{background-color: #fff; color: #333;}
section#shop-list #search_list .detail .form-group .form-detail form{display: inline-block;}

section#shop-list #league_list{}
section#shop-list #league_list .detail{width: 95%; margin: 0 auto 2.0rem;}
section#shop-list #league_list .detail .tablebox{overflow-x: auto;}
section#shop-list #league_list .detail:last-of-type{margin: 0 auto;}
section#shop-list #league_list .detail a{color: #fa363a;}
section#shop-list #league_list .detail a:hover{opacity: 0.75;}
section#shop-list #league_list .detail a.btn-site{display: block; background: #fa363a; color: #fff; padding: 5px; margin: 0 auto; text-align: center; border-radius: 30px;}
section#shop-list #league_list .detail h4{font-size: 1.0rem; font-weight: 600; color: #333; margin: 0 0 0.5rem; padding: 0 0 0 3px; border-left: 3px #333 solid;}
section#shop-list #league_list .detail table{color:#222; border-collapse:collapse;}
section#shop-list #league_list .detail table th,
section#shop-list #league_list .detail table td{border:solid 2px #e9e9e9; white-space: nowrap;}
section#shop-list #league_list .detail table th{font-weight: 600; background-color: #fdfdfd; padding: 1.5%;}
section#shop-list #league_list .detail table td{font-size: 0.85rem; line-height: 1.4em; vertical-align: middle; padding: 0.5% 1.5%;}
section#shop-list #league_list .detail table td p.tel{font-size: 1.25rem; font-weight: 500; line-height: 1.25em;}
section#shop-list #league_list .detail table td span{display: block; font-size: 0.7rem;}

.scroll-hint-text{margin-top:0;}
.jpmap_l_ttl{}
.jpmap_l_ttl h3{display: block; font-size: 0.8rem;}
.jpmap_l_list ul{width: 220px; max-width: 220px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.jpmap_l_list ul > li{width: 32.33%; margin: 1% 0.5%;}
.jpmap_l_list ul > li p{display: block; width: 100%; font-size: 0.65rem; line-height: 1; text-align: center;}


/* jp championships */
section#jpc .l-inner{margin-bottom: 0; border-bottom: 1px solid #ddd; padding: 30px 0;}
section#jpc .l-inner:first-child{border-bottom:none; padding: 10px 0;}
section#jpc .l-inner:last-child{border-bottom:none; padding: 30px 0 0;}
section#jpc .l-inner:after{content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden;}

/* Contact */
section#contact .l-inner{margin-bottom: 0; padding: 25px 0 0;}
section#contact .l-inner:first-child{border-bottom:none; padding: 10px 0;}
section#contact .l-inner:last-child{border-bottom:none; padding: 25px 0 0;}
section#contact .l-inner:after{content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden;}
section#contact .l-inner:nth-of-type(5){border-top: 1px dotted #333; margin: 25px auto 0;}
section#contact h2{font-size: 40px; line-height: 1.6; margin-bottom: 0; padding: 5px 0; text-align: center; font-weight: 700; border-bottom: 5px #fa363a solid;}
section#contact h3{font-size: 18px; line-height: 1.5; margin-bottom: 15px; font-weight: 700; border-left: 7px #fa363a solid; padding: 5px 0 5px 10px; color: #fa363a; background: #f9f9f9}
section#contact p.content__desc{width: 100%; font-size: 14px; line-height: 1.5em;}
section#contact .notice{border-top: 1px dotted #333; margin: 25px auto 0;}
section#contact .notice h3{background: none; border-left: none; padding: 0; margin: 0 0 5px;}
section#contact .office_info{}
section#contact .office_info p{color: #333; font-size: 24px; line-height: 1.25em; font-weight: 700; display: block; margin: 0 0 10px;}
section#contact .office_info span{line-height: 1.5em; font-size: 14px;}

/* Contactform */
.wpcf7 { background: #fafafa; border: 1px solid #ddd; font-size: 14px; margin: 0; padding: 0; width: 100%; }
.wpcf7 form { margin: 1.5em 1.5em 0; }
.wpcf7 h4 { margin-bottom: 0.5em; font-size: 16px; font-weight: 700; }
.wpcf7 p {margin-bottom: 1.5em; font-size: 16px;}
.wpcf7 input, .wpcf7 textarea { border: 1px solid #ccc; box-sizing: border-box; line-height: 1.2; padding: 8px; width: 100%; border-radius: 4px;}
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { border: 1px solid #ccc; max-width: 97%; padding: 8px;}
.wpcf7 select, .wpcf7 .wpcf7-list-item-label { font-size: 14px; line-height: 1.2; }
.wpcf7 .wpcf7-list-item { display: block; }
.wpcf7 textarea { height: 300px; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border: 1px solid #bbb; box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5); outline: none; }
.wpcf7 .wpcf7-submit {box-sizing: border-box; position: relative; display: block; width: 220px; height: 50px; margin: 10px auto; background-color: #fa363a; cursor: pointer; border: none !important; color: #fff; text-align: center; text-decoration: none; font-size: 16px; font-weight: 700; line-height: 1.5; outline: none; -webkit-transition: all .3s; transition: all .3s; }
.wpcf7 .wpcf7-submit:before, .wpcf7 .wpcf7-submit:after { box-sizing: border-box; }
.wpcf7 .wpcf7-submit:hover { background-color: #ff4502; }
.wpcf7 .wpcf7-submit .wpcf7-not-valid { background: pink; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%; margin-top: 10px;}
.wpcf7 .wpcf7-validation-errors {border: 2px solid #fa363a; background-color: #ffefef;}
.wpcf7 .wpcf7-mail-sent-ok {border: 2px solid #398f14; background-color: #D9EDF7;}
.wpcf7 .wpcf7-response-output {margin: 0 0 20px; padding: 10px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/* 404 - not found */
section#not-found .l-inner{margin-bottom: 0; padding: 25px 0;}
section#not-found .not-found___Area{text-align: center;}
section#not-found .not-found___Area .not-found___image{background: url(../images/image_404.png) no-repeat 50% 50%; text-indent: -9999px; background-size: contain; padding: 25%; margin-bottom: 15px;}
section#not-found .not-found___Area .not-found___title{font-size: 40px; font-weight: 700; color: #474747; margin-bottom: 15px;}
section#not-found .not-found___Area .not-found___desc a:hover{color: #ff4502;}

/* Data Table */
table.dataTable thead > tr > th {padding-right: 18px;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {position: sticky;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {opacity: 0.5; font-family: FontAwesome;}
table.dataTable thead .sorting:after {content: "\f07d";}
table.dataTable thead .sorting_asc:after {content: "\f176";}
table.dataTable thead .sorting_desc:after {content: "\f175";}
table.table-bordered.dataTable {border-collapse: collapse !important;}
.fg-toolbar {margin: 20px 0;}
.ui-helper-clearfix:after,
div.dataTables_paginate:after {content: ""; display: table; clear: both;}
.dataTables_paginate>a:hover,
.dataTables_paginate>span>a:hover {opacity: 1;}
.dataTables_paginate>a, .dataTables_paginate>span>a {display: inline-block; position: relative; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.dataTables_paginate>.ui-state-disabled {color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.dataTables_paginate>span>.ui-state-disabled {z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7;}
.dataTables_wrapper .top,
.dataTables_wrapper .bottom {display:-webkit-box; display:-ms-flexbox; display: -webkit-flex; display:flex; flex-wrap: wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; align-items: center; padding: 10px; background: #eee;}
div.dataTables_info {padding-top: 0; width: 205px;}
div.dataTables_filter input {margin-left: 0; display: block; width: 300px; font-size: 107%; padding: .3rem .75rem; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #aaa; border-radius: 0; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;}
div.dataTables_length {width: 125px; margin-left: 15px;}
div.dataTables_length select {padding: .3rem .75rem .3rem .2rem;}
.dataTables_paginate .ellipsis {display: none;}
div.dataTables_paginate {margin-left: auto;}
.datatable-passed-machine {vertical-align: middle !important; text-align: center;}
.datatable-passed-rank,
.datatable-passed-id {text-align: center;}
.datatable-area {white-space: nowrap;}
table.dataTable>tbody>tr.show-sp,
table.dataTable>tbody>tr>td.show-sp {display: none;}

@media screen and (max-width: 999px) {
	.dataTables_wrapper .top,
	.dataTables_wrapper .bottom {display: block; padding-top: 1px; padding-bottom: 1px;}
	div.dataTables_info,
	div.dataTables_filter input,
	div.dataTables_length {width: 350px; margin-right: auto; margin-left: auto; font-size: 107%;}
	div.dataTables_paginate {margin-bottom: 15px; text-align: center;}
	div.dataTables_info {margin-bottom: 10px; margin-top: 10px;}
	div.dataTables_length {margin-bottom: 20px;}
	.dataTables_filter {margin-bottom: 10px;}
	.dataTables_paginate>a, .dataTables_paginate>span>a { padding-left: 0; padding-right: 0; width: 35px;}
	div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {text-align: center;}
}
@media screen and (max-width: 736px) {
	.table-striped > tbody > tr:nth-of-type(even) {background-color: transparent;}
	table.table-responsive {width: 100% !important;}
	table.table-responsive>thead>tr>th,
	table.table-responsive>thead>tr>td {display: none;}
	table.table-responsive>tbody>tr {display:-webkit-box; display:-ms-flexbox; display: -webkit-flex; display:flex; flex-wrap: wrap;}
	table.table-responsive>tbody>tr>th,
	table.table-responsive>tbody>tr>td {display: block; box-sizing: border-box; border-bottom: 0; border-left: 0; white-space: pre-line;}
	.dataTables_paginate>a, .dataTables_paginate>span>a {float: none;}
	div.dataTables_length, div.dataTables_filter, div.dataTables_info {width: 100%;}
	div.dataTables_filter input {display: block; width: 100%; margin: auto;}
	.dataTables_length {margin: 10px 0;}
	.datatable-id {width: 50%;}
	.datatable-id:before {content: "ID：";}
	.datatable-id.w100 {width: 100%;}
	.datatable-range {width: 50%; border-right: 0 !important;}
	.datatable-player1,
	.datatable-player2 {width: 50%; text-align: center;}
	.datatable-player1:before,
	.datatable-player2:before {font-family: FontAwesome; content: "\f007"; margin-right: 0.2em;}
	.datatable-player1Rt,
	.datatable-player2Rt {width: 50%; border-right: 0 !important;}
	.datatable-player1Rt:before,
	.datatable-player2Rt:before {content: "（Rt/";}
	.datatable-player1Rt:after,
	.datatable-player2Rt:after {content: "）";}
	.datatable-Rt {width: 100%; border-right: 0 !important;}
	.datatable-Rt:before {content: "合計Rt/";}
	.datatable-shop {width: 100%; padding-bottom: 0 !important; text-align: center; border-right: 0 !important;}
	.datatable-shop:before {font-family: FontAwesome; content: "\f015"; margin-right: 0.2em;}
	.datatable-area {width: 100%; padding-top: 0 !important; border-top: 0 !important;}
	.datatable-area:before {content: "（";}
	.datatable-area:after {content: "）";}
	.datatable-jokyo-shop,
	.datatable-jokyo-prefecture,
	.datatable-jokyo-seatSAT,
	.datatable-jokyo-seatSUN,
	.datatable-jokyo-entry,
	.datatable-caravan-agenda,
	.datatable-caravan-week,
	.datatable-caravan-time,
	.datatable-caravan-player,
	.datatable-caravan-shop,
	.datatable-caravan-city {width: 100%; text-align: left;}
	.datatable-jokyo-shop,
	.datatable-caravan-agenda {border-right: 0 !important;}
	.datatable-jokyo-prefecture,
	.datatable-caravan-week {border-right: 0 !important; padding-bottom: 0 !important;}
	.datatable-jokyo-seatSAT,
	.datatable-jokyo-seatSUN,
	.datatable-caravan-time,
	.datatable-caravan-player,
	.datatable-caravan-shop {border-right: 0 !important; border-top: 0 !important; padding-bottom: 0 !important;}
	.datatable-jokyo-entry,
	.datatable-caravan-city {border-top: 0 !important;}
	.datatable-jokyo-seatSAT:empty,
	.datatable-jokyo-seatSUN:empty,
	.datatable-caravan-time:empty {display: none !important;}
	.datatable-jokyo-shop:before {content: "店舗名 : ";}
	.datatable-jokyo-prefecture:before {content: "都道府県 : ";}
	.datatable-jokyo-seatSAT:before {content: "座席情報(土曜) : ";}
	.datatable-jokyo-seatSUN:before {content: "座席情報(日曜) : ";}
	.datatable-jokyo-entry:before {content: "エントリー状況 : ";}
	.datatable-caravan-agenda:before {content: "日程 : ";}
	.datatable-caravan-week:before {content: "曜日 : ";}
	.datatable-caravan-time:before {content: "時間 : ";}
	.datatable-caravan-player:before {content: "プレイヤー : ";}
	.datatable-caravan-shop:before {content: "SHOP名 : ";}
	.datatable-caravan-city:before {content: "都道府県 : ";}
	table.dataTable>tbody>tr.hide-sp,
	table.dataTable>tbody>tr>td.hide-sp,
	table.dataTable>tbody>tr.none {display: none;}
	table.dataTable>tbody>tr.show-sp,
	table.dataTable>tbody>tr>td.show-sp {display: block;}
	.table-reduction>thead>tr>th,
	.table-reduction>thead>tr>td {vertical-align: middle; text-align: center;}
	.table-reduction>thead>tr>th,
	.table-reduction>thead>tr>td,
	.table-reduction>tbody>tr>th,
	.table-reduction>tbody>tr>td {padding: 0 !important;}
	.table-reduction>tbody>tr>td.datatable-passed-machine {padding: 3px !important;}
	.datatable-passed-rank ul>li,
	.datatable-passed-id ul>li,
	.datatable-passed-player1 ul>li,
	.datatable-passed-player2 ul>li {height: 50px; padding: 5px;}
	.table-border-bottom {border-bottom: 1px solid #ccc;}
	.subgroups3 {border-top: 1px solid #ccc;}
}

/** wordpress preset style **/
/* table style */
.table_no_border th, .table_no_border td { border: none; padding-left: 0; }
.table_border_horizontal th, .table_border_horizontal td { border-left: none; border-right: none; padding-left: 0; }

/* gallery */
.gallery { margin-bottom: 20px; }
.gallery a img { border: 0 !important; }
.gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); }
.gallery-columns-10 .gallery-item { max-width: 7%; max-width: -webkit-calc(9.4% - 0px); max-width: calc(9.4% - 0px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right: 0; }
.gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; }
.gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; }


/* Utility ----------------------------------------------------------------- */
/** clearfix */
.u-clearfix::after { clear: both; content: " "; display: table; }
/** float */
.u-left { float: left; }
.u-right { float: right; }
/** hidden */
.u-hidden { display: none; }
@media only screen and (max-width: 991px) { .u-hidden-sm { display: none; } }
/** overflow */
.u-overflow-hidden { overflow: hidden; }
/**  Column layout - カラムレイアウト  */
.post_row { line-height: 2; margin-left: -15px; margin-right: -15px; }
.post_row:before, .post_row:after { content: " "; display: table; }
.post_row:after { clear: both; }
.post_col, .post_col-2, .post_col-3 { float: left; margin-bottom: 2em; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (min-width: 768px) { .post_col-2 { width: 50%; /* 2カラム */ }
  .post_col-3 { width: 33.33333%; } }
@media screen and (min-width: 1024px) { .post_col-2 { width: 50%; /* 2カラム */ }
  .post_col-3 { width: 33.33333%; } }
/** headline - 見出しのスタイル */
.style3a, .style3b, .style4a, .style4b, .style5a, .style5b, .style6 { line-height: 1.6; }
/* h3 */
.style3a { border-top: 1px solid #222; border-bottom: 1px solid #222; font-size: 22px; font-weight: 400; margin: 3em 0 1.5em; padding: 1.1em .2em 1em; }
.style3b { background: #fafafa; border-top: 2px solid #222; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px #f7f7f7; font-size: 22px; font-weight: 400; margin: 3em 0 1.5em; padding: 1.1em .9em 1em; }
/* h4 */
.style4a { border-bottom: none; border-left: 2px solid #222; font-size: 18px; font-weight: 400; margin: 2.5em 2px 1.2em; padding: .3em 0 .3em .8em; }
.style4b { border-bottom: 1px dotted #aaa; font-size: 18px; font-weight: 400; margin: 2.5em 0 1.2em; padding: .9em 0 .8em; }
/* h5 */
.style5a { background: #f5f5f5; box-shadow: 0px 2px 0px 0px #f2f2f2; font-size: 18px; font-weight: 700; margin: 2em 0 1em; padding: .5em .8em .3em 1em; }
.style5b { background: #222; border-radius: 4px; box-shadow: 0px 2px 0px 0px #f2f2f2; color: #fff; font-size: 18px; font-weight: 400; margin: 2em 0 1em; padding: .5em .8em .4em 1em; }
/* h6 */
.style6 { color: #222; font-size: 16px; font-weight: bold; margin: 2em 0 1em; padding: .5em .8em .8em 1.3em; position: relative; }
.style6:before { background: #222; content: ""; position: absolute; top: .5em; left: .2em; width: 12px; height: 12px; }
.balloon { background: #222; border-bottom: 0; clear: both; color: #fff; display: block; font-size: 20px; font-weight: 400; margin: 50px 0 22px; min-width: 115px; padding: .5em 18px .5em; position: relative; text-align: left; width: auto; z-index: 0; }
.balloon:after { border-color: #222 transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px; bottom: -10px; content: ""; display: block; margin-left: -10px; position: absolute; left: 30px; width: 0px; height: 0px; }
/** flame - 囲み枠  */
.well { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; margin-bottom: 20px; min-height: 20px; padding: 19px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well2 { margin: 1em 0 30px; padding: 1em 1.5em; line-height: 2; border: 1px solid #cdcdcd; background: #fcfcfc; box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3); }
.well3 { margin: 2em 0 2.5em; padding: 1em 1.5em; line-height: 2.0; border: 1px dashed #cdcdcd; background: #fcfcfc; box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3); }
.wl_red { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.wl_yellow { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.wl_blue { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.wl_green { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
/** button - CSSボタンのスタイル  */
.q_button { background-color: #535353; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-sizing: border-box; color: #fff !important; display: inline-block; font-size: 100%; font-weight: 400; min-width: 200px; margin: 0; max-width: 90%; padding: .6em 1.3em .5em; transition: all 0.3s ease-in-out 0s; text-decoration: none; text-align: center; vertical-align: middle; }
.q_button:hover, .q_button:focus { background-color: #7d7d7d; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset; color: #fff; text-decoration: none; }
/* Button option */
.rounded { border-radius: 6px; }
.pill { border-radius: 50px; }
.sz_full { display: block; font-size: 110%; max-width: 100%; min-width: 100px; padding: 1em 1.5em .9em; }
.sz_l { font-size: 110%; max-width: 90%; min-width: 350px; padding: .8em 1.5em .7em; }

@media screen and (max-width: 767px) { .sz_l { box-sizing: border-box; max-width: 100%; min-width: 0; width: 100%; } }
.sz_s { min-width: 100px; max-width: 90%; font-size: 85%; padding: .4em 1em .3em; }
.bt_red { background: #c01f0e; color: #fff; }
.bt_red:hover, .bt_red:focus { background-color: #d33929; color: #fff; }
.bt_yellow { background: #f1c40f; color: #fff; }
.bt_yellow:hover, .bt_yellow:focus { background-color: #f9d441; color: #fff; }
.bt_blue { background: #2980b9; color: #fff; }
.bt_blue:hover, .bt_blue:focus { background-color: #3a91c9; color: #fff; }
.bt_green { background: #27ae60; color: #fff; }
.bt_green:hover, .bt_green:focus { background-color: #39c574; color: #fff; }

/** Youtube responsive - Youtube動画のレスポンシブ表示 */
.ytube { position: relative; height: 0; margin-top: 20px; margin-bottom: 20px; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; }
.ytube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/** Table responsive - テーブルのレスポンシブ表示 */
.rps_table { line-height: 2.0; }
@media only screen and (max-width: 480px) { .rps_table tr { display: block; margin-bottom: 1.5em; }
.rps_table th, .rps_table td { display: list-item; list-style-type: none; border: none; } }
.clear { clear: both; }

/** font-size - フォントサイズ */
.text70 { font-size: 70%; }
.text80 { font-size: 80%; }
.text90 { font-size: 90%; }
.text100 { font-size: 100%; }
.text110 { font-size: 110%; }
.text120 { font-size: 120%; }
.text130 { font-size: 130%; }
.text140 { font-size: 140%; }
.text150 { font-size: 150%; }
.text160 { font-size: 160%; }
.text170 { font-size: 170%; }
.text180 { font-size: 180%; }
.text190 { font-size: 190%; }
.text200 { font-size: 200%; }
.text210 { font-size: 210%; }
.text220 { font-size: 220%; }
/* 太字 */
.b { font-weight: 700; }
/* 下線 */
.u { text-decoration: underline; }
/* 打ち消し線 */
.del { text-decoration: line-through; }
/** font-color - フォントカラー */
.red { color: red; }
.blue { color: #2ca9e1; }
.green { color: #82ae46; }
.orange { color: #ff7d00; }
.yellow { color: #fff000; }
.pink { color: #ff0084; }
.gray { color: #999999; }
/** background-color - 背景色 */
.bg-blue { background-color: #4ab0f5; padding: 5px 10px; }
.bg-red { background-color: #ffefef; padding: 5px 10px; }
.bg-yellow { background-color: #ff0; padding: 5px 10px; }

/** text-align - 配置 */
.align1 { text-align: center !important; }
.align2 { text-align: right !important; }
.align3 { text-align: left !important; }
.r-flo { float: right; margin: 10px; }
.l-flo { float: left; margin: 10px; }
/* 回り込みの解除 */
.f-clear { clear: both; }
/** hover - 画像リンクマウスオーバー時の不透明度 */
a img.fade { background: none !important; outline: none; -webkit-transition: all .3s; transition: all .3s; }
a:hover img.fade { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background: none !important; }

/** text-style - テキストスタイル */
/* 注意書き等で二行目以降を字下げ */
.att { padding-left: 1em; text-indent: -1em; }

/* テキストボックス */
.att_box { margin: 2em 0 2.5em; padding: 1em 1.2em; line-height: 2.0; border: 1px dotted #cccccc; background: #fcfcfc; box-shadow: 0px 4px 0px 0px #f7f7f7; }

/** margin - 要素の外側の余白 */
.m0 { margin: 0!important; }
.mt0 { margin-top: 0!important; }
.mr0 { margin-right: 0!important; }
.mb0 { margin-bottom: 0!important; }
.ml0 { margin-left: 0!important; }
.m5 { margin: 5px !important; }
.mt5 { margin-top: 5px !important; }
.mr5 { margin-right: 5px !important; }
.mb5 { margin-bottom: 5px !important; }
.ml5 { margin-left: 5px !important; }
.m10 { margin: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mr10 { margin-right: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.m15 { margin: 15px !important; }
.mt15 { margin-top: 15px !important; }
.mr15 { margin-right: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml15 { margin-left: 15px !important; }
.m20 { margin: 20px !important; }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.m25 { margin: 25px !important; }
.mt25 { margin-top: 25px !important; }
.mr25 { margin-right: 25px !important; }
.mb25 { margin-bottom: 25px !important; }
.ml25 { margin-left: 25px !important; }
.m30 { margin: 30px !important; }
.mt30 { margin-top: 30px !important; }
.mr30 { margin-right: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.m35 { margin: 35px !important; }
.mt35 { margin-top: 35px !important; }
.mr35 { margin-right: 35px !important; }
.mb35 { margin-bottom: 35px !important; }
.ml35 { margin-left: 35px !important; }
.m40 { margin: 40px !important; }
.mt40 { margin-top: 40px !important; }
.mr40 { margin-right: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.m45 { margin: 45px !important; }
.mt45 { margin-top: 45px !important; }
.mr45 { margin-right: 45px !important; }
.mb45 { margin-bottom: 45px !important; }
.ml45 { margin-left: 45px !important; }
.m50 { margin: 50px !important; }
.mt50 { margin-top: 50px !important; }
.mr50 { margin-right: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml50 { margin-left: 50px !important; }
.m55 { margin: 55px !important; }
.mt55 { margin-top: 55px !important; }
.mr55 { margin-right: 55px !important; }
.mb55 { margin-bottom: 55px !important; }
.ml55 { margin-left: 55px !important; }
.m60 { margin: 60px !important; }
.mt60 { margin-top: 60px !important; }
.mr60 { margin-right: 60px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml60 { margin-left: 60px !important; }
.m65 { margin: 65px !important; }
.mt65 { margin-top: 65px !important; }
.mr65 { margin-right: 65px !important; }
.mb65 { margin-bottom: 65px !important; }
.ml65 { margin-left: 65px !important; }
.m70 { margin: 70px !important; }
.mt70 { margin-top: 70px !important; }
.mr70 { margin-right: 70px !important; }
.mb70 { margin-bottom: 70px !important; }
.ml70 { margin-left: 70px !important; }
.m75 { margin: 75px !important; }
.mt75 { margin-top: 75px !important; }
.mr75 { margin-right: 75px !important; }
.mb75 { margin-bottom: 75px !important; }
.ml75 { margin-left: 75px !important; }
.m80 { margin: 80px !important; }
.mt80 { margin-top: 80px !important; }
.mr80 { margin-right: 80px !important; }
.mb80 { margin-bottom: 80px !important; }
.ml80 { margin-left: 80px !important; }

/** padding - 要素の内側の余白 */
.p0 { padding: 0!important; }
.pt0 { padding-top: 0!important; }
.pr0 { padding-right: 0!important; }
.pb0 { padding-bottom: 0!important; }
.pl0 { padding-left: 0!important; }
.p5 { padding: 5px !important; }
.pt5 { padding-top: 5px !important; }
.pr5 { padding-right: 5px !important; }
.pb5 { padding-bottom: 5px !important; }
.pl5 { padding-left: 5px !important; }
.p10 { padding: 10px !important; }
.pt10 { padding-top: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.p15 { padding: 15px !important; }
.pt15 { padding-top: 15px !important; }
.pr15 { padding-right: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left: 15px !important; }
.p20 { padding: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pr20 { padding-right: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.p25 { padding: 25px !important; }
.pt25 { padding-top: 25px !important; }
.pr25 { padding-right: 25px !important; }
.pb25 { padding-bottom: 25px !important; }
.pl25 { padding-left: 25px !important; }
.p30 { padding: 30px !important; }
.pt30 { padding-top: 30px !important; }
.pr30 { padding-right: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl30 { padding-left: 30px !important; }
.p35 { padding: 35px !important; }
.pt35 { padding-top: 35px !important; }
.pr35 { padding-right: 35px !important; }
.pb35 { padding-bottom: 35px !important; }
.pl35 { padding-left: 35px !important; }
.p40 { padding: 40px !important; }
.pt40 { padding-top: 40px !important; }
.pr40 { padding-right: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl40 { padding-left: 40px !important; }
.p45 { padding: 45px !important; }
.pt45 { padding-top: 45px !important; }
.pr45 { padding-right: 45px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl45 { padding-left: 45px !important; }
.p50 { padding: 50px !important; }
.pt50 { padding-top: 50px !important; }
.pr50 { padding-right: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl50 { padding-left: 50px !important; }
.p55 { padding: 55px !important; }
.pt55 { padding-top: 55px !important; }
.pr55 { padding-right: 55px !important; }
.pb55 { padding-bottom: 55px !important; }
.pl55 { padding-left: 55px !important; }
.p60 { padding: 60px !important; }
.pt60 { padding-top: 60px !important; }
.pr60 { padding-right: 60px !important; }
.pb60 { padding-bottom: 60px !important; }
.pl60 { padding-left: 60px !important; }
.p65 { padding: 65px !important; }
.pt65 { padding-top: 65px !important; }
.pr65 { padding-right: 65px !important; }
.pb65 { padding-bottom: 65px !important; }
.pl65 { padding-left: 65px !important; }
.p70 { padding: 70px !important; }
.pt70 { padding-top: 70px !important; }
.pr70 { padding-right: 70px !important; }
.pb70 { padding-bottom: 70px !important; }
.pl70 { padding-left: 70px !important; }
.p75 { padding: 75px !important; }
.pt75 { padding-top: 75px !important; }
.pr75 { padding-right: 75px !important; }
.pb75 { padding-bottom: 75px !important; }
.pl75 { padding-left: 75px !important; }
.p80 { padding: 80px !important; }
.pt80 { padding-top: 80px !important; }
.pr80 { padding-right: 80px !important; }
.pb80 { padding-bottom: 80px !important; }
.pl80 { padding-left: 80px !important; }