/*CSSリセット*/
* {
	box-sizing:border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1rem;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.6;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* 100%（1/1）*/
.p100{
	width:100%;
}
/* 75%（3/4）*/
.p75{
	width:75%;
	float:left;
}
/* 50%（1/2）*/
.p50{
	width:50%;
	float:left;
}
/* 40%（2/5）*/
.p40{
	width:40%;
	float:left;
}
/* 33%（1/3）*/
.p33{
	width:33.33%;
	float:left;
}
/* 25%（1/4）*/
.p25{
	width:25%;
	float:left;
}
/* 20%（1/5）*/
.p20{
	width:20%;
	float:left;
}

.disnon{
	display:none;
}
.footer_4column .f_navi{
	width: 25%;
}
*html .footer_4column .f_navi{
	width: 22.3%;
}
*:first-child+html .footer_4column .f_navi{
	width: 24.9%;
}
.footer_5column .f_navi{
	width:20%;
}
*html .footer_5column .f_navi{
	width:17.8%;
}
*:first-child+html .footer_5column .f_navi{
	width:19.9%;
}
.footer_6column .f_navi{
	width: 16.666%;
}
*html .footer_6column .f_navi{
	width:14.77%;
}
*:first-child+html .footer_6column .f_navi{
	width: 16.4%;
}

@media print{
	body {
		_zoom: 67% !important; /*winie only */
	}
	#contents_main{
		width: 100%;
	}
	#contents_sub, #header_menu {
		display:none;
	}
	.fb_iframe_widget iframe,
	ul.sns_link li.sns_tw	{
		display: none;
	}
}

.cf:before,
.cf:after{
	content: " ";
	display: table;
}
.cf:after{
	clear:both;
}
.cf{
	zoom:1;
}

/*----------- smt modal ------------*/
.gotosp_modal {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
}
.gotosp_overlay{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	opacity: 0.7;
	top: 0;
	left: 0;
	cursor: pointer;
}
.gotosp_modal_wrapper{
	width: 100%;
	height: 100%;
	max-width: 650px;
	max-height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.gotosp_modal_contents{
	overflow: auto;
	margin:0 15px;
	box-sizing: border-box;
	position: relative;
	background-color: #fff;
}
.gotosp_modal_content{
	margin: 25px;
	text-align: left;
}
.gotosp_modal_close {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	line-height: 1;
	width: 1em;
	height: 0.1em;
	background: currentColor;
	border-radius: 0.1em;
	position: relative;
	transform: rotate(45deg);
	cursor: pointer;
	position: absolute;
	right:10px;
	top: 1em;
}

.gotosp_modal_close::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	transform: rotate(90deg);
}