@charset "UTF-8";


/**************************************************************************************************

HEADER

**************************************************************************************************/
header{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
    width: 100%;
margin: 0 auto;
	height:120px;
}

#headerWrap{
height:120px;
margin: 0 auto;
width:100%;
background:#08223f;
}

#headerUpper{
height:38px;
width:100%;
background:#213754;
}

#headerUpper .inner{
width:1000px;
margin: 0 auto;
}

#headerUpper .inner h1{
color:#fff;
float:left;
font-size:12px;
font-weight:normal;
padding:12px 0 0 0;
line-height:1.3em;
}

#headerUpper .inner .headerMenu{
float:right;
}


#headerUpper .inner .headerMenu ul {
padding:6px 0 0 0;
}

#headerUpper .inner .headerMenu ul li{
color:#fff;
display:inline-block;
font-size:12px;
font-weight:normal;
padding:0 15px 0 0;
line-height:1.0em;
}


#headerUpper .inner .headerMenu ul li:nth-child(2){ 
border-left:solid 1px #fff;
border-right:solid 1px #fff;
padding:0 15px;
}


#headerUpper .inner .headerMenu ul li:nth-child(3){
padding:0 15px;
border-right:solid 1px #fff;
}


#headerUpper .inner .headerMenu ul li:nth-child(4){
padding:0 15px;
border-right:solid 1px #fff;
}

#headerUpper .inner .headerMenu ul li:nth-child(5){
padding:0 0 0 15px;
border-right:solid 0px #fff;
}

#headerBox {
	width:1000px;
margin: 0 auto;
	padding:0 0 0 0;
}

#headerLogoPc{
float:left;
width:385px;
display:block;
	padding:20px 0 0 0;
}

#headerLogoSp{
display:none;
}

#headerLogoPc img{
width:275px;
height:auto;
}




/**************************************************************************************************

GLOBAL NAVIGATION

**************************************************************************************************/

#headerSpMenu{
display:none;
}


#headerMenu{
display:none;
}

.navimenu{
display:block;
}


#gnaviArea {
width:615px;
float:left;
}

#gnavi {
width:615px;
margin: 0 auto;
	position:relative;

}

#gnavi ul {
width:615px;
}

#gnavi ul li a{
	float: left;
	font-size:15px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	line-height:1.5em;
	width:auto;
	display:block;
	margin:0 40px 0 0;
	padding:33px 0 18px 15px;
		text-decoration: none;
	position:relative;
}


#gnavi ul li:nth-child(6) a{
	float: left;
	font-size:15px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	line-height:1.5em;
	width:auto;
	display:block;
	margin:0 0 0 0;
	padding:33px 0 18px 15px;
		text-decoration: none;
	position:relative;
}

#gnavi ul li  .visited a, {
	text-decoration: none;
	color:#fff;
		text-decoration: none;
}

#gnavi ul li  a:hover {
	text-decoration: none;
	color:#fb9b16;
}

#gnavi ul li  a:active {
	text-decoration: none;
	color:#fb9b16;
}


#gnavi ul li a:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
 font-size: 60%;
position:absolute;
color:#fff;
font-weight: 900;
top:45%;
left:0;
}



#gnavi ul li.meeting{
display:none;
}

#gnavi ul li.contact{
display:none;
}





/**************************************************************************************************

PANKUZU

**************************************************************************************************/

#pankuzuArea {
	width: 100%;
}



#pankuzuBox {
	width:1000px;
	margin:0 auto 50px auto;
	text-align:left;
	padding:0 0 0 10px;
	font-size:13px;
	color:#333;

	line-height:2.0em;
	letter-spacing:.3px;
}


#pankuzuBox span{
color:#000;
padding:0 10px;
}



#breadcrumbs {
	width:1000px;
	margin:0 auto;
	background:#f0f0f0;
	text-align:left;
	padding:15px 0 12px 0;
	font-size:90%;
	color:#333;
}

#breadcrumbs  ul li{
float:left;
}

#breadcrumbs  span{
color:#f50000;
padding:0 10px;
}



/**************************************************************************************************

TOPキービジュアル

**************************************************************************************************/
/* Main */


#keyVisual{
margin:120px auto 0 auto;
width:100%;
height:100%;
display:block;
position:relative;
}


#keyVisual .catch{
color:#fff;
font-size:50px;
width:100%;
font-weight:700;
position:absolute;
text-align:center;
line-height:1.2em;
top:10%;
left:50%;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);
text-shadow: 5px 5px 10px #000;	  
}


#keyVisual p{
color:#fff;
font-size:20px;
width:100%;
font-weight:700;
text-align:center;
line-height:1.8em;
position:absolute;
top:25%;
left:50%;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);
text-shadow: 5px 5px 10px #000;	  
}


#keyVisual p.cap{
color:#fff;
font-size:16px;
width:100%;
font-weight:700;
text-align:center;
line-height:1.8em;
position:absolute;
top:70%;
left:50%;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);
text-shadow: 5px 5px 10px #000;	  
}


#keyVisual .btn{
width:460px;
position:absolute;
top:50%;
left:50%;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
         transform: translateX(-50%);
 	-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.4);
box-shadow:10px 10px 10px rgba(0,0,0,0.4);

}


#keyVisual .btn a{
width:460px;
	font-size:20px;
	text-align:center;
	color:#fff;
	text-decoration: none;
	display: block;
	padding:30px 0;
margin:0;
font-weight:700;
background:#f37e00;
border-radius:5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
 position:relative;
}

#keyVisual .btn .visited a, {
	color:#fff;

}


#keyVisual .btn a:hover {
	opacity:.8;
}

#keyVisual .btn a:active {
	opacity:.8;
}

#keyVisual .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
 font-size:100%;
position:absolute;
font-weight:900;
font-size:150%;
top:37%;
right:20px;
color:#fff;
}



  .slider {
    width:100%;
    margin: 75px auto 0 auto;
  }
  
  .slick-slide img {
    width:100%;
    height:auto;
  }
  .mypattern{
    width: 100%;
  }
  .mypattern .slick-slide{
    margin: 0 2px;
  }



/**************************************************************************************************

TOP活動情報

**************************************************************************************************/

#homeBlogBox{
margin:40px 0 0 0;
}

#homeBlogH2Box{
width:1000px;
padding:12px 0;
margin:0 0 30px 0;
background:#fff;
border-radius:5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
 position:relative;
}

#homeBlogH2Box h2{
font-size:25px;
color:#607d8b;
font-weight:900;
line-height:1.5em;
float:left;
padding:0 0 0 50px;
 position:relative;
}

#homeBlogH2Box h2.meeting{
font-size:25px;
color:#607d8b;
font-weight:900;
line-height:1.5em;
float:none;
padding:0 0 0 50px;
 position:relative;
}

#homeBlogH2Box h2:after, #homeBlogH2Box h2.meeting:after{
font-family: "Font Awesome 5 Free";
content:'\f007';
 font-size:85%;
position:absolute;
font-weight:900;
margin:0;
top:0%;
left:20px;
color:#abb5be;
}

#homeBlogH2Box .listBtn{
font-size:14px;
color:#607d8b;
font-weight:900;
line-height:1.5em;
float:right;
padding:8px 20px 0 0;
 position:relative;
}

#homeBlogH2Box .listBtn:after{
font-family: "Font Awesome 5 Free";
content:'\f138';
 font-size:100%;
position:absolute;
font-weight:900;
margin:0;
top:26%;
left:-22px;
color:#abb5be;
}




#homeBlogBox ul {
margin:0 0 20px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}



#homeBlogBox ul li{
width:326px;
vertical-align:top;
display:inline-block;
margin:0 0 11px 0;
background:#fff;
}

#homeBlogBox ul li:nth-child(2){
width:326px;
display:inline-block;
margin:0 11px 11px 11px;
background:#fff;
}

#homeBlogBox ul li:nth-child(5){
width:326px;
display:inline-block;
margin:0 11px 11px 11px;
background:#fff;
}


#homeBlogBox ul li:nth-child(8){
width:326px;
display:inline-block;
margin:0 11px 11px 11px;
background:#fff;
}


#homeBlogBox ul li:nth-child(11){
width:326px;
display:inline-block;
margin:0 11px 11px 11px;
background:#fff;
}


#homeBlogBox ul li:nth-child(14){
width:326px;
display:inline-block;
margin:0 11px 11px 11px;
background:#fff;
}



#homeBlogBox ul li a{
display:block;
text-decoration:none;
}

#homeBlogBox ul li a:visited{
display:block;
text-decoration:none;
}

#homeBlogBox ul li a:hover{
display:block;
opacity:.8;
text-decoration:none;
}

#homeBlogBox ul li a:active{
display:block;
text-decoration:none;
}



#homeBlogBox ul li .inner{
padding:20px;
}

#homeBlogBox ul li img{
width:326px;
height:200px;
object-fit: cover; /* この一行を追加するだけ！ */
}

#homeBlogBox h3{
color:#607d8b;
margin:0 0 10px 0;
font-size:16px;
line-height:1.3em;
}


#homeBlogBox p{
color:#000;
font-size:13px;
line-height:1.4em;
}

#homeBlogBox p.day{
color:#000;
text-align:right;
font-size:12px;
margin:20px 0 0 0;
line-height:1.3em;
}



/**************************************************************************************************

TOPセミナー動画

**************************************************************************************************/

#homeMovieBox{
margin:40px 0 0 0;
}

#homeMovieH2Box{
width:1000px;
padding:12px 0;
margin:0 0 30px 0;
background:#fff;
border-radius:5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
 position:relative;
}

#homeMovieH2Box h2{
font-size:25px;
color:#607d8b;
font-weight:900;
line-height:1.5em;
float:left;
padding:0 0 0 50px;
 position:relative;
}

#homeMovieH2Box h2:after{
font-family: "Font Awesome 5 Free";
content:'\f03d';
 font-size:85%;
position:absolute;
font-weight:900;
margin:0;
top:0%;
left:20px;
color:#abb5be;
}

#homeMovieH2Box .listBtn{
font-size:14px;
color:#607d8b;
font-weight:900;
line-height:1.5em;
float:right;
padding:8px 20px 0 0;
 position:relative;
}

#homeMovieH2Box .listBtn:after{
font-family: "Font Awesome 5 Free";
content:'\f138';
 font-size:100%;
position:absolute;
font-weight:900;
margin:0;
top:26%;
left:-22px;
color:#abb5be;
}




#homeMovieBox ul {
margin:0 0 20px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}



#homeMovieBox ul li{
width:326px;
vertical-align:top;
display:inline-block;
margin:0 0 0 0;
background:#fff;
}

#homeMovieBox ul li:nth-child(2){
width:326px;
display:inline-block;
margin:0 11px 0 11px;
background:#fff;
}


#homeMovieBox ul li a{
display:block;
text-decoration:none;
}

#homeMovieBox ul li a:visited{
display:block;
text-decoration:none;
}

#homeMovieBox ul li a:hover{
display:block;
opacity:.8;
text-decoration:none;
}

#homeMovieBox ul li a:active{
display:block;
text-decoration:none;
}



#homeMovieBox ul li .inner{
padding:20px;
}

#homeMovieBox ul li img{
width:326px;
height:200px;
object-fit: cover; /* この一行を追加するだけ！ */
}

#homeMovieBox h3{
color:#607d8b;
margin:0 0 0 0;
font-size:16px;
line-height:1.3em;
}


#homeMovieBox p{
color:#000;
font-size:13px;
line-height:1.4em;
}

#homeMovieBox p.day{
color:#000;
text-align:right;
font-size:12px;
margin:20px 0 0 0;
line-height:1.3em;
}



/**************************************************************************************************

TOPお知らせ

**************************************************************************************************/

#homeNewsBox{
margin:50px 0 0 0;
}

#homeNewsH2Box{
width:1000px;
padding:12px 0;
margin:0 0 20px 0;
background:#fff;
border-radius:5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
 position:relative;
}

#homeNewsH2Box h2{
font-size:25px;
color:#607d8b;
font-weight:900;
line-height:1.5em;
float:left;
padding:0 0 0 55px;
 position:relative;
}

#homeNewsH2Box h2:after{
font-family: "Font Awesome 5 Free";
content:'\f05a';
 font-size:100%;
position:absolute;
font-weight:900;
margin:0;
top:0%;
left:20px;
color:#abb5be;
}

#homeNewsH2Box .listBtn{
font-size:14px;
color:#607d8b;
font-weight:900;
line-height:1.5em;
float:right;
padding:8px 20px 0 0;
 position:relative;
}

#homeNewsH2Box .listBtn:after{
font-family: "Font Awesome 5 Free";
content:'\f138';
 font-size:100%;
position:absolute;
font-weight:900;
margin:0;
top:26%;
left:-22px;
color:#abb5be;
}




#homeNewsBox ul {
margin:0;
background:#fff;
}


#homeNewsBox ul li{
background:#fff;
border-bottom:solid 1px #eaeaea;
padding:20px;
}


#homeNewsBox p{
color:#000;
width:100px;
font-size:14px;
display:inline-block;
line-height:1.3em;
vertical-align:top;
}

#homeNewsBox h3{
color:#607d8b;
width:850px;
vertical-align:top;
font-size:16px;
display:inline-block;
line-height:1.3em;

}



/**************************************************************************************************

TOPJunya Art クラファンバナー

**************************************************************************************************/
.junyaart{
text-align:center;
margin:30px 0 0 0;
}

.junyaart img{
width:300px;
}

.junyaart p{
margin:5px 0 0 0;
line-height:1.4em;
}



/**************************************************************************************************

TOP入会申込ボタン

**************************************************************************************************/
.topOrder p{
text-align:center;
font-size:20px;
font-weight:900;
margin:40px 0 0 0;

}




/**************************************************************************************************

h2：共通

**************************************************************************************************/

.h2TtlArea{
width:100%;
margin:120px 0 30px 0;
}


.h2TtlArea .h2Wrap{
width:1000px;
margin:0 auto;
}


.h2TtlArea h2{
font-size:28px;
font-weight:700;
line-height:100%;
text-align:center;
letter-spacing:1.5px;
padding:70px 0 0 0;
color:#fff;
}


.h2TtlArea p.roman{
font-size:13px;
font-weight:normal;
line-height:100%;
text-align:center;
letter-spacing:1.5px;
padding:20px 0 70px 0;
color:#fff;
}



/*** 第2階層共通 ***/
.h2Ttl_com{
width:100%;
height:auto;
display:block;
background:url(common/img/bg_h2.jpg) left top no-repeat;
background-size:cover;
}

  
  
  
  
  


/**************************************************************************************************

h3：共通

**************************************************************************************************/

h3.com{
background:#f0f0f0;
margin:70px 0 20px 0;
font-size:20px;
	letter-spacing:2.0px;
font-weight:700;
padding:15px 0 15px 20px;
border-left:solid 3px #213754; 
}


h3.comUpper{
background:#f0f0f0;
margin:0 0 20px 0;
	letter-spacing:2.0px;
font-size:20px;
font-weight:700;
padding:15px 0 15px 20px;
border-left:solid 3px #213754; 
}
  





/**************************************************************************************************

h4：共通

**************************************************************************************************/

h4.com{
border-bottom:solid 1px #ccc;
margin:40px 0 15px 0;
font-size:17px;
line-height:1.3em;
font-weight:700;
padding:10px 0 5px 10px;
}


h4.comNoline{
border-bottom:solid 0px #ccc;
margin:40px 0 10px 0;
font-size:17px;
line-height:1.3em;
font-weight:700;
padding:0;
}





/*************************************************************************************************

BOX

**************************************************************************************************/
.txtGrayBox{
border:solid 3px #ccc;
margin:30px 0 ;
padding:20px;
}


/**************************************************************************************************

会社概要

**************************************************************************************************/
#profile{
width:1000px;
margin:50px 0 0 0;
}



#profile dl{
margin:0 0 40px 0;
font-size:15px;
line-height:1.6;
width:1000px;
}


#profile dl dt{
display:inline-block;
text-align:right;
width:15%;
vertical-align:top;
margin:0 5% 0 0;
color:#213754;
font-weight:bold;
}



#profile dl dd{
display:inline-block;
text-align:left;
vertical-align:top;
width:70%;
}








/**************************************************************************************************

動画

**************************************************************************************************/
#moviePage{
width:1000px;
margin:0 auto;
padding:0;
}


#moviePage ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}    
 


#moviePage ul li{
width:326px;
display:inline-block;
margin:0 0 11px 0;
background:#fff;
}

#moviePage ul li:nth-child(2){
width:326px;
display:inline-block;
margin:0 11px 11px 11px;
background:#fff;
}

#moviePage ul li:nth-child(3n+2){
width:326px;
display:inline-block;
margin:0 11px 11px 11px;
background:#fff;
}


#moviePage figure{
margin:0;
padding:0;
}

#moviePage figure img{
width:326px;

}

#moviePage .relative{
position:relative;
}

#moviePage .relative img{
width:326px;
height:200px;
}


#moviePage ul li a{
display:block;
width:100%;
text-decoration:none;
}

#moviePage ul li .wrap{
padding:10px 0 50px 0;
position:relative;
text-align:left;
}

#moviePage ul li .date{
font-size:12px;
letter-spacing:.3px;
text-align:left;
color:#333;
}

#moviePage ul li h4{
font-size:18px;
font-weight:700;
line-height:1.6em;
letter-spacing:.5px;
color:#607d8b;
padding:0;
}

#moviePage ul li .movieBtn{
position:absolute;
width:70px;
height:70px;
top:0;
left:0;
right:0;
bottom:0;
margin:20% auto;
cursor:pointer;
border-radius:50%;
background-color:rgba(255,255,255,.4);
}

#moviePage ul li .movieBtn img{
width:70px;
height:70px;

}


#movie figure{
margin:0;
padding:0;
}


#movie,#playMovie{
position:fixed;z-index:10000;
}

#movie{
top:7%;
left:50%;
width:90%;
height:90%;
margin-left:-45%;
}

#playMovie{
background-color:rgba(0,0,0,.8);
top:0;
height:100%;
width:100%;
}


i{
position:absolute;
right:-35px;
top:-30px;
cursor:pointer;
}

i img{
width:30px;
}





/**************************************************************************************************

入会案内

**************************************************************************************************/

#admission .btn{
width:460px;
margin:20px auto 0 auto;
}


#admission .btn a{
width:460px;
	font-size:20px;
	text-align:center;
	color:#fff;
	text-decoration: none;
	display: block;
	padding:30px 0;
margin:0 auto;
font-weight:700;
background:#f37e00;
border-radius:5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
 position:relative;
}

#admission .btn .visited a, {
	color:#fff;

}


#admission .btn a:hover {
	opacity:.8;
}

#admission .btn a:active {
	opacity:.8;
}

#admission .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
 font-size:100%;
position:absolute;
font-weight:900;
font-size:150%;
top:37%;
right:20px;
color:#fff;
}


/**************************************************************************************************

交流会参加者：入り口

**************************************************************************************************/


#meetingBtn .btn a{
width:460px;
	font-size:20px;
	text-align:center;
	color:#fff;
	text-decoration: none;
	display: block;
	padding:30px 0;
margin:50px auto 0 auto;
	position:relative;
font-weight:700;
background:#f37e00;
 	-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.4);
box-shadow:10px 10px 10px rgba(0,0,0,0.4);
border-radius:5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
}

#meetingBtn .btn .visited a, {
	color:#fff;

}


#meetingBtn .btn a:hover {
	opacity:.8;
}

#meetingBtn .btn a:active {
	opacity:.8;
}

#meetingBtn .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
 font-size:100%;
position:absolute;
font-weight:900;
font-size:150%;
top:37%;
right:20px;
color:#fff;
}


/**************************************************************************************************

交流会参加者：詳細

**************************************************************************************************/
#meetingDetail{
width:1000px;
margin:0 auto;
}


#meetingDetail h3{
font-size:20px;
color:#223754;
line-height:1.6em;
margin:20px 0 20px 0;
font-weight:bold;
background:#f0f0f0;
border:solid 1px #ccc;
padding:20px;
}


#meetingDetail .post img{
max-width:600px;
height:auto;
}





#meetingDetail .post a{
	color:#1a9ede;
	text-decoration: none;
}

#meetingDetail .post a:visited{
	color:#1a9ede;
	text-decoration: none;
}

#meetingDetail .post a:hover{
opacity:.8;
	text-decoration: none;
}

#meetingDetail .post a:active{
opacity:.8;
	text-decoration: none;
}



/**************************************************************************************************

活動情報：一覧、詳細

**************************************************************************************************/
#newsList{
width:1000px;
margin:0 auto 100px auto;
}

#newsList ul li{
border-bottom:solid 1px #ccc;
padding:0 0 30px 0;
margin:0 0 30px 0;
}


#newsList ul li dl dt{
float:left;
width:750px;
}

#newsList ul li dl dd{
float:right;
width:220px;
}


#newsDetail{
width:700px;
margin:0 auto 100px auto;
}



#newsList p.date,#newsDetail p.date{
font-size:14px;
color:#000;
font-weight:bold;
display:block;
line-height:1.1em;
vertical-align:top;
margin:0 0 0 0;
}



#newsList ul li .ttl{
font-size:20px;
color:#000;
line-height:1.6em;
margin:10px 0 15px 0;
font-weight:bold;
}


#newsList ul li p{
font-size:15px;
color:#000;
line-height:1.7em;
margin:0 0 10px 0;
}



#newsList ul li dl dd img{
width:220px;
height:auto;
}



#newsDetail h3{
font-size:20px;
color:#223754;
line-height:1.6em;
margin:20px 0 20px 0;
font-weight:bold;
}


#newsDetail .post img{
max-width:600px;
height:auto;
}





#newsDetail .post a{
	color:#1a9ede;
	text-decoration: none;
}

#newsDetail .post a:visited{
	color:#1a9ede;
	text-decoration: none;
}

#newsDetail .post a:hover{
opacity:.8;
	text-decoration: none;
}

#newsDetail .post a:active{
opacity:.8;
	text-decoration: none;
}







#newsDetail .listBtn{
width:100px;
height:50px;
line-height:50px;
margin:80px auto 0;
border:1px solid #223754;
}

#newsDetail .listBtn a{
color:#223754;
background-color:#fff;
text-align:center;
display:block;
width:100%;
text-decoration:none;
}




/* 記事内の画像 */
.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

div.post img{
border: none;
}

div.post a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
}

.alignleft	{
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.alignright {
float: right;
margin-left: 20px;
margin-bottom: 10px;
}

.wp-caption	{
border: solid 0 #aaaaaa;
text-align: center;
padding-top: 5px;
margin-top: 10px;
margin:0 0 30px 0;
}



.post .wp-caption{
border:solid 0 #ccc;
}

.post .wp-caption p.wp-caption-text{
margin:5px 0 0 0;
font-size:14px;
line-height:1.4em;
}






/* ---------------------------------------------------
 PLUGIN WP-Page Navi
---------------------------------------------------- */
/*** 動画一覧ページ用 ***/
.pagenaviMovieArea{
float:left;
width:100%;
text-align:center;
margin:30px auto 0 auto;
padding:30px 0 0 0;
}


.navigation { padding: 15px; text-align:center;}

.wp-pagenavi { font-weight: normal;

}

.wp-pagenavi a, .wp-pagenavi a:link {
padding:10px;
margin:0 5px;
	text-decoration: none;
	border: 1px solid #223754;
	color: #223754;
}

.wp-pagenavi a:visited {
padding:10px;
margin:0 5px;
	text-decoration: none;
	border: 1px solid #223754;
}

.wp-pagenavi a:hover {
	border: 1px solid #223754;
opacity:.8;	
}

.wp-pagenavi a:active {
padding:10px;
margin:0 5px;
	border: 1px solid #223754;
opacity:.8;
}

.wp-pagenavi span.pages {
padding:10px;
margin:0 5px;
	color: #223754;
	border: 1px solid #223754;
}

.wp-pagenavi span.current {
padding:10px;
margin:0 5px;
	border: 1px solid #223754;
	color: #223754;
}

.wp-pagenavi span.extend {
padding:10px;
margin:0 5px;
	border: 1px solid #223754;
	color: #223754;
}



.postMovie {
margin:30px 0 auto 0;
text-align:center;
}





/**************************************************************************************************

ページング

**************************************************************************************************/


.pagenatorBox{
text-align:center;
}

.pagenator{
margin-bottom:120px;
}

.pagenator .disabled{
display:none;
}

.pagenator a{
color:#000;
border:1px solid #223754;
text-align:center;
padding:10px;
text-decoration:none;
margin:0 5px;
}



/**************************************************************************************************

お問い合わせ

**************************************************************************************************/
#contact{
width:800px;
margin:0 auto;
}


#contactComfirmBox {
padding:0 0 90px 0;
}


#contactConpretionBox {
padding:0 0 90px 0;
}


#contact .btn,#contact .btn input{
height:70px;
line-height:70px;
cursor:pointer;
}

#contact h3{
font-size:20px;
margin:0 0 10px 0;
font-weight:700;
}

#contact form{
width:800px;
margin:0 auto 90px;
}





/**************************************************************************************************

サイトマップ

**************************************************************************************************/
#sitemapBox{
width:800px;
margin:0 auto 40px auto;
}


#sitemapBoxL{
width:45%;
float:left;
}


#sitemapBoxR{
width:45%;
float:right;
}

#sitemapBox h4{
font-size:16px;
margin:30px 0 10px 0;
}

#sitemapBox ul li{
margin:0 0 0 0;
padding:0 0 10px 20px;

}




#sitemapBox  ul li a{
position:relative;
width:auto;
line-height:2.0em;
padding:0 0 0 15px;
font-size:14px;
text-decoration: none;
}


#sitemapBox  ul li a:before{
font-family: "Font Awesome 5 Free";
content:'\f105';
 font-size:100%;
position:absolute;

	color:#636363;
font-weight: 900;
font-size:80%;
top:-7px;
left:0;
}


#sitemapBox  ul li span{
font-size:16px;
margin:30px 0 10px 0;
font-weight:700;
}




/*************************************************************************************************

サイドナビ

**************************************************************************************************/

.sidenavi {
    position: fixed;
    top: calc(50vh - 100px);
    right: 0;
    box-shadow: 0 0 17px 3px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    z-index: 10;
    padding: 0 0 30px 0;
}

.sidenavi a {
    display: block;
    width: 20px;
    padding: 26px 20px 0 20px;
}

.sidenavi img{
width:20px;
height:auto;
}





/*************************************************************************************************

NONE

**************************************************************************************************/
.pcnone{
display:none;
}

.spnone{
display:block;
}

.br-sp { display:block; }

.br-pc { display:none; }


a[href^="tel:"] {
    pointer-events: none;
}

/**************************************************************************************************

ERROR

**************************************************************************************************/
.errBox{
margin:50px 0 0 0;
}


.errMsgTitle{
text-align:center;
font-size:15px;
font-weight:bold;
color:#ff0000;
}

.errBox p{

text-align:center;
}



/**************************************************************************************************

PAGEUP

**************************************************************************************************/

.pagetop {
	display: none;
	position: fixed;
	bottom: 290px;
	right:100px;
		opacity:.8;
}

.pagetop a {
position:absolute;
	display: block;
	width: 70px;
	height: 70px;
	background-color: #2f2f2f;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
border-radius:50%;	
line-height: 70px;

}


.pagetop a:before{
font-family: "Font Awesome 5 Free";
content:'\f106';
 font-size: 0.6em;
position:absolute;
font-weight: 900;
font-size: 150%;
top:0%;
left:40%;

}

/**************************************************************************************************

会員ページ

**************************************************************************************************/
.memberBox{
padding:0 10px;
}
.memberBox p{
line-height:3.5em;
}


/**************************************************************************************************

共通スポンサーバナー

**************************************************************************************************/

#comBannerArea{
margin:20px 0 10px 0;
width:100%;

}

#comBannerBox{
width:100%;
margin:0 auto;
min-width:1000px;
}


#comBannerBox ul{
margin:0;
text-align:center;
}

#comBannerBox ul li{
width:150px;
display:inline-block;
vertical-align:bottom;
text-align:left;
margin:0 10px 0 0;
background:#fff;
}

#comBannerBox ul li:last-child{
width:150px;
display:inline-block;
vertical-align:bottom;
text-align:left;
margin:0 0 0 0;
background:#fff;
}

#comBannerBox ul li img{
width:150px;
}

#comBannerArea p{
font-size:12px;
text-align:center;
line-height:1.4em;
letter-spacing:1.2px;
}



/**************************************************************************************************

FOOTER

**************************************************************************************************/
footer{
	width:100%;
	margin:0 auto;
	height:auto;
	background:#213754;
	text-align:center;
}


#footerBox {
	width:1000px;
	margin: 0 auto;
}


#footerMenu{
margin:0;
padding:20px 0 30px 0;
}

#footerMenu ul{
text-align:center;
}

#footerMenu ul li{
color:#fff;
display:inline-block;
font-size:12px;
font-weight:normal;
padding:0 15px 0 0;
line-height:1.0em;
}


#footerMenu ul li:nth-child(even){ 
border-left:solid 1px #fff;
border-right:solid 1px #fff;
padding:0 15px;
margin:0 15px 0 0;
}


#footerMenu ul li:nth-child(6){ 
border-left:solid 1px #fff;
border-right:solid 0px #fff;
padding:0 0 0 15px;
margin:0 0 0 0;
}

#footerLogo {
text-align:center;
}

#footerLogo img{
width:275px;
height:45px;
}

.copyright{
margin:30px 0 0 0;
padding:15px 0;
	background:#08223f;
}


.copyright p{
text-align:center;
font-size:12px;
color:#fff;
}