@charset "utf-8";

/*
Theme Name: shunta-akagawa
Theme URI: 
Description: 
Author: 
Author URI: 
Version: 

*/

/* =========================================================

reset style

=========================================================== */

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,
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;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
display: block;
}
body {
line-height: 1;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
ul li{
line-height: 1em;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table, caption, tr, th, td,tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}


/* =========================================================

style

=========================================================== */


*, *::after, *::before {box-sizing: border-box;}
html {font-size: 62.5%;-ms-overflow-style:scrollbar;}
html, body {height: 100%;}

body {font-size: 14px;font-size: 1.4rem;
font-family: 'PT Serif','Noto Sans Japanese','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',Osaka,'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color:#222;line-height:1.6em;font-weight:400;}

div::-webkit-scrollbar { width: 10px; height: auto; }
div::-webkit-scrollbar-track { background: #ccc; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }
div::-webkit-scrollbar-thumb { background:#ddd; }

a {color: #000;text-decoration: none;transition:all 0.25s;}
a:hover {color: #ccc;opacity:0.6;}

img {max-width:100%;height:auto;width:auto;}

input {font-size: 15px;font-size: 1.5rem;}

input[type="search"]::-ms-clear {display: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

.pc_only {display:block;}
.sp_only {display:none;}

.clear {clear:both;}

hr {border-top: 1px solid #bbb;border-bottom: 1px solid #fff;}

.inner {width: 1000px;margin: 0 auto;}
.inner:after {content: "";clear: both;display: block;}

img[src$=".svg"] {
    width: 100%;
}

/* =========================================================

Header

=========================================================== */

#header {width:100%;padding:0 !important;text-align:center;background-color:rgba(256,256,256,0);position:absolute;top:0;left:0;z-index:999;}
#header .logo {width:250px;position:absolute;left: 3%;}


/* navigation

================================== */

#global-nav {margin:30px 0 0;}

.button_container {display:block;position:absolute;right: 3%;height:22px;width:60px;cursor: pointer;z-index: 100;-webkit-transition: opacity .25s ease;transition: opacity .25s ease;}
.button_container:hover {opacity: .7;}
.button_container.active .top {-webkit-transform: translateY(9px) translateX(0) rotate(45deg);transform: translateY(11px) translateX(0) rotate(45deg);background: #000;}
.button_container.active .middle {opacity: 0;background: #000;}
.button_container.active .bottom {-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);transform: translateY(-11px) translateX(0) rotate(-45deg);background: #000;}

.button_container span {background:#000;border: none;height:2px;width: 100%;position: absolute;top: 0;left: 0; -webkit-transition: all .35s ease;transition: all .35s ease; cursor: pointer;}
.button_container span:nth-of-type(2) {top: 11px;}
.button_container span:nth-of-type(3) {top: 21px;}
.button_container span.menutxt {font-size:13px;font-family: 'PT Serif', serif;margin-top:32px;background:none;height:0;color:#000;letter-spacing:0.2em;text-align:center !important;}

.overlay {position: fixed;background:rgba(255,255,255,0.95);top: 0;left: 0;width: 100%;height: 0%;opacity: 0;visibility: hidden;-webkit-transition: opacity .35s, visibility .35s, height .35s;transition: opacity .35s, visibility .35s, height .35s;overflow: hidden;}
.overlay.open {opacity:1;visibility: visible;height: 100%;}
.overlay.open li {-webkit-animation: fadeInRight .5s ease forwards;  animation: fadeInRight .5s ease forwards;-webkit-animation-delay: .35s;  animation-delay: .35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay: .4s;  animation-delay: .4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay: .45s; animation-delay: .45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay: .50s; animation-delay: .50s;}

.overlay nav {position: relative;height:95%;top:60%;-webkit-transform: translateY(-50%); transform: translateY(-50%);text-align: center;}
.overlay ul {list-style:none;padding: 0;margin:0 auto 0;position: relative;height:100%;width:68%;}
.overlay ul li {display:block;float:left;width:30.5%;position:relative;opacity:0;margin:10px;}
.overlay ul li a {display:block;padding:25px 10px;position: relative;text-decoration: none;overflow: hidden;border:solid 1px #000;font-size:18px;}
.overlay ul li a span {display:block;margin:8px 0 0;font-size:12px;}
.overlay ul li a img {width:100%;opacity:1;}
.overlay ul li a:hover {background:rgba(0,0,0,0.9);}

@-webkit-keyframes fadeInRight {
0% {opacity: 0;left: 20%;}
100% {opacity: 1;left: 0;}
}

@keyframes fadeInRight {
0% {opacity: 0;left: 20%;}
100% {opacity: 1;left: 0;}
}

.is-animation {height:96px;background-color:rgba(256,256,256,0.8) !important;border-bottom:solid 1px #CCC;width: 100%;transition: .3s;}
.is-animation .logo {width:250px;height:80px;background:url(images/logo.svg) no-repeat;background-size:250px auto;}
.is-animation .logo img {display:none;}

.is-animation .button_container span {background:#efefef !important;}
.is-animation .button_container span.menutxt {color:#222 !important;}

.is-animation .button_container.active .top {background: #FFF !important;}
.is-animation .button_container.active .middle {background: #FFF !important;}
.is-animation .button_container.active .bottom {background: #FFF !important;}
.is-animation .button_container.active .menutxt {color:#FFF !important;}

.is-animation ul li a:hover,.is-animation ul li a span:hover {text-decoration:none;}
.is-show {transform: translateY(0);}



/* =========================================================

Footer

=========================================================== */

footer {padding:80px 0 60px;text-align:center !important;border-top:solid 1px #ddd;}
footer .f-logo {margin:0 auto 30px;width:232px;}
footer .f-logo img {width:100%;}
footer .copy {font-weight: 100;font-size:12px;margin-top:30px;text-align:center;}
footer .f-navi {position: relative;}
footer .f-navi::after {  content: "";clear: both;display: block;}
footer .f-navi {font-size:13px;margin-bottom:20px;text-align: center;}
footer .f-navi li {display: inline;}
footer .f-navi li a {display:inline-block;padding:0 25px;}
footer .f-navi li a img {width:20px;}


#sp-footerNavi {display:none;}




/* =========================================================

table

=========================================================== */


table {width: 100%;border-collapse:collapse;border-spacing:0;border:1px dotted #bfcbd1;}
table td, table th {padding:0.6em 1em;}
table tr {border-bottom:1px dotted #bfcbd1;}
table th {background: #eff2f3;vertical-align: middle;text-align:center;color:#607d8b;font-weight:500;font-size:95%;}
table td {font-size:95%;background:#FFF;}
table p {margin:0 0 8px !important;}
table thead th {text-align:center !important;}
table .txtcenter {text-align:center !important;}

table td ul {overflow:hidden;}
table td ul li {float:left;margin-right:10px;}




/* =========================================================

margin

=========================================================== */



.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}


.t_left {display:block;text-align:left !important;}
.t_right {display:block;text-align:right !important;}
.t_center {display:block;text-align:center !important;}

.fb {font-weight:700;}


/* =========================================================

form

=========================================================== */

:focus::-webkit-input-placeholder { color: white; } 
:focus:-moz-placeholder { color: white; } 
:focus::-moz-placeholder { color: white; }
:focus:placeholder-shown { color: white; } 

input {font-size: 15px;font-size: 1.5rem;}
input[type="search"]::-ms-clear {display: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

input[type='text'],
input[type='number'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='password'],
input[type='date'],
textarea,
select {font-size: 14px;font-size: 1.4rem;vertical-align:middle;border:solid 1px #90a4ae;border-radius:3px;background: #FFF;padding: 0.45em 1em;}

input[type='tel'] {width:130px;}
input[type='number'] {width:60px;}
input[type='checkbox'] {width:20px;}

input[type='submit'],
input[type='reset'],
input[type='button'],
button { 
-webkit-appearance: none;
box-sizing: border-box;
position: relative;
display: inline-block;
padding: 0.25em 1em;
text-decoration: none;
color: #FFF;
background:#0495c1;
border:none;
border-bottom: solid 3px #0071bc;
border-radius: 4px;
cursor:  pointer !important;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
outline: 0;
}

input[type='submit']:active,
input[type='reset']:active,
input[type='button']:active,
button:hover {
border-bottom: solid 3px #0495c1;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
outline: 0;
}

textarea {width:98%;height:10em;min-height: 2em;resize: vertical;}
select {  -moz-appearance: none;  -webkit-appearance: none;  appearance: none;background: url(images/select_arrow.svg) right 50% no-repeat #FFF;background-size:20px auto;}
select::-ms-expand { display: none;}

.button { 
display: inline-block;
padding: 0.3em 1em;
border-radius:3px;
cursor:  pointer !important;
font-size: 15px;
}

label { background: #8097a2;color:#FFF;cursor: pointer;padding:0.6em 1em;margin: 0 10px 0 0;display: inline-block;border-radius:3px;border:solid 1px #97aab3;background: #fff;}
label:hover { background: #a0b1b9;}
label input {display: none;}

.wt1 {width:200px;}
.wt2 {width:90px;margin:0 5px;}
.wt3 {width:400px;}





.button.blue {
background:#0495c1;
text-decoration:none;
color: #FFF;
}
.button.blue:hover {
background: #4598c6;
}
.button.gray {
background:#607d8b;
text-decoration:none;
color: #FFF;
}
.button.gray:hover {
background:#a0b1b9;
}
.button.green {
background:#3dad80;
text-decoration:none;
color: #FFF;
}
.button.green:hover {
background:#40b6a7;
}
.button.violet {
background:#6a83be;
text-decoration:none;
color: #FFF;
}
.button.violet:hover {
background: #5d6395;
}
.button.red {
background:#f6695e;
text-decoration:none;
color: #FFF;
}
.button.red:hover {
background:#f44336;
}

.confirm {
display: block;
margin: 50px auto;
text-align: center;
}




.scroll {overflow: auto;white-space: nowrap;}
.scroll table {margin-bottom:20px;}
.scroll::-webkit-scrollbar{height:10px;}
.scroll::-webkit-scrollbar-track{background: #BCBCBC;}
.scroll::-webkit-scrollbar-thumb {background: #68bfda;}



/* =========================================================

ぱんくずリスト

=========================================================== */

#topicpath {border-bottom:solid 1px #ddd;border-top:solid 1px #ddd;}
.topic_path {padding:8px 0 8px !important;}
.topic_path li {color:#999;font-size:12px;float:left;/*background:url(img/icon_arrow02.png) no-repeat right 3px;padding:0 15px 0 0;background-size:8px auto;*/margin-right:10px;}
.topic_path li:first-child img {width:13px;}
.topic_path li:last-child {background:none;}
.topic_path li a {color:#999;}
.topic_path li a:hover {text-decoration:underline;}



/* =========================================================

ページネーション

=========================================================== */



.pagination {margin-top:40px;}
.pagination, .pagination li a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.pagination li { background-color:#90a4ae; }

.pagination a {font-weight: 300;padding-top: 1px;text-decoration:none; border: 1px solid rgba(0,0,0,.25);border-left-width: 0;min-width:44px;min-height:44px;color: rgba(255,255,255,.85); box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.35);}
*::-ms-backdrop, :root .pagination a {height:44px;line-height:44px;}

.pagination li:not([class*="current"]) a:hover { background-color: rgba(255,255,255,.2);border-top-color: rgba(0,0,0,.35);border-bottom-color: rgba(0,0,0,.5);}
.pagination li:not([class*="current"]) a:focus,
.pagination li:not([class*="current"]) a:active {;box-shadow: 0px 0px 10px 1px rgba(0,0,0,.25);border-left-width:1px;}

.pagination li.current a { 
 padding-top:.25em;
 color: rgba(255,255,255,1);
 background-color: rgba(255,255,255,.15);
 box-shadow: inset 0px 2px 1px 0px rgba(0,0,0,.25);
 cursor: default;
 pointer-events: none;
}