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;
}
*{
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}

table {
	border-collapse:collapse;
    border-spacing:0;
}
table td,table th{ vertical-align:top;}

a {
    margin:0;
    padding:0;
    color: #555;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
img{
	border:0px;
	vertical-align:top;
}
ol, ul{
    list-style:none;
}
caption, th{
    text-align: left;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    overflow-y: scroll;
}



/*smartphone*/
/*------------------------------------------------------------------------------*/

html { -webkit-text-size-adjust: none; }
body.hoverOn a { -webkit-tap-highlight-color: rgba(0,0,0,0.3);}
img {max-width: 100%; height: auto;-webkit-backface-visibility: hidden;}

/*base*/
/*------------------------------------------------------------------------------*/
body{
	font-family: "游ゴシック",YuGothic,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, "MS P Gothic", sans-serif;
	color:#333;
	font-weight:normal;
	font-size:75%;
	line-height:1.7;
	word-break:break-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	}
}
a{
	text-decoration: none;
}
body.hoverOn a:hover img{
	opacity: 0.7;
}

.clear{clear:both;}

.clearfix:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}





body	{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #333333;
}

.optima	{
	font-family: 'Marcellus', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", serif !important;
}

.text-center	{
	text-align: center;
}
/*layout*/
/*------------------------------------------------------------------------------*/


#wrapper {
  overflow: hidden;
}
.inner_in {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
	margin-right: auto;
  text-align: left;
}

/*header*/
/*------------------------------------------------------------------------------*/
@media only screen and (min-width:980px) {
	header {
		width: 100%;
		position: fixed;
		background-color: #ffffff;
		z-index: 11;
		height: 63px;
		box-shadow: 0 0 2px 2px rgba(0,0,0,.05);
		top: 0;
	}
	.header_inner{
		max-width: 1200px;
		padding: 8px 0;
		margin: auto;
		display: flex;
		align-items: center;
	}
	.headerlogo{
		position: relative;
		z-index: 100000;
	}
	.headerlogo img{
		max-width: 68px;
		height: auto;
	}
	.snsarea{
		margin-left: auto;
		display: flex;
		align-items: center;
		position: relative;
		z-index: 100000;
	}
	.snsarea li{margin-left: 10px;}

	.snsarea a {
		display: inline-block;
		background-size: 0;
	}

	body.hoverOn .snsarea a:hover {
		background-size: 30px auto;
	}

	body.hoverOn .snsarea a:hover img{
		opacity: 0;
	}

	.snsarea .facebook a {
		width: 30px;
		height: auto;
		background-image: url(../image/header_fb_hover.png);
	}

	.snsarea .instagram a {
		width: 30px;
		height: auto;
		background-image: url(../image/header_insta_hover.png);
	}

	.snsarea a img {
		width: 100%;
	}
}

@media only screen and (min-width:980px) and (max-width:1200px) {
.header_inner {
    padding: 8px 15px;
}
}

/*footer*/
/*------------------------------------------------------------------------------*/
footer{
	background-color: #4b4b4b;
	border-top: #E6E6E6 1px solid;
	padding: 0 0 10px;
}

#footer_bottom{
	margin: 0 auto;
	padding: 25px 0;
	border-top: 1px solid rgba(255,255,255,.2);
	text-align:left;
}
.footnav_b{
	float: left;
}
.footnav_b li{
	display: inline-block;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #ccc;
	line-height: 1;
}
.footnav_b li:first-child{
	padding-left: 20px;
	border-left: 1px solid #ccc;
}
.footnav_b li:last-child{
	margin-right: 0;
}
.footnav_b li a	{
	color: white;
}

.footnav_b li a[target="_blank"] {
	padding-right: 23px;
	background-image: url(../image/icon_blank.png);
	background-size: 12px auto;
	background-position: right center;
	background-repeat: no-repeat;
}

body.hoverOn .footnav_b li a:hover	{
	text-decoration: underline;
}
small{
	display: block;
	float: right;
	color: white;
}

/* screens smaller than 980 common_tablet
---------------------------------------------------------- */

/*header*/
/*------------------------------------------------------------------------------*/
@media only screen and (max-width:979px) {

	header {
		width: 100%;
		position: fixed;
		background-color: #ffffff;
		z-index: 11;
		height: 50px;
	}
	.header_inner{
		max-width: 1200px;
		padding: 5px 16px 5px 16px;
		margin: auto;
		display: flex;
		align-items: center;
	}
	.headerlogo img{
		max-width: auto;
		height: 40px;
		width: auto;
	}
	.snsarea{
		margin-left: auto;
		display: flex;
		align-items: center;
	}
	.snsarea li{margin-left: 10px;}

	.snsarea a {
		display: inline-block;
		margin: 0;
		background-size: 0;
	}

	body.hoverOn .snsarea a:hover {
		background-size: 20px auto;
	}

	body.hoverOn .snsarea a:hover img{
		opacity: 0;
	}

	.snsarea .facebook a {
		width: 20px;
		height: auto;
		background-image: url(../image/header_fb_hover.png);
	}

	.snsarea .instagram a {
		width: 20px;
		height: auto;
		background-image: url(../image/header_insta_hover.png);
	}

	.snsarea a img {
		width: 100%;
	}
}

@media only screen and (min-width:750px) and (max-width:1280px) {
.inner_in {
	padding-left: 15px;
	padding-right: 15px;
}
}

/* screens smaller than 690 common_smartphone
---------------------------------------------------------- */
@media only screen and (max-width:750px) {
	/*layout*/
	/*------------------------------------------------------------------------------*/
	.inner_in {
		/* width: 94%; */
		width: 88%;
	}
	
	/*header*/
	/*------------------------------------------------------------------------------*/
	.header_inner {
		padding: 5px 16px 5px 16px;
	}
	
	/*footer*/
	/*------------------------------------------------------------------------------*/
	footer{
		padding: 0;
	}

	#footer_bottom{
		width: 100%;
		/* padding: 20px 0; */
		padding: 14px 0 20px;
		border-top: none;
		background-color: #303030;
	}
	.footnav_b{
		float: none;
		margin-bottom: 15px;
		text-align: center;
	}
	.footnav_b li{
		margin-top: 6px;/* 追加 */
		padding-right: 15px;
		margin-right: 15px;
		font-size: 14px;
	}
	.footnav_b li a{
		font-size: 12px;
	}
	
	.footnav_b li a[target="_blank"] {
		background-size: 11px auto;
	}
	
	small{
		float: none;
		text-align: center;
	}
	/*------------------------------------------------------------------------------*/
	}