body {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", "Barlow", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:16px;
	line-height:150%;
	color: #222;
	min-width:1000px;
	-webkit-text-size-adjust: 100% ;/* iPhoneフォントサイズ拡大対策 */
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	font-size:100%;
	margin: 0;
	padding: 0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); /* AndroidページのP要素の隙間対策 */
}
a:link {color:#06F; outline:none; }
a:visited {color:#06F;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
#wrapper {}
#base {}

.pc {display:block;}
.sm {display:none;}

/*====================================================================================================
  HEADER
====================================================================================================*/

#header {
	font-family:Barlow;
	overflow:hidden;
	clear:both;
	max-width:1400px;
	width:100%;
	margin:0 auto;
	padding:30px 0;
}

/*** LOGO ******************************************************************/
#header h1 { float:left; text-decoration: none; margin:10px 0; }
#header h1 a {
	color: #23243E;
	text-decoration:none;
	font-size:187.8%;
	font-style: italic;
	font-weight:500;
}

/*** NAVIGATION ************************************************************/
nav { float:right; }
#Nav { margin: auto; max-width: 1000px;}
#Nav ul { overflow:hidden; clear:both; }
#Nav ul li { float: left; }
#Nav ul li p { margin:0 10px; }
#Nav #nav7 p,
#Nav #nav8 p,
#Nav #nav9 p { margin:0;}
#Nav ul li p a {
	display:inline-block;
	padding:15px 10px;
	color: #23243E;
	font-size: 121.1%;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	line-height: 130%;
	box-sizing: border-box;
	position:relative;
}
#Nav ul li#nav7 p a,
#Nav ul li#nav8 p a,
#Nav ul li#nav9 p a{ cursor:pointer;}
#Nav ul li#nav7 p a img,
#Nav ul li#nav8 p a img,
#Nav ul li#nav9 p a img{ width:25px;}

/*HOVER EFFECT*/
#Nav ul li a:after {
	display:inline-block;
  position: absolute;
  bottom:0;
  left: 0;
  content: '';
  width: 100%;
  height:5px;
	background:linear-gradient(to right, #59E7F1 0%, #625DEC 52%, #F357A4 100%);
  transform: scale(0, 1);
  transform-origin: left top;
  transition:transform 0.3s;
}
#Nav ul li a:hover:after { transform: scale(1, 1); }

#Nav ul li#nav7 p a:after,
#Nav ul li#nav8 p a:after,
#Nav ul li#nav9 p a:after{ display:none;}



/*====================================================================================================
  CONTENT
====================================================================================================*/

#content { clear:both; width:100%; }


/*====================================================================================================
  FOOTER
====================================================================================================*/

#footer { padding: 40px 0; width:100%; color: #FFF; background:#444; }
#footer .f_box { max-width: 1000px; width: 100%; margin: auto; }
#footer .f_box .box1 { 
	clear: both; 
	overflow: hidden; 
	padding-bottom: 35px; 
	border-bottom: 1px solid rgba(255, 255, 255, .15); 
}
#footer .f_box .box1 h3.logo {
	font-family: "Barlow";
	font-size: 143.3%;
	font-style: italic;
	font-weight:600;
	float: left;
	margin-right: 25px;
	line-height: 190%;
}
#footer .f_box .box1 .add {	font-size:77.5%; font-weight:300; line-height:160%; }
#footer .f_box .box1 .add a { color: #FFF; text-decoration: none;}

#footer .f_box p.copy {	font-size:87.5%; font-weight:300; line-height:160%; text-align: center; padding-top: 25px; }



/*====================================================================================================
  PAGE
====================================================================================================*/

#page,
#page a { display:block; width:51px; height:51px;}
#page { position: fixed; bottom:130px; right: 20px;}
#page a {
	text-indent: -9999px;
	background:#444 url(../image/page_top.png) no-repeat;
}


/*====================================================================================================
  COLOR eto.. [No Touch]
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}