@charset "utf-8";
/* CSS Document */
/*--------------------
          汎用
------------------*/
.material-icons {
	vertical-align:middle;
}
.clearfix {float:none;clear:both;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix{ zoom: 1; } /* IE7 */
/*--------------------
   background-color
------------------*/
.bgbl {background-color:#7EABE2;padding:0px 2px; line-height:18px !important;}
.bggr {background-color:#a0cd2d;padding:0px 2px; line-height:18px !important;color:#fff;}
.bgor {background-color:#F77C00;padding:0px 2px; line-height:18px !important;}

/*------------------------------------------
■ color chart
------------------------------------------*/
.navy{color:#000080;}
.navy2{color:#191970;}
.red{color:#9F0000;}
.red2{color:#cd5c5c;}
.blue{color:#0000ff;}
.blue2{color:#4682b4;}
.green{color:#7ebf58;}
.green2{color:#00ff00;}
.purple{color:#c71585;}
.orange{color:#f15a24;}
/*------------------------------------------
■ font
------------------------------------------*/
.bold {font-weight:bold;}
.f47 {font-size:47px;}
/*------------------------------------------
■ position
------------------------------------------*/
.pb5 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}
.pb70 { padding-bottom:70px !important;}
.pb80 { padding-bottom:80px !important;}
.pb90 { padding-bottom:90px !important;}
.pb100 { padding-bottom:100px !important;}

.pt5 { padding-bottom:5px !important;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;}
.pt90 { padding-top:90px !important;}
.pt100 { padding-top:100px !important;}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}

.taCenter { text-align:center !important;}
.taRight { text-align:right !important;}
.fixed {position: fixed;top: 0px; left:0px;width:100%;z-index:1000;}
.clear {clear:both;}
.mb {display:none;}
b{font-weight:bold;}

body {
	font-family: "Noto Sans JP";
	font-size:16px;
	color:#000;
}
.noscript {
	max-width:960px;
	width:93%;
	margin:auto;
	border:1px solid #F00;
	padding:5px 2%;
	font-weight:bold;
	text-align:center;
	color:#F00;
}
@media screen and (max-width: 640px) {
body {
	font-size:13px;
}
p {
	margin:0 10px;
}
}
@media screen and (min-width: 641px) {
	.pc {
		display:block;
	}
	.sp {
		display:none;
	}
}
@media screen and (max-width: 640px) {
	.pc {
		display:none;
	}
	.sp {
		display:block;
	}
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a img:hover {
	filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    -moz-opacity: 0.8;
    opacity: 0.8;
}
img {
	max-width:100%;
	height:auto;
}
/*--------------------
      ここから
------------------*/
.logout {
	display:block;
	width:220px;
	border:2px solid #fff;
	text-align:center;
	background: #e2635d;
	background: -moz-linear-gradient(top,  #e2635d 0%, #ca3c38 100%);
	background: -webkit-linear-gradient(top,  #e2635d 0%,#ca3c38 100%);
	background: linear-gradient(to bottom,  #e2635d 0%,#ca3c38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2635d', endColorstr='#ca3c38',GradientType=0 );
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-family: "Noto Sans JP";
	font-weight:bold;
	font-size:16px;
	color:#fff;
	padding:20px 0;
	margin:70px auto 30px;
}
/*--------------------
      header
------------------*/
header {
	border-top:4px solid #F7831E;
	max-width:100%;
	margin:10px auto 0;
}
header #headWrap {
	margin:auto;
}
header #headWrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
header #headWrap .title {
	width:200px;
	float:left;
	margin:10px;
	font-weight:bold;
	line-height:25px;
}
header #headWrap .backLink {
	width:120px;
	float:left;
	margin:10px;
}
header #headWrap .backLink a {
	display:block;
	width:120px;
	background:#F7831E;
	color:#fff;
	text-align:center;
	padding:5px 0;
	font-size:14px;
	font-weight:bold;
	margin:20px 5px 0;
	line-height:25px;
}
header #headWrap a.login {
	display:block;
	float:right;
	width:200px;
	background:#F7831E;
	color:#fff;
	text-align:center;
	padding:5px 0;
	font-size:16px;
	font-weight:bold;
	margin:20px 5px 0;
	line-height:25px;
}
@media screen and (min-width: 641px) {
@media screen and (min-width: 1000px) {
header {
	max-width:100%;
	min-width:1000px;
}
header #headWrap {
	width:1000px;
}
}
#menu_open {
	display:none;
}
header #headWrap .title {
}
nav#nav {
	background:#F7831E;
}
nav#nav #nav_inner {
	max-width:1000px;
	margin:auto;
}
nav#nav .title {
	display:none;
}
nav#nav #nav_inner ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
nav#nav #nav_inner ul li {
	float:left;
	border-right:1px solid #fff;
}
nav#nav #nav_inner ul li:first-child {
	border-left:1px solid #fff;
}
nav#nav #nav_inner ul li a {
	color:#fff;
	padding:20px 40px;
	display:block;
	font-weight:bold;
}
nav#nav #nav_inner ul li a:hover {
	background:#ff651d;
}
}
@media screen and (max-width: 999px) {
header #headWrap .title {
	max-width:40%;
	margin:10px 0 0 5px;
}
}
@media screen and (max-width: 640px) {
header #headWrap a.login {
	max-width:35%;
	margin:10px 5px 0 0;
	font-size:13px;
}
nav#nav #nav_inner {
	display:none;
}
nav#nav #nav_inner ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
}
/*--------------------
      wrap
------------------*/
@media screen and (min-width: 1000px) {
#wrap {
	width:1000px;
	margin:auto;
}
}
@media screen and (max-width: 999px) {
#wrap {
	width:100%;
	margin:auto;
}
#menu_open {
	width:40px;
	height:40px;
	background:url(../image/common/header/nav.png) no-repeat center center rgba(100,100,100,0.7);
	float:right;
	margin:10px 5px 0 0;
	background-size:contain !important;
}
.menu_close {
	background:url(../image/common/header/nav_close.png) no-repeat center center rgba(100,100,100,0.7) !important;
	background-size:contain !important;
}
.hidden {
	overflow:hidden;
	width:100%;
}
}
article h1,article h2 {
	font-size:30px;
	color:#F7831E;
	font-weight:bold;
	margin:50px 10px 30px;
	line-height:30px;
	text-align:center;
}
@media screen and (max-width: 640px) {
article h1,article h2 {
	font-size:18px;
	margin:30px 10px 10px;
}
}
table.myinfo {
	width:90%;
	margin:20px auto;
	background:#fff;
	padding:30px 0;
}
table.myinfo tr {
	border-bottom:1px solid #ccc;
}
table.myinfo th {
	text-align:center;
	width:30%;
	background:#FAFAFA;
	line-height:26px;
	font-weight:bold;
	padding:20px 0;
}
table.myinfo td {
	padding:20px 10px;
	line-height:30px;
}
/*-------------------------
      パンくず
--------------------------*/
#bread:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#bread {
	margin:20px 5px 30px;
}
#bread li {
	float:left;
	margin-right:20px;
	font-size:11px;
	font-family: "NewRodinPro-M";
}
#bread li a {
	display:inline-block;
	font-size:11px;
}
/*--------------------
      pagenation
------------------*/
#pagenation {
	text-align:center;
	margin:30px 0;
}
#pagenation ol li {
	display:inline-block;
	margin-left:10px;
	text-align:center;
	width:30px;
	line-height:30px;
}
#pagenation ol li a {
	width:30px;
	line-height:30px;
	border:1px solid #ccc;
	display:block;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
#pagenation ol li.active {
	background:#fafafa;
	border:1px solid #ccc;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
#pagenation ol li a:hover {
	background:#fafafa;
}
/******
  attentionBox
******/
.attentionBox {
	max-width:920px;
	width:93%;
	margin:30px auto;
	padding:20px 2%;
	border:1px solid #ED1C24;
	font-size:12px;
	line-height:20px;
}
.attentionBox b,
.attentionBox p span {
	font-weight:bold;
}
/******
  contactInfo
******/
#contactInfo {
	background:#F5F5F5;
	max-width:100%;
}
#contactInfo .contactBox {
	margin:auto;
}
#contactInfo .contactBox b {
	font-size:12px;
}
#contactInfo:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#contactInfo div.ssl img {
}
@media screen and (min-width: 1000px) {
#contactInfo {
	min-width:1000px;
	padding:20px 0;
	margin-top:100px;
}
#contactInfo .contactBox {
	width:1000px;
}
#contactInfo .contactBox b {
	font-size:12px;
}
#contactInfo .left,#contactInfo .ssl {
	width:470px;
	margin:auto;
	font-size:13px;
	float:left;
	margin-left:10px;
}
#contactInfo div.ssl {
}
#contactInfo div.ssl img {
	float:left;
	margin-right:10px;
}
}
@media screen and (min-width: 641px) and (max-width: 999px) {
#contactInfo {
	min-width:100%;
	padding:20px 0;
	margin-top:100px;
}
#contactInfo .contactBox {
}
#contactInfo .contactBox b {
	font-size:12px;
}
#contactInfo .left,#contactInfo .ssl {
	width:47%;
	margin:auto;
	font-size:13px;
	float:left;
	margin-left:10px;
}
#contactInfo div.ssl {
}
#contactInfo div.ssl img {
	float:left;
	margin-right:10px;
}
}
@media screen and (max-width: 640px) {
#contactInfo {
	width:90%;
	padding:20px 5%;
	margin-top:40px;
}
#contactInfo .contactBox {
	line-height:22px;
}
#contactInfo .contactBox b {
	font-size:11px;
}
#contactInfo .left,#contactInfo .ssl {
	width:100%;
	margin:auto;
	font-size:11px;
}
#contactInfo div.ssl {
	margin-top:5px;
}
#contactInfo div.ssl img {
	float:left;
	margin-right:5px;
}
}
/******
  footer
******/
footer {
	margin:0 0 0 0;
	border-top:20px solid #CCCCCC;
	text-align:center;
}
footer small {
	display:block;
	color:#333333;
	padding:50px 0;
	font-size:13px;
}