@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; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#fff; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
table td { border: 1px solid #BBB; }
hr { display:block; height:1px; border:0; border-top:3px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; border: none; box-sizing: border-box; cursor: pointer; }
a { text-decoration: none; background-color: transparent; }

/*	共通設定
----------------------------------------------------*/
html, body {
	width: 100%;
	height: 100%;
	font-size: 10px;
}
body {
	color: #333;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.5rem;
	line-height: 1.8;
	font-weight: 400;
	overflow-x: hidden;
  background-color: #fafafa;
}
header {
	color: #545454;
	font-family: verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1.3rem;
	line-height: 1.25;
	font-weight: 400;
	overflow-x: hidden;
}
img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.noscroll {
}

/*  pageTop.js
----------------------------------------------------*/
#pageTop {
    position: fixed;
    right: 20px;
    bottom: 2px;
    margin: 0;
}
#pageTop a {
    opacity: 0.8;
}
#pageTop a:hover {
    opacity: 0.6;
}
@media only screen and (max-width: 767px) {
    #pageTop {
        width: 40px;
    }
}

/*  responsiveMenu.js
----------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.sideSlide {
		right: 0!important;
	}
	
	header {
		width: 450px;
		position: fixed;
		top: 0;
		margin: 0;
		z-index: 9999;
	}
	#hsp_main {
		position: relative;
		text-align: center;
		padding-top: 5px;
	}
	.hsp_main-logo {
		width: 200px;
		margin: 0 auto;
	}
	#hsp_main-btn {
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    background: transparent;
    border-radius: 5px;
	}
	#hsp_main-btn span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 60%;
    height: 4px;
    background: #545454;
    border-radius: 5px;
    transition: all 0.2s linear;
	}
	#hsp_main-btn span:nth-of-type(1) {
		top: 2px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#hsp_main-btn span:nth-of-type(2) {
		top: 10px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	#hsp_main-btn span:nth-of-type(3) {
		top: 18px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#hsp_main-btn p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    margin: auto;
    font-size: 1.1rem;
    color: #333;
    width: 100%;
	}
	#hsp_main-btn.btnClose span:nth-of-type(1) {
		top: 20px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#hsp_main-btn.btnClose span:nth-of-type(2) {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	#hsp_main-btn.btnClose span:nth-of-type(3) {
		top: 20px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#hsp_main-btn.btnClose p {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	#hsp_main2 .snsShare {
		margin-bottom: 5px;
    display: none;
	}
	#hsp_main2 .snsShare ul {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		list-style: none;
	}
	#hsp_main2 .snsShare li {
		width: 25px;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 768px) {
	#hsp_title h1 {
		font-size: 1rem;
		font-weight: 400;
    width: 90%;
    padding: 5px 5%;
    margin: auto;
    white-space: normal;
	}

}