@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Cabin:600);

/* =====================
	base
======================= */
html {
	text-align:center;
}
body {
	color:#333333;
	background:#f4f4f4;
	/*font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
}


/* header setting */

header {
	padding:1em;
	/*background:#fff;*/
	width:90%;
	max-width:900px;
	margin:10px auto;
}
header #sitename {
	float:left;
	/*font-family: 'Cabin', sans-serif;*/
	font-size:130%;
	font-weight:bold;
}
header ul#nav {
	float:right;
	font-size:110%;
	/*font-family: 'Cabin', sans-serif;*/
}
ul#nav li {
	float:left;
	margin-right:20px;
}

/* =====================
	スマホ向け
======================= */
@media screen and (max-width: 479px) {

header #sitename {
	float:none;
	text-align:center;
	margin:0 auto 30px;
	font-size:130%;
	font-weight:bold;
}
header ul#nav {
	float:none;
	text-align:center;
	margin:0 auto 30px;
	font-size:110%;
	margin-bottom:30px;
}
ul#nav li {
}
	
}


/* contents setting */

#contents {
	margin:20px auto;
	padding-top:50px;
	text-align:left;
	font-size:90%;
}
#contents h1 {
	font-family: 'Cabin', sans-serif;
	font-weight:bold;
	font-size:200%;
	margin-bottom:20px;
}
#contents h2 {
	font-weight:bold;
	font-size:150%;
	margin-bottom:15px;
	clear:both;
}


/* footer setting */

footer {
	clear:both;
	padding:1em;
	font-size:75%;
	/*margin-bottom:800px!important;*/
	margin-top:100px!important;
}
ul.footer_sns {
	display: flex;
	justify-content:center;
	margin-bottom:50px
}
ul.footer_sns li {
	display:flex
}
ul.footer_sns .twitter {
	width:25px;
	margin-right:50px
}
ul.footer_sns .instagram {
	width:25px;	
}


/* =====================
	link
======================= */

a:link,
a:visited,
a:active {
	color: #003366;
	text-decoration: none
 }
a:hover {
	color: #c0c0c0;
	/*text-decoration: underline;*/
}
a.underline {
	text-decoration: underline;
}
.link {
	background: url(../images/common/link_bullet.png) no-repeat left ;
	padding-left:11px
}
a img.linkimg{
	background:none!important;
} 
a:hover img.linkimg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}
header #sitename  a:link,
header #sitename  a:visited,
header #sitename  a:active,
ul#nav li  a:link,
ul#nav li  a:visited,
ul#nav li  a:active {
	color: #333333;
	text-decoration: none
 }
ul#nav li  a:hover,
header #sitename  a:hover {
	color: #aaaaaa;
}


/* =====================
	 YouTube responsive
======================= */
.video-container {
				position: relative;
				padding-bottom: 56.25%;
				padding-top: 30px;
				height: 0;
				overflow: hidden;
				margin-bottom:30px;
}
.video-container iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
}

/* =====================
	common
======================= */

.sp{ display:none; }
.pc{ display:block; }
br.tb{ display:none; }
br.pc{ display:inline; }

@media screen and (max-width: 640px) {
	.pc{ display:none; }
	.sp{ display:block; }
	br.pc{ display:none; }
	br.sp{ display:inline; }
}

blockquote {
	font-style: italic;
}
.gray {
	color: #999999;
}
.red {
	color:#cc0000;
	font-weight:bold;
}
.redbg {
	background-color: #cc0000;
	border-radius: 4px;
	font-weight: bold;
	font-size:80%;
	color: #ffffff;
	padding: 3px 10px;
}
img.mailImg {
	vertical-align:middle;
}
.bold {
	font-weight: bold;
}


.mgnb01{ margin-bottom:1px!important; }
.mgnb02{ margin-bottom:2px!important; }
.mgnb03{ margin-bottom:3px!important; }
.mgnb04{ margin-bottom:4px!important; }
.mgnb05{ margin-bottom:5px!important; }
.mgnb06{ margin-bottom:6px!important; }
.mgnb07{ margin-bottom:7px!important; }
.mgnb08{ margin-bottom:8px!important; }
.mgnb09{ margin-bottom:9px!important; }
.mgnb10{ margin-bottom:10px!important; }
.mgnb15{ margin-bottom:15px!important; }
.mgnb20{ margin-bottom:20px!important; }
.mgnb25{ margin-bottom:25px!important; }
.mgnb30{ margin-bottom:30px!important; }
.mgnb35{ margin-bottom:35px!important; }
.mgnb40{ margin-bottom:40px!important; }
.mgnb45{ margin-bottom:45px!important; }
.mgnb50{ margin-bottom:50px!important; }
.mgnb55{ margin-bottom:55px!important; }
.mgnb60{ margin-bottom:60px!important; }
.mgnb65{ margin-bottom:65px!important; }
.mgnb70{ margin-bottom:70px!important; }
.mgnb80{ margin-bottom:80px!important; }
.mgnb90{ margin-bottom:90px!important; }
.mgnb100{ margin-bottom:100px!important; }
			
.mgnt10{ margin-top:10px!important; }
.mgnt15{ margin-top:15px!important; }
.mgnt20{ margin-top:20px!important; }
.mgnt30{ margin-top:30px!important; }

.txt_s3{ font-size:.7em!important; }
.txt_s2{ font-size:.8em!important; }
.txt_s1{ font-size:.9em!important; }
.txt_l1{ font-size:1.1em!important; }
.txt_l2{ font-size:1.2em!important; }
.txt_l3{ font-size:1.3em!important; }
.txt_l4{ font-size:1.4em!important; }
.txtmini {
	font-size:80%;
}

.txt_n{ font-weight:nomal!important; }
.txt_c{ text-align:center!important; }
.txt_r{ text-align:right!important; }
.line1_5{ line-height:1.5em!important; }

.fl_l{ float:left!important; }
.fl_r{ float:right!important; }
.clear {clear:both}

.pie{ zoom:1!important; position:relative!important; }
 
.kome {text-indent:-1em; padding:1em}