@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 200;
   src: local('NotoSansJP-Regular.otf'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: local('NotoSansJP-Medium.otf'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}


@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Medium");
  font-weight: 400;
}

html,body{
	width:100%;
	height:100%;
	font-size:15px;
	-webkit-text-size-adjust: 100%;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color:#000;
	font-style: inherit;
	/*font-weight: inherit;*/
	font-weight: 500;
}

.noto{
	font-family: 'Noto Sans Japanese', "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.yugo{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.yumin{
	font-family: "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.oswald{
    font-family: 'Oswald', sans-serif;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, li li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 1rem;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a{
-webkit-transition-property:color,opacity,border,background,box-shadow;
-webkit-transition-duration:0.4s;
-webkit-transition-timing-function:ease;
-moz-transition-property:color,opacity,border,background,box-shadow;
-moz-transition-duration:0.4s;
-moz-transition-timing-function:ease;
-o-transition-property:color,opacity,border,background,box-shadow;
-o-transition-duration:0.4s;
-o-transition-timing-function:ease;
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
.floatleft{
float:left!important;
}
.floatright{
float:right!important;
}
.center,
.aligncenter{
text-align:center!important;
}

.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}


.right,
.alignright{
text-align:right!important;
}
.left,
.alignleft{
text-align:left!important;
}

.white{
color:#fff!important;
}
.pink{
color:#fc225f!important;
}
.red{
color:#a60011!important;
}
.maincolor{
    color:#e03651;
}
.blue{
color:#2c5aa0!important;
}
.cyan{
color:#54bec7!important;
}
.green{
color:#77ad36!important;
}
.lime{
color:#570!important;
}
.brown{
color:#a08b7c!important;
}
.yellow{
color:#fff59d!important;
}
.lightyellow{
color:#ffff00!important;
}
.cream{
	color:#fbe8ae!important;
}
.silver{
color:#78736d!important;
}
.lightsilver{
color:#9a958f!important;
}
.gray{
color:#777!important;
}
.darkgray{
color:#4d4d4d!important;
}
.graybrown{
color:#484537!important;
}
.gold{
color:#93886C!important;
}
.coral{
color:#e87156!important;
}
.redgray{
color:#6D645B!important;
}
.lightgray{
color:#efefef!important;
}
.yellow_bk{
	background:linear-gradient(transparent 50%, #fffcbb 50%);
}
.hidden{
	visibility: hidden!important;
}
.visible{
	visibility: visible!important;
}

.width100{
width:100%!important;
}

.inherit{
    font-size:inherit;
    font-weight:inherit;
}

.block{
	display:block!important;
}

.inline-block{
	display:inline-block!important;
}


.bold{
font-weight:500!important;
}
.black{
font-weight:900!important;
}

.lighter,
.nallow{
font-weight:lighter!important;
}
.italic{
font-style:italic!important;
}
.underline{
text-decoration:underline!important;
}
.antialias{
	transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-webkit-transform: rotate(0.028deg);
}
span.antialias,
big.antialias,
small.antialias,
strong.antialias,
em.antialias{
	display:inline-block;
}
.strike{
	text-decoration:line-through!important;
}

.nostyle{
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important;
}
.noborder{
    border:none!important;
}


.pc_inline{
    display:inline!important;
}
.pc_block{
    display:block!important;
}
.pc_inlineblock{
    display:inline-block!important;
}
.pc_listitem{
    display:list-item!important;
}
.pc_flex{
    display:flex!important;
}
.smp_inline{
    display:none!important;
}
.smp_block{
    display:none!important;
}
.smp_inlineblock{
    display:none!important;
}
.smp_listitem{
    display:none!important;
}
.smp_flex{
    display:none!important;
}

/*タブレット・スマホ*/
@media screen and (max-width: 1024px){
    .smp_inline{
        display:inline!important;
    }
    .smp_block{
        display:block!important;
    }
    .smp_inlineblock{
        display:inline-block!important;
    }
    .smp_listitem{
        display:list-item!important;
    }
    .smp_flex{
        display:flex!important;
    }
    .pc_inline{
        display:none!important;
    }
    .pc_block{
        display:none!important;
    }
    .pc_inlineblock{
        display:none!important;
    }
    .pc_listitem{
        display:none!important;
    }
    .pc_flex{
        display:none!important;
    }

}