/*
 * StyleName: common.css
*/

button, hr, input {
   overflow: visible
}
progress, sub, sup {
   vertical-align: baseline
}
[type=checkbox], [type=radio], legend {
   box-sizing: border-box;
   padding: 0
}
html {
   line-height: 1.15;
   -webkit-text-size-adjust: 100%
}
body {
   margin: 0
}
h1 {
   font-size: 2em;
   margin: .67em 0
}
hr {
   box-sizing: content-box;
   height: 0
}
code, kbd, pre, samp {
   font-family: monospace, monospace;
   font-size: 1em
}
a {
   background-color: transparent
}
abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   text-decoration: underline dotted
}
b, strong {
   font-weight: bolder
}
small {
   font-size: 80%
}
sub, sup {
   font-size: 75%;
   line-height: 0;
   position: relative
}
sub {
   bottom: -.25em
}
sup {
   top: -.5em
}
img {
   border-style: none
}
button, input, optgroup, select, textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0
}
button, select {
   text-transform: none
}
[type=button], [type=reset], [type=submit], button {
   -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
   border-style: none;
   padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
   outline: ButtonText dotted 1px
}
fieldset {
   padding: .35em .75em .625em
}
legend {
   color: inherit;
   display: table;
   max-width: 100%;
   white-space: normal
}
textarea {
   overflow: 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
}
details {
   display: block
}
summary {
   display: list-item
}
[hidden], template {
   display: none
}

/*=============================================
 * reset 
 *=============================================*/

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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0;
   padding: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
   outline: none;
   border: 0;
   font-family: YakuHanJP_Noto, 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ＭＳ Ｐゴシック', sans-serif;
}
img {
   border: 0;
   transform: translateZ(0);
   -moz-transform: translateZ(0);
   -webkit-transform: translateZ(0);
}
img, input {
   vertical-align: middle;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html address {
   margin: 0;
   padding: 0;
   font-style: normal;
   font-weight: normal;
   border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
   display: block;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
   content: "";
   content: none;
}
table {
   border-spacing: 0;
   border-collapse: collapse;
}
table, caption, th, td {
   font-style: normal;
   font-weight: normal;
}
hr {
   margin: 0;
   padding: 0;
}
iframe {
   margin: 0;
   padding: 0;
   border: 0;
}
form, fieldset, input, button, select, optgroup, option, textarea, label, legend {
   margin: 0;
   padding: 0;
   outline: none;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br, ins, del, a, img, object {
   margin: 0;
   padding: 0;
   font-style: normal;
   font-weight: inherit;
   border: 0;
}

/*=============================================
 * reset - custom
 *=============================================*/

:before,
:after {
   pointer-events: none;
}
* {
   /* fix font boosting on mobile Chrome */
   max-height: 1000000px;
}
*:first-child+html img,
* html img {
   vertical-align: top;
}
html,
body {
   line-height: 1;
   word-spacing: normal;
   min-height: 100%;
   text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   overflow-scrolling: touch;
   -moz-overflow-scrolling: touch;
   -webkit-overflow-scrolling: touch;
   /* -webkit-font-smoothing: antialiased; */
}
html.break-jump,
.break-jump body {
   /* fixed for screen jumping bug on iOS */
   margin: auto;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: auto;
}
input,
button,
select,
optgroup,
option,
textarea,
label {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}
select,
button,
input:button,
input:submit,
input:reset {
   cursor: pointer;
}
/*
option:disabled {
	display: none;
}
*/
strong {
   font-weight: 600;
}
em {
   font-style: italic;
}
small {
   font-size: smaller;
}
del {
   text-decoration: line-through;
}
a {
   color: inherit;
   text-decoration: none;
}
a:hover {
   text-decoration: none;
}
a:focus,
a:active {
   outline: none;
   -moz-outline-style: none;
   ie-dummy: expression(this.hideFocus=true);
}

a[x-apple-data-detectors] {
   color: inherit !important;
   text-decoration: none !important;
   font-size: inherit !important;
   font-family: inherit !important;
   font-weight: inherit !important;
   line-height: inherit !important;
}


/*=============================================
 * .tabs-switch
 *=============================================*/

.tabs-switch {}
.tabs-switch .tab-link {}
.tabs-switch .tab-link>* {
   cursor: pointer;
   display: inline-block;
}
.tabs-switch .tab-link>* a {
   pointer-events: none;
}
.tabs-switch .tab-link.link-over>* {
   position: relative;
}
.tabs-switch .tab-link.link-over>*>img {}
.tabs-switch .tab-link.link-over>*>img+img {
   margin: auto;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}
.tabs-switch .tab-link.link-over>*>img+img,
.tabs-switch .tab-link.link-over>*:hover>img,
.tabs-switch .tab-link.link-over>*.active>img {
   opacity: 0;
}
.tabs-switch .tab-link.link-over>*:hover>img+img,
.tabs-switch .tab-link.link-over>*.active>img+img {
   opacity: 1;
}
.tabs-switch .tab-content {}
.tabs-switch[data=fade] .tab-content {
   min-height: 100px;
   position: relative;
}
.tabs-switch .tab-content>* {
   display: none;
}
.tabs-switch[data=fade] .tab-content>* {
   margin: auto;
   width: 100%;
   height: 100%;
}