@charset "utf-8";

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;
background:transparent;
}

html,body {
width:100%;
font-size:13px;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-weight: 400;
line-height: 1.7em;
text-size-adjust: 100%;
font-smoothing:antialiased;
-moz-osx-font-smoothing: grayscale;
color: #555;
overflow-x: hidden;
}

a {
    outline:none;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}

a:link { color: #555;}
a:visited { color: #555;}
a:hover { color: tomato;}

img { border: 0; vertical-align: bottom;}/*画像の下にできる余白を消す*/

h1,h2,h3,h4,h5,h6 {font-size:inherit; font-family:inherit ; font-weight:inherit; }

ul,dl,ol { text-indent: 0;}
li { list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var { }

sup { vertical-align: text-top;}
sub { vertical-align: -5%;}

input,textarea,select { font-family: 'Mplus 1p'; font-size: inherit; font-weight:400;}
* html input,* html textarea,* html select { font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select { font-size: 100%;}

table { border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td { text-align: left; vertical-align: top;}
caption { text-align: left;}

pre,code,kbd,samp,tt { font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea { font-size: 100%; font-family: 'Mplus 1p';}

::selection { background: rgba(250,200,88,1.0);}
::-moz-selection { background: rgba(250,200,88,1.0);} /*Firefox/

.clear { clear:both;}

/* ===== レイアウト調整用 ===== */

.space1vh { height:1vh;}
.space3vh { height:3vh;}
.space5vh { height:5vh;}
.space10vh { height:10vh;}

.margin50px { margin-top: 50px;}
.margin05em { margin-top: 0.5em;}
.margin1em { margin-top: 1em;}
.margin15em { margin-top: 1.5em;}
.margin3em { margin-top: 3em;}
.margin5em { margin-top: 5em;}
.margin8em { margin-top: 8em;}

.margin1vh { margin-top: 1vh;}
.margin3vh { margin-top: 3vh;}
.margin5vh { margin-top: 5vh;}
.margin8vh { margin-top: 8vh;}
.margin10vh { margin-top: 10vh;}
.margin20vh { margin-top: 20vh;}

.fontsize_80 { font-size: 80%;}
.fontsize_85 { font-size: 85%;}
.fontsize_90 { font-size: 90%;}
.fontsize_100 { font-size: 100%;}
.fontsize_110 { font-size: 110%;}
.fontsize_120 { font-size: 120%;}
.fontsize_150 { font-size: 150%;}
.fontsize_200 { font-size: 200%;}
.fontsize_250 { font-size: 250%;}
.fontsize_300 { font-size: 300%;}
.fontsize_400 { font-size: 400%;}
.fontsize_500 { font-size: 500%;}
.fontsize_600 { font-size: 600%;}
.fontsize_700 { font-size: 700%;}
.fontsize_800 { font-size: 800%;}
.fontsize_900 { font-size: 900%;}

.thin { font-weight:100;}
.light { font-weight:300;}
.regular { font-weight:500;}
.medium { font-weight:600;}
.bold { font-weight:800;}
.heavy { font-weight:900;}

.align_left { text-align: left;}
.align_center { text-align: center;}
.align_right { text-align: right;}
.align_justify { text-align: justify;}

.letter_minus { letter-spacing: -0.5em;}
.letter_normal { letter-spacing: normal;}
.letter_1px { letter-spacing: 1px;}
.letter_1em { letter-spacing: 0.1em;}

.indent { text-indent: 1em;}

.border { border: solid 1px #bbb;}

.circle {
border: solid 1px #585858;
border-radius: 50%;
}