@charset "UTF-8";

/*-------------------------
__ASP_style
-------------------------*/

#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; position: relative;}
#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;}
/*
@media screen and (max-width:1200px) {
#header_nav li {margin-right:15px;}
#header_nav a {font-size:1.3rem;}
}
*/
#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;}
.header_sns a:hover img{opacity:.4;}

#menu_trigger {display:none;position:relative;flex:0 0 auto;width:40px;height:40px;margin-right:10px;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;}
}
@media screen and (max-width:960px) {
body {min-width:320px;}
#header .header_logo {flex:0 1 195px;margin-right:auto;}
#menu_trigger {display:block;}
#header_nav {display:none;position:absolute;top:100%;left:0;right:0;margin-right:0;margin-left:0;z-index:1000;}
#header_nav ul {display:block;padding:0;background:black;border-top:1px solid #fea800;}
#header_nav li {margin-right:0;border-bottom:1px solid #fea800;}
#header_nav a {display:block;padding:20px;font-size:2rem;}
#footer .footer_inner {padding:30px 20px 20px;}
	
.header_sns{position: absolute; top:0;bottom: 0; margin: auto; height: 40px;}
.header_sns.youtube{right:270px;}
.header_sns.instagram{right:222px;}
.header_sns a{height: auto; /*border-radius: 0;*/}
}
#topicPath {max-width:1000px;margin:0 auto;padding:30px 0 10px;}
#topicPath dl{}
#topicPath dl a{text-decoration:underline;}
#topicPath dl dt{display:inline-block;}
#topicPath dl dd{display:inline-block;}
#topicPath dl dd:last-child{font-weight:700;}
#topicPath dl dd::before{content:"＞";display:inline-block;width:1em;font-weight:700;color:#FCA500;}

@media screen and (max-width: 767px) {
  html {font-size: 56.25%;}
  #menu_trigger {margin-right: 0;margin-left: 20px;}
  #header_btn {display: none;}
.header_sns.youtube{right:100px;}
.header_sns.instagram{right:55px;}
  #fixed_footer {display: block;}
  #footer .footer_inner {margin: 0 10px;padding: 20px 0 80px;}
  #footer .footer_row {display: block;margin-bottom: 20px;}
  #footer .footer_col {margin-bottom: 20px;}
  #footer .footer_logo {width: 280px;margin:20px auto;}
  #footer .footer_address {padding-left: 0;text-align: center;}
  #footer .footer_tel {width: 280px;margin: 0 auto 20px;}
  #footer .footer_tel a {pointer-events: auto;}
  #footer .footer_nav ul {justify-content: center;}
}

@media screen and (min-width: 375px) {
.sp_mini_only{ display: none;}
}
@media screen and (max-width: 374px) {
#header .header_logo {flex:0 1 140px;}
}

.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;}