@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* global
---------------------------------------------------- */
body		{ font:87.5%/1.7 "Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
img 		{ max-width:100%; vertical-align:middle; }
table 		{ width:100%; }
input,select,textarea	{ font-family:inherit; }
.inner	{ margin:0 auto; padding: 0; max-width:960px; }
.inMargin { margin:0 10px; }
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: “alpha( opacity=80 )”; }
h2, h3 { font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #000; font-weight: bold; }
h2 { font-size: 24px; }
h3 { font-size: 23px; }

@media screen and (max-width: 768px) {
body		{ -webkit-text-size-adjust: 100%; line-height:1.6; font-size:14px; }
.subTitle	{ padding:10px 0 4px; font-size:18px; }
}

/* header
---------------------------------------------------- */
header								{ width:100%; min-width:960px; margin:0 auto; }
header #logo		{ width:80px; float:left; margin:30px 0 0 30px; z-index:10000;}
header #logo img		{ display:block; }
header .copy		{float:right; margin:300px 250px 0 0; }
header .scroll		{clear: both; padding-top: 200px; text-align: center; width: 43px; margin: 0 auto; }

header #headerNav{ min-width: 860px; max-width:960px; float:right; }
header #topSns		{ width:176px; float:right; padding-right: 30px; min-height:75px; }
header #topSns li		{ width:25%; text-align:center; float:right; display:inline-block; padding-top:20px; }
header .copy		{float:right; margin:300px 250px 0 0; }
header .scroll		{clear: both; padding-top: 200px; text-align: center; }

header nav#gNav { width:630px; }
header #gNav #gMenu			{ display:table; width:100%; max-width:700px; margin-top:25px; text-align: center; margin: 0 auto; }
header #gNav #gMenu li			{ display:table-cell; vertical-align:middle; padding-top: 25px; padding-left:28px; font-size:14px; font-weight:bold; white-space:nowrap; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; }
header nav#gNav #gMenu li a { color:#231815; text-decoration:none; }
header nav#gNav #gMenu li a:hover { border-bottom:2px solid #000000; padding-bottom:10px; text-decoration:none; }
header#lower nav#gNav #gMenu li a { color:#ffffff; }
header#lower nav#gNav #gMenu li a:hover { border-bottom:2px solid #ffffff; }

header #gNav #gMenuBtn		{ display:none; }
header nav#gNav #gMenu li.act	 a{ border-bottom:2px solid #E6001B; padding-bottom:10px; }
header nav#gNav #gMenu li.sp{ display:none; }

#pageNav{ background-color:#99a7b9; width:100%; min-width:960px; clear:both; min-height:62px; text-align:center; }
#pageNav li{ display:inline-block; line-height:62px; padding:0 15px; font-size:15px; }
#pageNav li a{ color:#fff; text-decoration:none; }
#pageNav li a:hover{ color:#fff; text-decoration:underline; }


@media screen and (max-width: 768px) {
header						{ width:100%; min-width:320px; position:relative; }
header #logo		{ width:40px; float:none; padding-bottom:0; padding:15px 0 0 10px; margin: 0; position:absolute; z-index:20000;}
header #logo	 img{ padding:0; width: 100%; }
header .copy		{ width: 70%; float:none; margin:100px auto 0; padding-bottom: 100px; text-align: center; }
header .scroll		{ display: none; }
header #topSns		{ display:none; }
header nav#gNav { float:right; width:100%; top:0; clear:none; }
header #logo span.txt{ display:none; }

header .fixed { display:none; }
header nav#gNav { clear:both; width:100%; float:right; margin-top:0;}
header #gNav #gMenuBtn		{ display:block; width:100%; z-index:9999; position:absolute; top:0; right:0; }
header #gNav #gMenuBtn a	{ display:block; text-indent:-9999em; background:url(../img/sp/menu.png) no-repeat right top; background-size:50px;}
header #gNav #gMenu			{ display:none; overflow:hidden; width:100%; min-width:320px; max-width:768px; z-index:9999; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;  background:rgba(255,255,255,0.90); }
header #gNav #gMenu.inner	{ position:absolute; left:0; top:52px; }
header #gNav #gMenu.view	{ display:block; }
header #gNav #gMenu li			{ display:block; text-align:left; border-bottom:#666 1px solid; width:100%; padding-left:10%;}
header #gNav #gMenu li	 a		{ padding:15px; display:block; }
header#lower nav#gNav #gMenu li a { color:#231815; }
header#lower nav#gNav #gMenu li a:hover { border-bottom:none; }

header nav#gNav #gMenu li a:hover { border-bottom:none; padding-bottom:15px;}
header nav#gNav #gMenu li.act	 a{ border-bottom:none; padding-bottom:15px;}
header #gNav #gMenu li#navLogo	{ display:none; }
header nav#gNav #gMenu li.sp{ display:block; padding-left:0;}
header nav#gNav #gMenu li.sp table{ width:320px; margin:0 auto;}
header nav#gNav #gMenu li.sp table td{ width:80px; }
header nav#gNav #gMenu li.sp table td img{ width:100%; }

#pageNav{ background-color:#99a7b9; width:100%; min-width:320px; clear:both; min-height:150px; text-align:center;}
#pageNav li{ display:block; line-height:50px; padding:0 15px; font-size:15px; box-sizing:border-box; border-bottom:1px solid #fff;}
#pageNav li a{ color:#fff; display:block; text-decoration:none;}
#pageNav li a:hover{ color:#fff; text-decoration:none;}
}

/* contents
---------------------------------------------------- */
#contents{ width:100%; min-width:960px; margin:0 auto; padding:0; clear:both;}
article a			{ color:#333; text-decoration:underline; }
article a:hover		{ color:#333; text-decoration:none; }

@media screen and (max-width: 768px) {
#contents{ width:100%; min-width:320px; margin:0; padding:0; box-sizing:border-box;}
}

/* pan
---------------------------------------------------- */
#pan			{ padding:25px 0 40px 0;}
#pan p			{ padding:10px 0 8px; width:960px; margin:0 auto; color:#ffffff;}
#pan p	 a		{  color:#ffffff; text-decoration:underline; background:url(../img/common/bg_pan.png) no-repeat right center; padding-right:20px; margin-right:10px;}
#pan p	 a:hover	{ text-decoration:none; opacity:0.7; }
@media screen and (max-width: 768px) {
	#pan{ display:none;}
}

/*pagetitle
---------------------------------------------------- */
.titleL{ font-size:24px; font-weight:bold; margin-bottom:40px; text-align:center; color:#333;}
.titleM{ font-size:18px; font-weight:bold; margin:30px 0; text-align:center; color:#e6001b;}
#categoryTitle { text-align: center; clear: both; width: 320px; margin: 0 auto; padding-top: 100px;}
#categoryTitle .category1{ display: block; font-size: 40px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #fff;}
#categoryTitle .category2{ display: block; font-size: 16px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #fff;}

@media screen and (max-width: 768px) {
#pageTitle { min-width:320px; height:150px; padding-top:50px;}
}

/*common
---------------------------------------------------- */
#common{ width:880px; margin:40px auto 80px; color:#666;}
#common .lBox{ width:580px; float:left;}
#common .rBox{ width:270px; float:right;}
#common .rBox img{ width:100%;}
@media screen and (max-width: 768px) {
#common{ width:100%; margin:40px auto 80px; padding:0; box-sizing:border-box;}
#common .lBox{ width:100%; float:none;}
#common .rBox{ width:100%; float:none;}
#common .rBox img{ width:100%;}
}

#common .table{ width:880px; border-top:1px solid #eeeeee; margin-top:40px;}
#common .table th{ width:280px; padding:10px; border-bottom:1px solid #eeeeee; font-size:15px; font-weight:bold; color:#080808; text-align:left;}
#common .table td{ width:560px; padding:10px; border-bottom:1px solid #eeeeee; font-size:14px;}
#common .tableShort{ width:880px; border-top:1px solid #eeeeee; margin-top:40px;}
#common .tableShort th{ width:150px; padding:10px; border-bottom:1px solid #eeeeee; font-size:15px; font-weight:bold; color:#080808; text-align:left;}
#common .tableShort td{ width:690px; padding:10px; border-bottom:1px solid #eeeeee; font-size:14px;}
@media screen and (max-width: 768px) {
#common .table{ width:100%; border-top:1px solid #eeeeee; margin-top:40px;}
#common .table th{ width:100%; padding:10px; border-bottom:none; font-size:15px; font-weight:bold; color:#080808; text-align:left; display:block;}
#common .table td{ width:100%; padding:10px; border-bottom:1px solid #eeeeee; font-size:14px; display:block; box-sizing:border-box;}
#common .tableShort{ width:100%; border-top:1px solid #eeeeee; margin-top:40px;}
#common .tableShort th{ width:100%; padding:10px; border-bottom:none; font-size:15px; font-weight:bold; color:#080808; text-align:left; display:block;box-sizing:border-box;}
#common .tableShort td{ width:100%; padding:10px; border-bottom:1px solid #eeeeee; font-size:14px; display:block; box-sizing:border-box;}
}
#common #sitemap li { margin-bottom:15px;}
#common #sitemap li a{ text-decoration:underline;}
#common #sitemap li a:hover{ text-decoration:none;}
#common #sitemap li ul.innerUl { margin-left:1em;}
#common #sitemap li ul.innerUl li{ margin-bottom:0;}

/* footer
---------------------------------------------------- */
footer							{ width:100%; min-width:960px; color:#fff; clear:both;  padding-top:30px;  background-color: #000;}
footer .inner		{ width:670px; margin:0 auto; }
footer h2{ width:80px; float: left; padding: 0 0 0 30px;}
footer ul#snsNav { width: 180px; float: right; display: table; border: none;}
footer ul#snsNav li{ width: 25%; text-align: center; display: table-cell; border: none;}

footer .inner ul { display: inline-block; padding-right: 30px; float:left;}
footer .inner ul li { display:block; font-size:12px;}
footer .inner ul li:last-child { border-right:none;}
footer .inner ul li a{ color:#fff; text-decoration:none;}
footer .inner ul li a:hover{ color:#fff; text-decoration:underline;}
#copyright{ display: block; color:#fff; text-align:center; padding:50px 0 10px; font-size:12px; width:670px;}

@media screen and (max-width: 768px) {
footer							{ width:100%; min-width:320px; color:#fff; clear:both;  padding-top:30px; background-color: #000; overflow: hidden;}
footer .inner		{ width:100%; margin:0 auto; }
footer h2{ width:120px; float: none; padding: 0 0 0 0; margin: 0 auto 30px;}
footer ul#snsNav { display: none;}
footer .inner ul { display: none; }
footer .inner ul.box5,footer .inner ul.box6 { display: block; padding:0 0 0 30px; float:none;}
}

/* pagetop
---------------------------------------------------- */
#pagetop{ text-align: center;}
#pagetop a{ width:100%; display:block; background: #F2F2F2;}
#pagetop a img{ height: 50px; width: auto;}

/* clearfix
---------------------------------------------------- */
section:after,
.inner:after,
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* table
---------------------------------------------------- */
.sanyoTable{ border-top: 1px solid #f2f2f2;}
.sanyoTable th{ border-bottom: 1px solid #f2f2f2; font-weight: bold; padding: 10px; width: 20%; box-sizing: border-box; text-align:left;}
.sanyoTable td{ border-bottom: 1px solid #f2f2f2; padding: 10px; width: 80%; box-sizing: border-box;}
@media screen and (max-width: 768px) {
.sanyoTable th{ display:block; padding-bottom:0; width:100%; border-bottom:none;}
.sanyoTable td{ display:block; width:100%;}
}

.pageNav{ width:100%; min-width:320px; max-width:960px; margin:0 auto;}
.pageNav ul li{ width:23%; float:left; margin:0 1%; text-align:center; padding:50px 0 20px; border-bottom:1px solid #e1e1e1;}
.pageNav ul li.now{ border-bottom:1px solid #1bac70;}
.pageNav a{ color:#000; text-decoration:none;}
.pageNav.white a{ color:#fff;}
.pageNav a:hover{ text-decoration: underline;}


@media screen and (max-width: 768px) {
.pageNav{ width:100%; min-width:320px; max-width:768px; margin:30px auto 0;}
.pageNav ul li{ width:100%; float:none; display:block; margin:0; text-align:center; padding:10px 0 10px; }
}

.pcIn{ display:inline-block;}
.spIn{ display:none;}
@media screen and (max-width: 768px) {
.spIn{ display:inline-block;}
.pcIn{ display:none;}
}