@charset "utf-8";
/*=========================================================================
BASIC
=========================================================================*/
section {position:relative; z-index: 1;}

body#page-Other,
#mainContents.in_page {background: #f4f5f7;}

/* ---------------------------------------------------------------- */
#sectionBasic { max-width: 1200px; margin: 0 auto;}

/* ---------------------------------------------------------------- */
#onePeriod {position: relative; z-index: 1;color: #0b2e59; max-width: 1200px; margin: 0 auto; width:100%;}
#onePeriod , #onePeriod p {line-height: 200%;}
#onePeriod:last-of-type, #onePeriod p:last-of-type {margin-bottom: 0;}


/* ---------------------------------------------------------------- */
#wide_twoLayout{background: #f4f5f7;}
#wide_twoLayout.white {background: #fff; color: #0b2e59;}

#wide_twoLayout #onePeriod {border-bottom: 1px solid #0b2e59;}
#wide_twoLayout #onePeriod:last-of-type {border-bottom: 0;}
#wide_twoLayout #onePeriod p:last-of-type {margin-bottom: 0;}

.wide_inner {height: auto; margin: 0 auto;}


/* ---------------------------------------------------------------- */
dl#wide_twoLayout dd#wide_contentsBloc {background: #f4f5f7;}
dl#wide_twoLayout.white  dd#wide_contentsBloc  {color: #0b2e59; background: #fff;}


/* ---------------------------------------------------------------- */
dl#section_titleBox {width: 100%; height: auto; margin: 0 auto; }
dl#section_titleBox dt, dl#section_titleBox dd {height: auto; position: relative; z-index: 1;}

/* ---------------------------------------------------------------- */
#section_titlePhoto, #section_titlePhoto img {width: 100%; height: auto; display: block;}
#section_titlePhoto {padding: 0; margin: auto;}
#section_titlePhoto img {object-fit: cover; background-position: left top; background-repeat: no-repeat; background-size: cover;}


/* ---------------------------------------------------------------- */
#sectionTitle, #sectionHeadline {font-weight: 600;line-height: 160%;color: #0b2e59;}

/* ---------------------------------------------------------------- */
#sectionTitle {
font-family: 'ReimY','NotoMin', YuMincho, "Yu Mincho","Hiragino Mincho ProN", "serif";
z-index: 2;
font-weight: 600;
}
#sectionTitle p, #sectionTitle.in_page {
font-weight: 400;
font-family: 'TukuGo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}

#sectionHeadline {font-weight: 500;}

/* ---------------------------------------------------------------- */
#sectionTitle img {width: 100%; height: auto; display: block;}

/* ---------------------------------------------------------------- */
#sectionHeadline p, #periodHeadline p {display: inline-block; font-weight: 400;}

/* ---------------------------------------------------------------- */
#periodHeadline {line-height: 160%; font-weight: 400;}

/* ---------------------------------------------------------------- */
#btnMore {
margin: 0 auto;
height: auto; 
font-family: 'ReimY', 'NotoMin', YuMincho, "Yu Mincho","Hiragino Mincho ProN", "serif";
font-weight: 600;
}
#btnMore a {text-decoration: none; display: block; position: relative; z-index: 1;}
#btnMore a:hover {
-ms-box-shadow:0px 0px 8px rgba(0,0,0,.2);
-moz-box-shadow:0px 0px 8px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.2);
box-shadow: 0px 0px 12px 3px rgba(0,0,0,.1);
}

/* ---------------------------------------------------------------- */
#btnMore span,
#btnMore span:after {
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

#btnMore span {
position: absolute;
z-index: 1;
height: 1px;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#btnMore span:after {
content: "";
position: absolute;
width: 1px;
height: 1em;
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


#btnMore a:hover span {right: 3%;}


/* ---------------------------------------------------------------- */
.mark_new {
font-weight: 600;
color: #c20 !important;
-moz-animation: 1s linear 0s alternate none infinite running fade;
-webkit-animation: 1s linear 0s alternate none infinite running fade;
animation: 1s linear 0s alternate none infinite running fade;
}

/* ---------------------------------------------------------------- */
#titleBg, #titleBg img {width: 100%; height: auto; display: block;}
#titleBg {margin: 0 auto; position: relative; z-index: 0; padding: 0; overflow: hidden;}
#titleBg img {object-fit: cover; object-position: center top;}


#pageTitle {
font-family: 'ReimY', YuMincho, "Yu Mincho","Hiragino Mincho ProN", "serif";
font-weight: 600;
position: absolute;
z-index: 1;
color: #fff;
left: 50%;
top: 60%;
-ms-text-shadow: 0 0 2px 8px rgba(0,0,0,.8);
-moz-text-shadow: 0 2px 8px rgba(0,0,0,.8);
-webkit-text-shadow: 0 2px 8px rgba(0,0,0,.8);
text-shadow: 0 2px 8px rgba(0,0,0,.8);

-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.only #pageTitle {
-ms-text-shadow: none;
-moz-text-shadow: none;
-webkit-text-shadow: none;
text-shadow: none;

}


/*=========================================================================
FIRSTVIEW
=========================================================================*/
#viewContainer, ul#pictureList {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
z-index: 1;
}
ul#pictureList {list-style-type: none;}
ul#pictureList li, ul#pictureList li img {width: 100%; height: 100vh; display: block; height: -webkit-fill-available;}

/* ---------------------------------------------------------------- */
ul#pictureList li {position: relative; z-index: 1;}

/* ---------------------------------------------------------------- */
ul#pictureList li img {
transform: translateX(-4%) scale(1.1);
background-repeat:repeat-x;
background-size: cover;
}

.swiper-slide {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

/* ---------------------------------------------------------------- */
#siteLogo, #viewCopy {position: absolute;z-index: 2;height: auto;}
#siteLogo a,#siteLogo img, #viewCopy img {width: 100%; height: auto; display: block;}


/* ----------------------------------------------------------------
#firstView.only {width: 96%; margin: 0 auto; }
#firstView.only #siteLogo {position: static;}
 */
#firstView.only #pageTitle {
color: #0b2e59;
font-family: 'NotoSans','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
font-weight: 400;
}


/*=========================================================================
TOP：ABOUT
=========================================================================*/
section#About {
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
overflow: hidden;
}

/* ---------------------------------------------------------------- */
section#About #sectionBasic { width: 100%; max-width: inherit; }

/* ---------------------------------------------------------------- */
#onePeriod.fee {z-index: 0;}
#onePeriod.greeting {line-height: 180%;}
#onePeriod.greeting #periodHeadline {line-height: 180%;}

/*=========================================================================
入門をお考えの方
=========================================================================*/

dl#entryFee {
background: #fff;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 58%, rgba(255,255,255,0.5872724089635855) 100%);
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
dl#entryFee:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
dl#entryFee dt, dl#entryFee dd {height: auto;}

/* ---------------------------------------------------------------- */
.period_cap { z-index: 3; position: relative;}

/* ---------------------------------------------------------------- */
table#scheduleTable {border-spacing: 0; border-collapse: 0; width: 100%;}
table#scheduleTable th, table#scheduleTable td {
width: calc(100% / 7);
background: #fff;
line-height: 120%;
border-bottom:1px solid #d3deeb;
border-right:1px solid #d3deeb;
text-align: center;
}
table#scheduleTable tr:first-of-type th, table#scheduleTable tr:first-of-type td {border-top:1px solid #d3deeb;}
table#scheduleTable th:first-of-type, table#scheduleTable td:first-of-type {border-left:1px solid #d3deeb;}
table#scheduleTable th {font-weight: 400;}
table#scheduleTable td {vertical-align: top;}
table#scheduleTable td p {line-height: 100%;letter-spacing: 0;}

/* ---------------------------------------------------------------- */
section#About #btnMore a {border: 1px solid #0b2e59; color: #0b2e59;}

section#About #btnMore a:hover {background: #fcb178; border-color:#fcb178; color: #ffff; }
section#About #btnMore span {background: #0b2e59;}
section#About #btnMore span:after {background: #0b2e59;}

section#About #btnMore a:hover span,
section#About #btnMore a:hover span:after {background: #fff;}


/*=========================================================================
TOP：稽古案内
=========================================================================*/
section#Lesson {background: #0b2e59; }

/* ---------------------------------------------------------------- */
section#Lesson #section_titleBox dt,
section#Lesson #section_titleBox dd {width: 100%; }

section#Lesson #section_titleBox dt {z-index: 1;}
section#Lesson #section_titleBox dd {z-index: 0;}

/* ---------------------------------------------------------------- */
dl#lesson_infoBloc {height: auto; margin: 0 auto; border-bottom: 1px solid #fff;}
dl#lesson_infoBloc:last-of-type {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}

dl#lesson_infoBloc dt, dl#lesson_infoBloc dd {color: #fff;}

/* ---------------------------------------------------------------- */
#info_detailTitle, dl#lesson_infoBloc dd p  {font-weight: 400; }


/*=========================================================================
TOP：入門見学・武道体験
=========================================================================*/
section#Tour {background: #0b2e59; }

/* ---------------------------------------------------------------- */
dl#tourContainer { margin: 0 auto; height: auto;}
dl#tourContainer dt, dl#tourContainer dd {height: auto;}
dl#tourContainer dd, dl#tourContainer dd p {
color: #fff;
line-height: 180%;
font-family: 'ReimY', YuMincho, "Yu Mincho","Hiragino Mincho ProN", "serif";
letter-spacing: 0;
}


/* ---------------------------------------------------------------- */
#top_tourPhoto, #top_tourPhoto img {width: 100%; height: auto; display: block;}
#top_tourPhoto {padding: 0; margin: 0 auto;}
#top_tourPhoto img {object-fit: cover;}

/* ---------------------------------------------------------------- */
dl#tourContainer #sectionTitle {color: #fff; font-weight: 600;}

/* ---------------------------------------------------------------- */
dl#tourContainer #btnMore {margin: 0; position: relative; z-index: 1;}
dl#tourContainer #btnMore a {color: #fff; border:1px solid #fff;}
dl#tourContainer #btnMore a:hover {border-color: #d5c07c; color: #d5c07c;}

dl#tourContainer #btnMore span,
dl#tourContainer #btnMore span:after {background: #fff;}

dl#tourContainer #btnMore:hover span,
dl#tourContainer #btnMore:hover span:after {background: #d5c07c;}


/*=========================================================================
お知らせ
=========================================================================*/
section#Information {background: #f4f5f7;}

/* ---------------------------------------------------------------- */
ul#topicsList {list-style-type: none; margin: 0 auto;}
ul#topicsList li {border-bottom: 1px solid #d3deeb; line-height: 180%;}
ul#topicsList li:first-of-type {border-top: 1px solid #d3deeb;}
ul#topicsList.top li:first-of-type {padding-top: 0; border-top: 0;}

/* ---------------------------------------------------------------- */
#upDate,#topicsTitle, #topicsTitle a {color: #0b2e59; line-height: 180%;}
#topicsTitle a {text-decoration: none; }
#topicsTitle a:hover {color: #d5c07c;}


/* ---------------------------------------------------------------- */
#linkMore {text-align: right;}
#linkMore a {color: #0b2e59; text-decoration: underline;}
#linkMore a:hover {color: #d5c07c; text-decoration: none;}


/*=========================================================================
お知らせ：詳細
=========================================================================*/
dl#newsContainer, dl#newsContainer dt, dl#newsContainer dd {width: 100%; height: auto; margin: 0 auto;}

/* ---------------------------------------------------------------- */
#articleTitle {font-weight: 400; line-height: 180%;color: #0b2e59;}

/* ---------------------------------------------------------------- */
dl#newsContainer dd {color: #0b2e59;}
dl#newsContainer dd, dl#newsContainer dd p {line-height: 200%;}

dl#newsContainer dd a {color: #0b2e59; text-decoration: underline;}
dl#newsContainer dd a:hover {color: #d5c07c; text-decoration: none;}


dl#newsContainer dd img {display: inline-block; max-width: 100%; height: auto; object-fit: cover;}



/*=========================================================================
アクセス
=========================================================================*/
#onePeriod.access_txt p:last-of-type {margin-bottom: 0;}
#onePeriod.access_txt p, #onePeriod.access_map p {letter-spacing: 0;  line-height: 160%;}

/* ---------------------------------------------------------------- */
#mapBody {position: relative; z-index: 1; width: 100%; height: auto; margin: 0 auto;}
#mapBody iframe {width: 100%; height: 100%; position: absolute; z-index: 1; margin: auto;}



/*=========================================================================
プライバシーポリシー
=========================================================================*/
section#Privacy #sectionBasic {height: auto; margin: 0 auto; border-top: 1px solid #0b2e59;}

/* ---------------------------------------------------------------- */
ul#policyList {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}

ul#policyList li {height: auto;}
ul#policyList li:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
ul#policyList li, 
ul#policyList li p {line-height: 160%;}

/* ---------------------------------------------------------------- */
#listTitle {line-height: 140%; font-weight: 400;}




/*=========================================================================
お問い合わせ
=========================================================================*/
dl#tel_numBox {background: #0b2e59;}
dl#tel_numBox dt, dl#tel_numBox dd {color: #fff; font-weight: 600;}
dl#tel_numBox dd span {font-size: 65%;}

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


/* ---------------------------------------------------------------- */
#inquiryHeadline{ font-weight: 400; line-height: 160%;}

#onePeriod.inquiry_info, #onePeriod.inquiry_info p {line-height: 180%; min-height: 100%;}


/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList button,
#form_inputList textarea,
#form_inputList select,
#form_inputList input[type="checkbox"],
#form_inputList input[type="radio"]{
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
}

select::-ms-expand {display: none;}

#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select  {
width:100%;
height:auto;
padding:12px 0 10px;
line-height:100%;
text-indent:1em;
background: #fff;
border:1px solid transparent;
color: #0b2e59;
}
#form_inputList input[type="text"]:last-of-type {margin-bottom: 0;}
#form_inputList input[type="text"] {margin-bottom: 1em;}

#form_inputList textarea {
width:100%;
min-height:80px;
height:auto;
border:1px solid transparent;
padding:1em 10px;
line-height:100%;
background: #fff;
color: #0b2e59;
}

.mwform-zip-field,.mwform-tel-field {letter-spacing:-.4em;}

#form_inputList .mwform-zip-field input[type="text"],
#form_inputList .mwform-tel-field input[type="text"] {letter-spacing:0;}

#form_inputList input[type="text"]:focus,
#form_inputList input[type="email"]:focus,
#form_inputList textarea:focus,
#form_inputList select:focus {box-shadow: 0 0 0px;border: 1px solid #0b2e59; }

#form_inputList::-webkit-input-placeholder,
#form_inputList select::-webkit-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::input-placeholder{color: #bcc6d3;}


#form_inputList input[type="radio"], 
#form_inputList input[type="checkbox"] {
margin: 0 5px 0 0;
padding: 0;
width:15px;
height:15px;
background: #fff;
border: 1px solid #0b2e59;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all .2s;
transition: all .2s;
display: inline-block;
line-height:100%;
vertical-align:top;
position: relative;
}
#form_inputList input[type="checkbox"]:checked,
#form_inputList input[type="radio"]:checked {background: #0b2e59; border-color:#0b2e59;}

#form_inputList label {
position: relative;
 box-sizing: border-box;
display: inline-block !important;
padding:1px 3px 1px 0px !important;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s;
margin-right:15px !important;
line-height:100%;
vertical-align:top;
white-space:nowrap !important;
font-weight: 400;
width:auto;


}
#form_inputList input[type="checkbox"]::before,
#form_inputList input[type="radio"]::before {content: none !important;}

#form_inputList input[type="checkbox"]::after,
#form_inputList input[type="radio"]::after{
content: "";
display: block; 
position: absolute;
border-top:0 !Important;
border-right: 0!Important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
opacity: 0;
height: 6px;
width: 10px;
transform: rotate(-45deg);
top: 0px;
left: 1px;
}
 
#form_inputList input[type="checkbox"]:checked::after,
#form_inputList input[type="radio"]:checked::after{opacity: 1;}

#form_inputList select, 
#form_inputList option{cursor: pointer; text-overflow: ellipsis; }


/* ---------------------------------------------------------------- */
.select_cover {position: relative; width: 100%;}
.select_cover:after {
content: "";
position: absolute;
right: 2%;
top: 60%;
width: 0px;
height: 0px;
background-color: transparent;
border-top: .8em solid #0b2e59;
border-right: .5em solid transparent;
border-bottom: .8em solid transparent;
border-left: .5em solid transparent;
-ms-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(0deg);
pointer-events: none;
}

/* ---------------------------------------------------------------- */
dl#form_inputList dt, dl#form_inputList dd {line-height: 160%; height: auto; font-weight:400; padding: 5px 0; }
dl#form_inputList dt, dl#form_inputList dt p {color: #0b2e59;}

/* ---------------------------------------------------------------- */
dl#form_inputList dt {display: -webkit-flex; display: flex;flex-wrap: wrap; align-items: center;}
dl#form_inputList dt span {line-height: 100%; background: #ffe8e8; color: #f30; display: inline-block; letter-spacing: 0;}


/* ---------------------------------------------------------------- */
#form_inputList input.input_half {width: 50%;}

/* ---------------------------------------------------------------- */
#formCheck {text-align: center;}

#agreementNotes02 {color:#0b2e59; line-height:160%;}

/* ---------------------------------------------------------------- */
#form_buttonList {
display: flex; 
flex-wrap: wrap;
align-items: baseline;
width: 100%;
margin: 0 auto;
text-align: center !important;
}

#form_buttonList p {
position: relative;
z-index: 1;
display: inline-block;
letter-spacing: 0;
vertical-align: middle;
height: auto;
text-align: left;
}
#form_buttonList p:last-of-type {margin-right: 0;}


/* ---------------------------------------------------------------- */
#form_buttonList input.Agree,
#form_buttonList input.Disagree{
height:auto;
cursor:pointer;
color:#fff;
border:1px solid;
-webkit-transition: all .2s;
transition: all .2s;
position: relative;
z-index: 1;
font-family: 'ReimY', YuMincho, "Yu Mincho","Hiragino Mincho ProN", "serif";
font-weight: 600;
display: block;
width: 100%;

padding: 20px 1em;
}

#form_buttonList input.Agree,
#form_buttonList input.Disagree{background:#0b2e59; border-color:#0b2e59; color: #fff;}

#form_buttonList input.Agree:hover,
#form_buttonList input.Disagree:hover {background: transparent; color:#0b2e59 !important; border-color:#0b2e59;}


/* ---------------------------------------------------------------- */
#form_buttonList p:before,
#form_buttonList p:after {
content: "";
position: absolute;
background: #fff;
z-index: 2;

-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}


#form_buttonList p:hover:before,
#form_buttonList p:hover:after {background: #0b2e59;}

#form_buttonList p:before {
height: 1px;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

#form_buttonList p:after {
width: 1px;
height:1em;
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#form_buttonList p#Disagree:after {
-ms-transform: rotate(45deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#form_buttonList p:empty {display : none;}


/* ---------------------------------------------------------------- */
#agreeMessage {text-align: center; line-height: 160%; width: 90%; height: auto; margin: 0 auto;}
#agreeHeadline {font-weight: 600; color: #ff6666;}


/* ---------------------------------------------------------------- */
dl#form_inputList dd.type_check  {padding-bottom: 0; line-height: 100%;}
.mw_wp_form_preview dl#form_inputList{align-items: stretch;margin-bottom: 0;}
.mw_wp_form_preview dl#form_inputList dt,
.mw_wp_form_preview dl#form_inputList dd {border-bottom: 1px solid #0b2e59;}
.mw_wp_form_preview dl#form_inputList dd.type_check {padding-bottom: 0; line-height: 100%;}
.mw_wp_form_preview .select_cover:after {content: none;}


.mw_wp_form_preview dl#form_inputList.btn_area dt,
.mw_wp_form_preview dl#form_inputList.btn_area dd {border-bottom: 0;}


.preview_text {display: none;}
.mw_wp_form_preview .preview_text {display: inline-block;;}

/*=========================================================================
入門をお考えの方
=========================================================================*/
#btnMore.intro { max-width: inherit; width: 100%; margin:0 0 0 auto; text-align: right;}
#btnMore.intro a {color: #0b2e59; border: 1px solid #0b2e59; display: inline-block; text-align: left;}
#btnMore.intro a:hover {background: #0b2e59; color: #f4f5f7;}


/* ---------------------------------------------------------------- */
#btnMore.intro a span, #btnMore.intro a span:after {background:#0b2e59 ;}
#btnMore.intro a:hover span, #btnMore.intro a:hover span:after {background:#f4f5f7 ;}

/* ---------------------------------------------------------------- */
.large_num {font-weight: 500; padding-right: .8em;}
.indent02 {padding-left: 2.6em; text-indent: -2.6em;}

/*=========================================================================
よくあるご質問
=========================================================================*/
ul#faqList {list-style-type: none; width: 90%; height: auto;}
ul#faqList li:last-of-type {margin-bottom: 0;}

ul#faqList li {padding-left: 2.5em; text-indent: -2.5em; color: #0b2e59;}



/*=========================================================================
武道体験
=========================================================================*/
#trial_optionBox {background: #0b2e59; color: #fff;}

/* ---------------------------------------------------------------- */
#trialPhoto {padding: 0; margin: 0 auto; width: 100%; height: auto; }
#trialPhoto, #trialPhoto img {width: 100%; height: auto; display: block;}

/* ---------------------------------------------------------------- */
ul#trial_photoList {list-style-type: none;}
ul#trial_photoList li, ul#trial_photoList li a{height: auto; width: 100%; display: block;}