@charset "UTF-8";

body {
	*font-size:small;*font:x-small;
	background-color:#ffffff;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
	line-height: 1.231;
	color: #231815;
}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197
*/

html {
	width:100%;
}
body {
	width:100%;
	font-size:13px;
	line-height:1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	margin:0px;
	padding:0px;
	-webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,p,ul,li,a,img,table,th,td,dl,dt,dd{
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5{
	font-size:13px;
	line-height:1.2em;
	margin:0;
	padding:0;
}
li{
	list-style-type:none;
}
table {
	border-collapse:collapse;
}
a:link,a:visited{
	cursor:pointer;
	color:#333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
a:hover img{
	opacity:0.6;
	-webkit-opacity:.6;
	-moz-opacity:.6;
	background-color:#fff;
}
img{
	vertical-align:top;
	border:0;
}

#ascrail2000{
	z-index:103 !important;
}
#ascrail2000 div{
	border-radius:0 !important;
}

#loading{
	width:100%;
	height:100%;
	margin:0;
	background:#fff;
	opacity:1.0;
	position:fixed;
	top:0;
	left:0;
	z-index: 9999;
}
#loading .icon{
	width:100%;
	height:100%;
	background-image:url(/wp/common/img/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-size:50px;
}

#wrap{
	position:relative;
	text-align:left;
	padding:120px 60px 0 60px;
}
.container{
	position:relative;
	max-width:1500px;
	margin:0 auto 30px auto;
}

/* header */
#header{
	position:fixed;
	top:0;
	left:0;
	z-index:102;
	width:100%;
	height:50px;
	background-color:#ffffff;
	padding:40px 0 30px 0;
}
#h_detail{
	position:relative;
	max-width:1565px;
	padding:20px 0 0 60px;
	margin:0 auto;
}
#h_detail #h_logo{
	position:absolute;
	left:60px;
	top:0;
	width:177px;
}
#h_detail #h_logo a{
	display:block;
}
#h_detail #h_logo a img{
	width:100%;
	height:auto;
}
#h_detail #gNavi{
	display:block;
	font-size:0px;
	text-align:center;
}
#h_detail #gNavi li{
	display:inline-block;
	border-right:1px solid #231815;
}
#h_detail #gNavi li:first-child{
	border-left:1px solid #231815;
}
#h_detail #gNavi li a{
	display:block;
	padding:0px 15px 0px 15px;
	font-size:12px;
	line-height:1em;
	background-color:#fff;
	transition:background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
}
#h_detail #gNavi li a:hover,
#h_detail #gNavi li.active a{
	color:#231815;
	background-color:#FFFA00;
	text-decoration:none;
}
/*220225追加*/
#h_detail #gNavi li span p {
  position: absolute;
  width: -webkit-fill-available;
  max-width: 85px;
  font-size: 10px;
  border: 1px solid #000;
  transform: translate(-1px, -24px);
  height: 18px;
  color: #000;
  text-align: center;
}
#h_detail #menuBtn{
	display:none;
}

/* spMenu */
#spMenu{
	display:none;
}

/* sns */
.sns{
	overflow:hidden;
	width:88px;
}
.sns li{
	float:left;
	width:16px;
	margin-left:20px;
}
.sns li:first-child{
	margin-left:0;
}
.sns li img{
	display:block;
	width:100%;
	height:auto;
}
#h_sns{
	position:absolute;
	top:18px;
	right:60px;
	z-index:101;
}
#f_sns{
	display:none;
}

/* thumb */
#thumb{
	overflow:hidden;
	position:relative;
	z-index:2;
}
#thumb li{
	float:left;
	width:19.52%;
	margin-top:0.6%;
	margin-left:0.6%;
	background-color:#000;
}
#thumb li:nth-child(-n+5){
	margin-top:0;
}
#thumb li:nth-child(5n+1){
	margin-left:0;
}
#thumb li a{
	display:block;
	position:relative;
}
#thumb li a img{
	width:100%;
	height:auto;
}
#thumb li a:hover img{
	opacity:0.4;
	-webkit-opacity: .4;
	-moz-opacity: .4;
}
#thumb li a .txt{
	position:absolute;
	bottom:0;
	left:0;
	padding:0 15px 10px 15px;
	color:#fff;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
	z-index:1;
}
#thumb li a:hover .txt{
	opacity:1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
#thumb li a .txt p{
	margin-top:5px;
	line-height:1.5em;
	font-size:93%;
}
#thumb li a .txt p strong{
	display:block;
	font-size:13px;
	line-height:1.2em;
	margin-bottom:4px;
}
#thumb li a .txt p span{
	display:block;
	font-size:9px;
	line-height:1.2em;
}

/* grid */
#grid{
	position:relative;
	max-width:1500px;
	margin:0 auto 10px auto;
	height:93px;
}
#grid_detail{
	position:absolute;
	left:0px;
	top:0;
	z-index:2;
	width:100%;
	background-image:url(/wp/common/img/f_grid.gif);
	background-repeat:repeat;
	background-position:left top;
	height:93px;
}

/* breadcrumb */
#breadcrumb{
	margin-bottom:10px;
}
#breadcrumb li{
	display:inline-block;
}
#breadcrumb li a{
	display:inline-block;
	transition:background-color 0.3s;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-ms-transition:background-color 0.3s;
}
#breadcrumb li a:hover{
	background-color:#FFFA00;
	text-decoration:none;
}
/* top_btn */
#top_btn{
	position:absolute;
	right:23px;
	top:-69px;
	z-index:100;
	background-color:#fff;
	width:46px;
	height:46px;
}
#top_btn a{
	display:block;
	width:46px;
	height:46px;
	background-image:url(/wp/common/img/top_btn.gif);
	background-size:46px 46px;
	background-repeat:no-repeat;
	background-position:left top;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
#top_btn :hover{
	opacity:0.6;
	-webkit-opacity:.6;
	-moz-opacity:.6;
}

/* fotter */
#fotter{
	position:relative;
	max-width:1500px;
	margin:0 auto;
}
#f_detail{
	position:absolute;
	left:0px;
	top:0;
	width:100%;
	background-image:url(/wp/common/img/f_grid.gif);
	background-repeat:repeat;
	background-position:left top;
	padding:48px 0 22px 0;
}
#fotter p{
	text-align:right;
	font-size:77%;
	line-height:23px;
	margin:0 5px;
}

@media screen and (max-width: 1620px) {
/* fotter */
#fotter p{
	text-align:left;
	margin:0 0 0 15px;
}
}

@media screen and (max-width: 1200px) {
/* header */
#h_detail #gNavi li a{
	padding:0 9px 0 9px;
	font-size:11px;
}
#h_detail #gNavi li span p {
  max-width: 68px;
}
}

@media screen and (max-width: 1000px) {
#wrap{
	padding:88px 60px 0 60px;
}

/* header */
#header{
	height:38px;
	padding:25px 0;
}
#h_detail{
	padding:12px 60px 0 0;
}
#h_detail #h_logo{
	width:130px;
}
#h_detail #gNavi{
	text-align:right;
}
#h_detail #gNavi li a{
	font-size:9px;
}
#h_detail #gNavi li span p {
  max-width: 64px;
}
  
/* sns */
#h_sns{
	display:none;
}
#f_sns{
	display:block;
	margin:0 0 20px 0;
}

/* thumb */
#thumb li{
	width:24.55%;
	margin-top:0.6%;
	margin-left:0.6%;
}
#thumb li:nth-child(-n+5){
	margin-top:0.6%;
}
#thumb li:nth-child(-n+4){
	margin-top:0;
}
#thumb li:nth-child(5n+1){
	margin-left:0.6%;
}
#thumb li:nth-child(4n+1){
	margin-left:0;
}

/* fotter */
#f_detail{
	padding:24px 0 20px 0;
}
}

@media screen and (max-width: 740px) {
#wrap{
	padding:75px 20px 0 20px;
}
.container{
	margin:0 auto 20px auto;
}

/* header */
#header{
	height:auto;
	margin-bottom:0;
	background-color:transparent;
	padding:0;
}
#h_detail{
	background-color:#ffffff;
	padding:20px 0;
}
#h_detail #h_logo{
	position:static;
	width:126px;
	margin:0 0 0 20px;
}
#h_detail #gNavi{
	display:none;
}
#h_detail #menuBtn{
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	width:34px;
	height:34px;
	background-image:url(/wp/common/img/menuBtn.gif);
	background-size:34px 34px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#spMenu{
	overflow:auto;
	display:none;
	position:fixed;
	top:0;
	background-color:rgba( 0, 0, 0, 0.6 );
	padding:20px 0 0 0;
	width:100%;
}
#spMenu #closeBtn{
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	width:34px;
	height:34px;
	background-image:url(/wp/common/img/closeBtn.png);
	background-size:34px 34px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#spMenu #spNavi{
	margin-right:55px;
	margin-bottom:20px;
}
#spMenu #spNavi li .mainMenu{
	font-weight:bold;
}
#spMenu #spNavi li a,
#spMenu #spNavi li p{
	display:inline-block;
	color:#fff;
	cursor:pointer;
	font-size:123.1%;
	white-space:nowrap;
}
#spMenu #spNavi li .mainMenu{
	padding:6px 20px;
}
#spMenu #spNavi li a:hover,
#spMenu #spNavi li a.active,
#spMenu #spNavi li p:hover,
#spMenu #spNavi li p.active{
	background-color:#FFFA00;
	color:#231815;
	text-decoration:none;
}
#spMenu #spNavi li .subMenu{
	display:none;
}
#spMenu #spNavi li .subMenu.select{
	display:block;
}
#spMenu #spNavi li table{
	width:100%;
}
#spMenu #spNavi li table th{
	background-color:#FFFA00;
	font-weight:normal;
	vertical-align:top;
	padding:5px 20px 0 20px;
	font-size:108%;
}
#spMenu #spNavi li table td{
	vertical-align:top;
}
#spMenu #spNavi li table td dl dd a{
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:4px 20px;
}
/*220225追加*/
#spMenu #spNavi li span p {
  position: absolute;
  left: 105px;
  top: auto;
  margin-top: 4px;
  font-size: 11px!important;
  border: 1px solid #fff;
  height: 20px;
  width: 66px;
  text-align: center;
  padding: 1px 2px 0px;
}
/* side_cont */
#side_cont{
	margin-bottom:95px;
}

/* sns */
#sp_sns{
	font-size:0;
	line-height:0;
	width:100%;
	margin:0 auto;
	text-align:center;
	background-color:rgba( 0, 0, 0, 0.4 );
	padding:10px 0;
}
#sp_sns li{
	display:inline-block;
	vertical-align:top;
	width:22px;
	margin:0 12px;
}
#sp_sns li a{
	display:block;
}
#sp_sns li img{
	display:block;
	width:100%;
	height:auto;
}
#sp_sns li a:hover img{
	background-color:transparent !important;
}

/* sns */
#f_sns{
	display:none;
}

/* breadcrumb */
#breadcrumb{
	margin-bottom:8px;
}
#breadcrumb li{
	font-size:11px;
}

/* thumb */
#thumb li{
	width:49.2%;
	margin-top:1.3%;
	margin-left:1.3%;
}
#thumb li:nth-child(-n+5){
	margin-top:1.3%;
}
#thumb li:nth-child(-n+4){
	margin-top:1.3%;
}
#thumb li:nth-child(-n+2){
	margin-top:0;
}
#thumb li:nth-child(5n+1){
	margin-left:1.3%;
}
#thumb li:nth-child(4n+1){
	margin-left:1.3%;
}
#thumb li:nth-child(2n+1){
	margin-left:0;
}
#thumb li a .txt{
	padding:0 10px 7px 10px;
}
#thumb li a .txt p{
	font-size:9px;
}
#thumb li a .txt p strong{
	font-size:11px;
}
#thumb li a .txt p span{
	font-size:7px;
}

/* grid */
#grid{
	background-image:url(/wp/common/img/f_grid_sp.gif);
	background-size:23px;
	height:93px;
}

/* fotter */
#f_detail{
	padding:25px 0 21px 0;
	background-image:url(/wp/common/img/f_grid_sp.gif);
	background-size:23px;
}
#fotter p{
	font-size:9px;
	margin: 0 0 0 10px;
}

}