@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

* {
    box-sizing: border-box;
    /*-webkit-backface-visibility: hidden;
    backface-visibility: hidden; */
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-weight: initial;
}

body {
    line-height:1;
    -webkit-font-smoothing: antialiased;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul,
ul,
li {
    list-style:none;
}


a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}


hr {
    display:block;
    height:1px;
    border:0;
    /*border-top:1px solid #4d4d4d;*/
    /*margin:1em 0;*/
    padding:0;
}

input, select {
    vertical-align:middle;
}

input:focus {
    outline: none;
}


/* Setting-basic
---------------------------------------*/
body {
    font-family:  "メイリオ", Meiryo, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", sans-serif;
    color: #000;
    background: #fff;
    font-size: 14px;
    -webkit-text-size-adjust:100%;
}

.mintyo {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    /*font-family: "Noto Serif JP";*/
}

.f-bold {
    font-weight: bold;
}

/*.f_ebg{
      font-family: 'EB Garamond', serif;
}*/

/*p{
    text-align: justify;
    text-justify: inter-ideograph;
}*/

/* Hypertext Module
---------------------------------------*/
a:link,
a:visited {
    color: #000;
}
a:hover {
    color: #000;
    cursor: pointer;
    text-decoration: none !important;
}
a:active,
a:focus {
    outline: none;
}

/* Image Module
---------------------------------------*/
img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}
/*pconly*/
@media screen and ( min-width: 679px ) {
    /*a img{
        opacity: 1;
        transition: opacity 0.3s ease;
    }
    a:hover img{
        opacity: 0.7;
        transition: opacity 0.3s ease;
    }*/
}


.hide_txt{
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    display: block;
}


/*pc sp_only*/
.pc_only {
    display: block;
}
.sp_only {
    display: none;
}
* {
    -webkit-appearance: none;
}
#page_top main {
}

@media screen and (max-width: 679px ) {
    .pc_only {
        display: none !important;
    }
    .sp_only {
        display: block;
    }
}


/* webkit specific styles */
input[type="color"]::-webkit-color-swatch {
    border: none;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}