@charset "UTF-8";

@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 Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}

html, body, input, button, textarea, select {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}


/* IE10以上 */
@media all and (-ms-high-contrast: none) {
	html, body, input, button, textarea, select {
		font-family: Verdana, Meiryo, sans-serif;
	}
	footer nav#footernav ul li#pushnate {
		display: none;
	}
}

body{
	-webkit-text-size-adjust: 100%;
}

main{
	padding: 0 0 40px;
}

main h1 {
	margin-bottom: 40px;
	padding: 8px;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	background-color: #0e0e0e;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
main article#mv h1{
	margin-bottom: 0;
}
h2 {
	font-size: 32px;
	margin-bottom: 30px;
}

h3{
	font-size: 22px;
	margin-bottom: 40px;
}

h4{
	font-size: 20px;
	margin-bottom: 36px;
}

h5{
	font-size: 18px;
	margin-bottom: 32px;
}

main > article {
  padding-top: 60px;
  padding-bottom: 40px;
}
main > article#mv {
	padding-top: 0;
	padding-bottom: 0;
}
article section{
	padding-left: 16px;
	padding-right: 16px;
	max-width: 980px;
	margin: 0 auto;
}
main article#mv section{
	padding: 0;
	max-width: 100%;
}

/*-----------------------------------------------------------------------
* header
*----------------------------------------------------------------------- */

header {
	padding: 12px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}
header a {
	display: block;
	height: 34px;
	text-align: center;
}
header a img {
	width: auto;
	height: 100%;
}

/*-----------------------------------------------------------------------
* footer
*----------------------------------------------------------------------- */

footer{
	text-align: center;
	background-color: #f5f5f5;
	color: #0e0e0e;
}

footer p{
	padding: 20px 8px;
	margin-bottom: 0;
}
footer p a{
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #0e0e0e;
	letter-spacing: 0;
}


/*-----------------------------------------------------------------------
 * style
 *----------------------------------------------------------------------- */

.kiyakubox {
	max-width: 860px;
	height: 200px;
	padding: 20px;
	margin: 0 auto;
	overflow: auto;
	background-color: #fff;
	color:#0e0e0e;
	border: 1px solid #ccc;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 40px;
	word-break: break-all;
}

/*---------------------snsボタン---------------------------*/
div.share_box {
	border: 1px #dcdcdc solid;
	padding: 10px 12px 5px;
	display: inline-block;
	vertical-align: top;
}
div.share_googleplus , div.share_facebook , div.share_twitter{float:left;}
div.share_googleplus{margin-right: 5px;}
div.share_facebook{margin-right: 5px;}
iframe.twitter-share-button {/*width: 98px !important;*/}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}
/*-----------------------------------------------------------------------
 * responsive
 *----------------------------------------------------------------------- */

@media screen and (max-width: 1179px) {
}

@media screen and (max-width: 1023px) {
}

@media screen and (max-width: 979px) {
}

@media screen and (max-width: 879px) {
}

@media screen and (min-width: 768px) { /*pc*/
}
@media screen and (max-width: 767px) { /*smartphone*/
	html, body, input, button, textarea, select, ul li {
		font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		font-size: 13px;
		line-height: 1.6;
		letter-spacing: 0.1em;
	}
	header {
		padding: 10px;
	}
	header a {
		height: 29px;
	}
	h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	h3 {
		font-size: 18px;
		margin-bottom: 18px;
	}
	h4 {
		font-size: 16px;
		margin-bottom: 16px;
	}
	h5 {
		font-size: 14px;
		margin-bottom: 14px;
	}
	main > article {
	  padding-top: 30px;
	  padding-bottom: 20px;
	}
	article section{
		padding-left: 12px;
		padding-right: 12px;
	}
	.kiyakubox {
		padding: 12px;
		margin-bottom: 30px;
	}
	div.share_box {
		box-sizing: border-box;
		background: #eee;
		width: 100%;
		border: 0;
		padding-top: 23px;
		padding-bottom: 17px;
	}
	div.share_googleplus , div.share_facebook , div.share_twitter{
		display: block;
		float: none;
		transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);
	}
	div.share_googleplus , div.share_facebook{
		margin-bottom: 18px;
	}
}

@media screen and (max-width: 719px) {
}

@media screen and (max-width: 479px) {
	main h1 {
		text-align: left;
	}
	main article p{
		text-align: left;
	}
}
@media screen and (max-width: 320px) {
}