@charset "UTF-8";
/*********************************************

reset and normalize

**********************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; list-style-position: outside; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
img { vertical-align: bottom; border-style: none; }
figure { margin: 0; }
html { height: 100%; }
em { font-weight: bold; }
/* IE6/7/8用　html5リセット */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
summary { display: list-item; }
/*table firefox対応 IE対応でcellspacing="0"を付与すること*/
table { border-collapse: separate; border-spacing: 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { overflow: auto; }
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
template { display: none; }
[hidden] {
display: none;
}
audio:not([controls]) { display: none; }
*, ::before, ::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /*font-feature-settings: "palt";*/
/*transition: all 0.3s;*/}
/*----- form -----*/
input { -webkit-border-radius: 0; border: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: none;/*-webkit-appearance: button;*/
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
legend { color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto;width: 100%; }
[type="checkbox"], [type="radio"] {
padding: 0;
}
[type="number"] {
width: auto;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/*********************************************

basic style

**********************************************/

/*----- text -----*/
b, strong { font-weight: bold; font-weight: bolder; }
i,.it { font-style: italic; }
/*----- link -----*/
main a img:hover,.hover:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
main a img,.hover { -moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/*----- float -----*/
.f-left { float: left; }
.f-right { float: right;}
/*----- clear -----*/
.clear { clear: both; }
.clearfix, .row { overflow: hidden; *zoom:1;
}
.clearfix:after, .row:after { clear: both; display: block; content: " "; }
.hidden { overflow: hidden; }
/*----- margin,padding -----*/

/*----- text-align -----*/
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }
.t-left { text-align: left !important; }
/*----- form -----*/
input, select { vertical-align: -2px; font-size: 16px; }
label + input, input + label { margin-left: 0.5em; }
input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="password"], input[type="date"], input[type="datetime"],input[type="number"], select, textarea { border: #ccc 1px solid; padding: 0.5em; font-size: 16px; border-radius: 0; }
input[type="checkbox"] { margin-right: 0.5em; }
input[type="submit"]:hover { cursor: pointer; }
/* transition */
.trans{transition: all 0.3s;}
/* transition */
.list_style_no{list-style:none !important;}

/*----- image -----*/
.fit { width: 100%; height: auto; }
/*----- flex -----*/
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
.flex-sb { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.flex-ac { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.flex-w{    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;}

/*----- rayout -----*/
.inner { width: 1400px; margin-left: auto; margin-right: auto; }

/*********************************************
content:1200px
**********************************************/
@media screen and (max-width: 1440px) {
body{min-width:1280px;}
/*----- rayout -----*/
.inner { width: 1200px; }
}

/*********************************************
content:iPad / SP
**********************************************/
@media screen and (max-width: 768px) {
body{min-width:inherit;}
/*----- rayout -----*/
.inner { width: 92%; }
}
/*********************************************
content:iphone
**********************************************/
@media screen and (max-width: 479px) {
}
/*********************************************
content:small iphone
**********************************************/
@media screen and (max-width: 374px) {
}
/*
 * Hiraku Ver.1.0.2 (https://www.appleple.com)
 * Copyright appleple | MIT License
 *
 */
.js-hiraku-offcanvas-active { position: fixed; z-index: 100001; top: 0; right: 0; bottom: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); }
.js-hiraku-offcanvas-open { display: block; }
.js-hiraku-offcanvas-body { z-index: 0; left: 0; width: 100%; transition: left .3s ease-in-out; }
.js-hiraku-offcanvas-body-right { position: fixed; left: -70%; overflow-y: hidden; }
.js-hiraku-offcanvas-body-left { position: fixed; left: 70%; overflow-y: hidden; }
.js-hiraku-offcanvas-body-moving { position: fixed; left: 0; }
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar { position: fixed; z-index: 10002; top: 0; bottom: 0; display: block; overflow-y: scroll; box-sizing: border-box; width: 70%; max-width: 100%; -webkit-overflow-scrolling: touch; }
.js-hiraku-offcanvas:focus { background-color: rgba(0, 0, 0, .3); }
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right { right: 0; left: auto; margin-right: -70%; transition: margin-right .3s ease-in-out; }
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left { right: auto; left: 0; margin-left: -70%; transition: margin-left .3s ease-in-out; }
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right.active { margin-right: 0; transition: margin-right .3s ease-in-out; }
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left.active { margin-left: 0; transition: margin-left .3s ease-in-out; }
.js-hiraku-header-fixed { position: fixed; top: 0; left: 0; width: 100%; transition: margin-left .3s ease-in-out; }
.js-hiraku-offcanvas-body-right, .js-hiraku-offcanvas-body-left { overflow: hidden; }
.js-hiraku-offcanvas-body-right .js-hiraku-header-fixed { margin-left: -70%; }
.js-hiraku-offcanvas-body-left .js-hiraku-header-fixed { margin-left: 70%; }
.js-hiraku-offcanvas-close-btn { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.hiraku-open-btn { cursor: pointer; background: transparent; }