/*reset*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
            box-sizing: border-box;
}

html {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

body {
	margin-top: 0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.1rem;
	color: #454545;
}

@media (min-width:768px){
body {
    font-size: 16px;
}
}

@media (max-width:767px){
body {
    font-size: 16px;
}
}

body,p,ol,blockquote,fieldset,legend,textarea,pre,hr,h1,h2,h3,h4,h5,h6,button {
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 600;
}

ul,dl {
  list-style-type: none; /* マーカーを消す */
  margin: 0; /* 余白を0にする */
  padding: 0; /* 余白を0にする */
}

img,embed,iframe,object,audio,video {
	height: auto;
	border: 0;
}

img {
	vertical-align: bottom;
	width:100%;
	height:auto;
}


a {
	text-decoration: none;
}

a:link { color: #e55088;}
a:visited { color: #e55088; }
a:hover { color: #e55088; }
a:active { color: #e55088;}





/*container 調整-----------------------------------------------------------------------------*/

.wrapper {
	width:100%;
	margin-right:auto;
	margin-left:auto;
}

/*
@media (min-width:576px){
	.container{max-width:767px}
}

@media (min-width:768px){
	.container{max-width:1020px}
}

@media (min-width:992px){
	.container{max-width:1020px}
}

@media (min-width:1200px){
	.container{max-width:1020px}
}
*/



/*表示-----------------------------------------------------------------------------*/

/*スマホ表示のみ*/
@media (min-width:768px){
	.hid_sm_xs {
		display: none !important;
	}
}

/*pc表示のみ*/
@media (max-width:767px){
	.hid_md_lg {
		display: none !important;
	}
}