@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;700&display=swap');

@font-face { font-family: 'icomoon'; src: url('/fonts/icomoon.eot'); src: url('/fonts/icomoon.eot') format('embedded-opentype'), url('/fonts/icomoon.ttf') format('truetype'), url('/fonts/icomoon.woff') format('woff'), url('/fonts/icomoon.svg') format('svg'); font-weight: normal; font-style: normal;}

[class^="icon-"], [class*=" icon-"] { line-height: 1; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-home:before { content: "\e00"; } .icon-teacher:before { content: "\e355"; }
.icon-star:before { content: "\e42"; } .icon-heart:before { content: "\e44"; }
.icon-star2:before { content: "\e21"; } .icon-favorite:before { content: "\e23"; } .icon-favorite_border:before { content: "\e22"; }
.icon-build:before { content: "\e08"; } .icon-Key:before { content: "\e377"; } .icon-place:before { content: "\e43"; }
.icon-circle_arrow_u:before { content: "\e388"; } .icon-circle_arrow_l:before { content: "\e399"; } .icon-circle_arrow_d:before { content: "\e40"; } .icon-circle_arrow_r:before { content: "\e41"; }
.icon-cart:before { content: "\e02"; } .icon-add_cart:before { content: "\e01"; }
.icon-check:before { content: "\e06"; }.icon-check_box:before { content: "\e04"; } .icon-check_box_outline_blank:before { content: "\e03"; }
.icon-search:before { content: "\e13"; } .icon-cancel:before { content: "\e07"; }
.icon-phone:before { content: "\e09"; } .icon-mail:before { content: "\e10"; }
.icon-print:before { content: "\e11"; } .icon-person:before { content: "\e12"; }
.icon-warning:before { content: "\e15"; } .icon-comments:before { content: "\e14"; } .icon-room:before { content: "\e17"; }
.icon-play:before { content: "\e19"; } .icon-theaters:before { content: "\e18"; }
.icon-info:before { content: "\ea0c"; } .icon-help:before { content: "\e20"; }
.icon-send:before { content: "\e16"; } .icon-date:before { content: "\e24"; } .icon-clock:before { content: "\e94e"; }
.icon-arrow_up:before { content: "\e28"; } .icon-arrow_right:before { content: "\e29"; } .icon-arrow_down:before { content: "\e30"; }.icon-arrow_left:before { content: "\e311"; }
.icon-open_in_new:before { content: "\e32"; } .icon-ping:before { content: "\e366"; }
.icon-book:before { content: "\e91f"; } .icon-books:before { content: "\e920"; }
.icon-file-text:before { content: "\e926"; } .icon-folder:before { content: "\e92f"; } .icon-price-tag:before { content: "\e935"; }
.icon-quotes-left:before { content: "\e977"; } .icon-quotes-right:before { content: "\e978"; }
.icon-facebook:before { content: "\ea90"; } .icon-twitter:before { content: "\ea96"; } .icon-line:before { content: "\e900"; }
.icon-instagram:before { content: "\ea92"; } .icon-youtube:before { content: "\ea9d"; }

/*Reset*/

html, body, div, span, object,h1,h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, 
em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
body { line-height:1; } ol, ul { list-style:none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: 500; transition: all 350ms; }
a:link { color: #00ABCF; text-decoration: none; font-weight: bold; }
a:visited { color: #66F; } 
a:hover { filter: alpha(opacity=80); -ms-filter: alpha(opacity=80); opacity: 0.8; }
a:active, a:focus { text-decoration: none; outline:none; }
del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
area {border:none;outline:none;} label, input[type='checkbox'] { cursor: pointer; } input, select { vertical-align:middle; }
a img { border-style:none; background-color: rgba(255, 255, 255, .01);}
a:hover img { box-shadow: #000 0 0 0; transition: all 350ms; filter: alpha(opacity=80); opacity: 0.8; }
img { border-style:none; margin: 0px; padding: 0px; vertical-align: top;}
hr { height: 1px; color: #FFFFFF; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; border-top-width: 1px; border-top-style: dashed; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #666; }
p { margin-bottom:1em;}
.break { display:block; }

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////// 使い回し */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

.mini { font-size: 0.8em; }
.med {font-size: 1.2em;}
.big {font-size: 1.5em;}
.mini_b {font-size: 0.8em !important; font-weight: bold; }
.med_b {font-size: 1.1em; font-weight: bold; }
.big_b  {font-size: 1.5em; font-weight: bold; }
.red { color: #F00; }
.d_red { color: #C61C00; }
.orange { color: #FF8F00; }
.pink { color: #FF4999; }
.green { color: #5ACF4C; }
.yellow { color: #FFBD00; }
.blue { color: #00C6E4; }
.white { color: #FFF; }
.block {display:block;}
.clear { clear: both; background: none; margin: 0px; padding: 0px; }
.clearbox { overflow: hidden; width: 100%; }
.center { text-align: center; }
.center_block { text-align: center; margin: 1em auto; display: block;}

.margin_b_120 { margin-bottom: 120px; clear: both; display:block; }
.margin_b_80 { margin-bottom: 80px; clear: both; display:block; }
.margin_b_50 { margin-bottom: 50px; clear: both; display:block; }
.margin_b_40 { margin-bottom: 40px; clear: both; display:block; }
.margin_b_30 { margin-bottom: 30px; clear: both; display:block; }
.margin_b_20 { margin-bottom: 20px; clear: both; display:block; }
.margin_b_10 { margin-bottom: 10px; clear: both; display:block; }
.margin_t_10 { margin-top: 10px; clear: both; display:block; }
.margin_t_20 { margin-top: 20px; clear: both; display:block; }
.margin_t_30 { margin-top: 30px; clear: both; display:block; }
.margin_t_40 { margin-top: 40px; clear: both; display:block; }
.margin_t_50 { margin-top: 50px; clear: both; display:block; }
.margin_t_80 { margin-top: 80px; clear: both; display:block; }

@media screen and (max-width: 720px) {
.margin_b_120 { margin-bottom: 12%; }
.margin_b_80 { margin-bottom: 8%; }
.margin_b_50 { margin-bottom: 5%; }
.margin_b_40 { margin-bottom: 4%; }
.margin_b_30 { margin-bottom: 3%; }
.margin_b_20 { margin-bottom: 2%; }
.margin_b_10 { margin-bottom: 1%; }
.margin_t_10 { margin-top: 1%; }
.margin_t_20 { margin-top: 2%; }
.margin_t_30 { margin-top: 3%; }
.margin_t_40 { margin-top: 4%; }
.margin_t_50 { margin-top: 5%; }
.margin_t_80 { margin-top: 8%; } }

.min_h_1000 { min-height: 1000px; }
.min_h_500 { min-height: 500px; }

.flt_l { float: left; margin-right: 3%; }
.flt_r { float: right; margin-right: 3%; }

.ovrflw_hddn { overflow:hidden;} 
.img_w_auto img { width: auto; height: auto; }
.indent { padding-left: 1em; text-indent: -1em;}
.italic { font-style: italic; font-weight: bold;}

.under_l { font-size: 1.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; padding-bottom: 8px; margin-bottom: 8px; }

.img_border{ position: relative; display: inline-table; font-size: 0; line-height: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.img_border:after{ position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; border: 1px solid rgba(255,255,255,0.5); outline: 1px solid rgba(0,0,0,0.2); content: " "; margin: 0px; padding: 0px; }
.new:after { content: " NEW!"; color: red; font-size: 80%; }

#page-top { float: right; bottom: 15px; position: fixed; right: 15px; z-index: 6; }
#page-top a { text-decoration: none; color: #fff; width: 60px; text-align: center; display: block; border-radius: 5px; /* CSS3 */ -moz-border-radius: 5px;  /* Firefox */ -webkit-border-radius: 5px; /* Safari,Chrome */ background-color: #5d5d5d; font-size: 11px; line-height: 1.1em; padding: 8px; }
#page-top a:hover { text-decoration: none; color: #FFFFFF; background-color: #2d2d2d; }

ol.topic-path { list-style-type: none; font-size: 0.9em; padding-right: 5px; padding-left: 0px; width: 1200px;margin: auto; padding-top: 55px; padding-bottom: 8px; }
ol.topic-path li { padding-left: 5px; display: inline; }
ol.topic-path li h1 { display: inline; font-weight: 500; } ol.topic-path li h2 { display: inline; font-weight: 500; }
ol.topic-path li.first:before { font-family: icomoon; content: "\e00"; margin-right: 10px; font-size: 18px; vertical-align: sub; color: #005E8D; }
ol.topic-path li a { padding-right: 10px; color: #00214D; font-weight: 500; }
ol.topic-path li a:after { content: ">"; margin-left: 10px; font-size: 16px; font-weight: 500; color: #00214D; }
ol.topic-path li a:hover { color: #008EC7; }
ol.topic-path li:last-child a:after { content: ""; }

@media screen and (max-width: 1200px) {
ol.topic-path { width: 100%;}
ol.topic-path_w { width: 100%;}

}

@media screen and (max-width: 768px) {
ol.topic-path li h1 { display: none;}
}

/*========== Structure ==========*/
.btn { position: relative; top: 0px; text-decoration: none; background: #f7f7f7; border: 1px solid #c4c4c4; border-radius: 5px; box-shadow: 0px 5px 0px #c4c4c4;color: #222; text-shadow: 1px 1px 1px #fff; transition: All 250ms ease; margin-top: 0; margin-right: 1%; margin-bottom: 0; margin-left: 0px; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; font-size: 0.8em; }
/*========== Active State ==========*/
.btn:active { position: relative; top: 5px; box-shadow: none !important; transition: All 250ms ease; }
.btn.red { background: #BE1312; color: #fff; border-radius: 5px; box-shadow: 0px 5px 0px #a01b1b; text-shadow: rgba(0,0,0,.5) 0px -1px 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #a01b1b; border-right-color: #a01b1b; border-bottom-color: #CC082D; border-left-color: #a01b1b; margin-bottom: 10px; }
.btn.red a { color: #fff; display: block; }
.linkbtn, a.linkbtn { background-color: #00ABCF; color: #FFF; line-height: 1em; border-radius: 3px; width: 220px; padding: 1em; text-align: center; margin: 1em auto; display: block; }
.linkbtn:before, a.linkbtn:before { font-family: 'icomoon'; content: "\e29"; margin-right: 0.5em; position: ; vertical-align: bottom; }

#google_sc { position: relative; vertical-align: top; width: 1000px; margin: auto; padding: 0px; height: auto; }
#___gcse_0 div:nth-child(1) { padding: 0; margin: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 1.1em; }
#___gcse_0 inpt:nth-child(2) { background-color: #fff; padding: 0%; margin: 0px; }
#___gcse_0 table:nth-child(1) { background-color: #fff; padding: 0.5%; margin: 0px; }
#gs_id50 { background: none; }
#gsc-i-id1 { vertical-align: super; -webkit-box-sizing: initial; -moz-box-sizing: border-box; -o-box-sizing: initial; -ms-box-sizing: initial; box-sizing: initial; margin: 0px; height: auto; display: block; }
.gsc-search-button { padding: 5px; height: 20px; }
.gsc-search-button input { -webkit-box-sizing: initial; -moz-box-sizing: initial; -o-box-sizing: initial; -ms-box-sizing: initial; box-sizing: initial; }

#translator-floating-panel {padding:2%;}

@media screen and (max-width: 1023px) {
#google_sc { width: 94%; margin-right: auto; margin-left: auto; }}

#page_top_link a { position: fixed; bottom: 0px; background-color: rgba(233,235,244,0.90); display: block; text-align: center; width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #B7C0C8; padding-top: 5px; padding-bottom: 5px; color: #102B6B; }

.morelink a { color: #FFF; background-color: #0f1420; font-size: 12px; font-weight: 500; float: right; padding-right: 5px; padding-left: 5px; margin-top: 10px; }
.morelink a:after { content: "\e29"; font-family: 'icomoon'; margin-left: 5px; font-size: 10px; }
.morelink02 a { color: #FFF; background-color: #0f1420; font-size: 12px; font-weight: 500; float: left; padding-right: 5px; padding-left: 5px; margin-top: 10px; }
.morelink02 a:after { content: "\e29"; font-family: 'icomoon'; margin-left: 5px; font-size: 10px; }

.more_01 a { transition: background-color 1s; padding: 2px 25px 5px 25px; font-size: 20px; color: #fff; border: 1px solid #FFF; font-family: 'Oswald', sans-serif; font-weight: 200;}
.more_02 a { transition: background-color 1s; padding: 2px 25px 5px 25px; font-size: 20px; color: #333; border: 1px solid #333; font-family: 'Oswald', sans-serif; font-weight: 200;;}
.more_03 { transition: background-color 1s; padding: 2px 25px 5px 25px; font-size: 20px; color: #fff; border: 1px solid #FFF; font-family: 'Oswald', sans-serif; font-weight: 200;}
.more_01 a:hover { background-color: #333;}
.more_02 a:hover { background-color: #333; color: #FFF;}
.more_03:hover { background-color: #333;}


/*///////////////// fb-like-box */

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100%!important; height: auto; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.fb-like-box ul { min-height: 430px; }
.fb-like iframe,.item-facebook-like iframe {max-width: none !important;/*こちらを優先*/}
.fb-page,
.fb-page span,
.fb-page iframe[style]{ width: 100%!important; height: auto; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.fb-page ul { min-height: 430px; }
.fb-page iframe,.item-facebook-page iframe {max-width: none !important;/*こちらを優先*/}


/*///////////////// 改行 */
.sp_break { display: inline !important; }
.pc_break { display: block  !important; }
 @media screen and (max-width: 1023px) {
.sp_break { display: block  !important; }
.pc_break { display: inline  !important; }}

/*///////////////// 表示切り替え */
.sp_display_none { display: block; }
.pc_display_none { display: none; }
 @media screen and (max-width: 1023px) {
.sp_display_none { display: none; }
.pc_display_none { display: block; }
}