@charset "UTF-8";

#wrap,
#header{min-width:1100px;}

#asp_content{width:100%;max-width:1000px;margin:50px auto 0;}
.topic_path {font-size:1.4rem;text-align:left;padding:30px 0 10px;clear:both;}.topic_path ul{margin:0 0 5px;}.topic_path ul li a{color:#000;text-decoration:underline;}.topic_path ul li{margin:0 0 10px;display:inline-block;}.topic_path ul li:last-child{font-weight:700;}.topic_path ul li::before{content:"＞";display:inline-block;width:1em;font-weight:700;color:#FCA500;}.topic_path ul li:first-child::before{content:none;}
/*-------------------------
__base_style
-------------------------*/
html {font-size:62.5%;}
body {min-width:1000px;font-size:1rem;}
img {max-width:100%;height:auto;vertical-align:top;}
#main{overflow:hidden;}
#header {width:100%;position:fixed;background:black;-webkit-user-select:none;user-select:none;z-index:1001;}
#header .header_inner {display:flex;align-items:center;padding:10px;box-sizing:border-box;height:71px;}
#header .header_logo {flex:0 1 250px;margin-right:auto;margin-left: 10px;}
#header .header_logo a {transition:opacity 0.2s ease-in-out;-webkit-font-smoothing:antialiased;}
#header .header_logo a:hover, #header .header_logo a:active {opacity:.8;}
#header .header_logo img {width:100%;}
#header_nav {display:flex;flex:0 0 auto;align-items:center;margin-right:5px;margin-left:20px;}
#header_nav ul {display:flex;padding:4px 2px 0 0;align-items:center;}
#header_nav li {margin-right:15px;}
#header_nav a {color:white;font-size:1.3rem;font-weight:bold;line-height:1;text-decoration:none;transition:opacity 0.2s ease-in-out;-webkit-font-smoothing:antialiased;}
#header_nav a:hover, #header_nav a:active {opacity:.8;}
#header_btn {flex:0 0 auto;padding-right:5px;}
#header_btn a {position:relative;display:block;margin-top:-3px;padding:10px 20px 9px;background:#fea800;border-radius:5px;box-shadow:0px 4px 0px 0px #f28d00;color:white;font-size:1.7rem;font-weight:bold;line-height:1;text-align:center;text-decoration:none;transition:opacity 0.2s ease-in-out;-webkit-font-smoothing:antialiased;}
#header_btn a:hover, #header_btn a:active {opacity:.8;}
#header_btn a:active {box-shadow:none;transform:translateY(4px);}

.header_sns{ width: 40px; display: block; box-sizing: border-box;margin: 0 10px 0 0; flex: 0 0 auto;}
.header_sns a{ display: block; background: #FFF; padding:0; height: 40px; border-radius: 5px;box-sizing: border-box;}
.header_sns.youtube a{padding:2px;}
.header_sns a span{}
.header_sns a span img{ width:100%; height: auto;transition:opacity 0.2s ease-in-out;-webkit-font-smoothing:antialiased;}

#menu_trigger {display:none;position:relative;flex:0 0 auto;width:40px;height:40px;margin-right:20px;background-color:#fea800;cursor:pointer;}
#menu_trigger::before,
#menu_trigger span::before,
#menu_trigger span::after {content:"";display:block;background-color:white;height:2px;width:20px;position:absolute;left:10px;top:50%;transition:all 0.3s;}
#menu_trigger span::before {transform:translateY(-8px);}
#menu_trigger span::after {transform:translateY(8px);}
#menu_trigger.is-active::before {background:rgba(255, 255, 255, 0);}
#menu_trigger.is-active span::before {transform:rotate(-45deg) translateY(0px);}
#menu_trigger.is-active span::after {transform:rotate(45deg) translateY(0px);}
#fixed_footer {display:none;position:fixed;bottom:0;width:100%;padding:8px 10px 10px;background:black;box-sizing:border-box;z-index:500;}
#fixed_footer a {display:block;padding:15px 20px 13px;background:#fea800;border-radius:8px;box-shadow:0px 4px 0px 0px #f28d00;color:white;font-size:2rem;font-weight:bold;line-height:1;text-align:center;text-decoration:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;}
#footer {background:black;color:white;}
#footer .footer_inner {max-width:1000px;margin:0 auto;padding:30px 0 20px;}
#footer .footer_row {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;}
#footer .footer_logo {width:354px;}
#footer .footer_logo a {transition:opacity 0.2s ease-in-out;-webkit-font-smoothing:antialiased;}
#footer .footer_logo a:hover, #footer .footer_logo a:active {opacity:.8;}
#footer .footer_address {padding:10px 0 0 28px;font-size:1.4rem;line-height:1.57143;text-align:left;}
#footer .footer_tel {width:280px;margin-bottom:30px;}
#footer .footer_tel a {display:block;pointer-events:none;}
#footer .footer_nav ul {display:flex;justify-content:flex-end;}
#footer .footer_nav li {font-size:1.4rem;line-height:1.57143;}
#footer .footer_nav li::after {content:"｜";  margin:0 12px;}
#footer .footer_nav li:last-child::after {display:none;}
#footer .footer_nav a {color:white;text-decoration:none;}
#footer .footer_nav a:hover, #footer .footer_nav a:active {text-decoration:underline;}
#footer .footer_credit {font-size:1rem;}
@media screen and (min-width:961px) {#header_nav {display:flex !important;height:auto !important;}}

.mysearch{position:fixed;left:0;top:100px;}
.mysearch ul li{margin-bottom:5px;}
.mysearch ul li a{font-size:1.2em;letter-spacing:0.05em;text-decoration:none;background-color:#000;color:#fff;display:block;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;padding:8px 10px;border-radius:0 5px 5px 0 / 0 5px 5px 0;-webkit-border-radius:0 5px 5px 0 / 0 5px 5px 0;-moz-border-radius:0 5px 5px 0 / 0 5px 5px 0;}
.mysearch ul li a:hover{background-color:#555;}