@charset "utf-8";
@import url("contents.css");
/* CSS Document */


body {
	margin:0;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}


a{text-decoration: none;

}

/*サイト名*/
.site a {
	text-decoration:none;
}
.site a:hover {
	opacity:0.8
}
.site img {
	margin-top:10px;
	margin-bottom:10px;
	width:45%;
	height:auto
}

a:visited{
  color: inherit;
}

.logo {font-family: "Times New Roman", Times, serif}

.pc { display: block !important; }
.sp { display: none !important; }


/*見出しフォント*/

.title{	font-size:25px;
	text-align:center;
	color:#F60
	}
.sub_title	{font-size:14px;
	text-align:center;
	}

/*コンテンツ*/

.contents {
	text-align:center;
	padding-bottom:20px;
	
}




.c_h1{
	text-align: center;
	font-size:17px;
	font-weight: bold;
	color:  #F00;
}


.c_p{
	text-align: center;
	font-size:12px;
	margin-bottom:-10px
}



.contents h2{background:   #FC6;
box-shadow: 0px 0px 0px 2px #FC6;
border: dashed 1px  #000;
padding: 0.2em 0.5em;
color: #454545;
font-size:20px;
padding-top:5px;
padding-bottom:5px}

.contents h3{background:   #39F;
box-shadow: 0px 0px 0px 2px #39F;
border: dashed 1px  #000;
padding: 0.2em 0.5em;
color:  #FFF;
font-size:18px;
padding-top:10px;
padding-bottom:10px}

.details{
	
	border: 1px solid #999;
	height:220px;
}



.details  {
    background: transparent;
    color: #f08316 !important;
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    background: -webkit-linear-gradient(180deg, rgba(240,131,22,0.8), rgba(132, 179, 252, 0.8), rgba(240, 131, 22, 0), rgba(240, 131, 22, 0));
    background: -webkit-linear-gradient(right, rgba(240,131,22,0.8), rgba(240, 131, 22, 0.8), rgba(240, 131, 22, 0), rgba(240, 131, 22, 0));
    background: linear-gradient(270deg, rgba(240, 131, 22,0.8), rgba(240, 131, 22, 0.8), rgba(240, 131, 22, 0), rgba(240, 131, 22,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    border: none;
    border: 1px solid #f08316;
}
.details:hover {
    background-position: 99% 50%;
    color: #fff !important;
    border: 1px solid rgba(240, 131, 22, 0);
}




.box6 img {
max-width: 50%;
height: auto;
padding-left:2px;
padding-right:2px;
}


.box7 img {
max-width: 95%;
height: auto;
}



.box9 img {
max-width: 100%;
height: auto;
}


.box9_1{
	width:53%;
}

.box9_1 img {
max-width: 100%;
height: auto;

}




/*ナビ2*/
.menu2 ul {
	margin:0;
	padding:0;
	list-style:none
}
.menu2 li a {
	display:block;
	padding:15px 5px;
	font-size:13px;
	text-align:center;
	color:#fff;
	text-decoration:none
}
.menu2 li a:hover {
	color:#F60;
	backface-visibility: hidden;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}
.menu2 ul:after {
	content:"";
	display:block;
	clear:both
}
.menu2 li {
	float:left;
	width:20%
}
.menu2 li a:hover {
	opacity:0.8
}

/*フッター*/

.midasi {color: #FC3;
font-size:18px;
text-align:center;
}

.text {color:#FFF;
font-size:14px;
text-align:center;
}

.copy {color:#FFF;
font-size:14px;
text-align:center;
padding-top:5px;
padding-bottom:5px}

/*左右*/

.boxA, .box4, .box6, .box7,.box8,.box9,.box10 {
	padding-left:3%;
	padding-right:3%
}
/*上下*/



.box1{
	padding-top:10px;
	padding-bottom:80px
}
.box4 {
	padding-top:10px;
	padding-bottom:10px
}



.box5 img {
	margin-top:2px;
	margin-bottom:2px;
	width:100%;
	height:auto
}


.box9 {
		padding:5px;
			
}

.news{
	font-size:18px;
	text-align:center;
	}
.under {
  border-bottom: double 6px #87CEFA;
}

 


.news_c{font-size:13px;
text-align:center}

.banner{
	text-align:center;
	}
	




/*新着*/





/*会員登録*/

.box10 img {
max-width: 90%;
height: auto;
}

.member_box{
	border: 0.2px solid #999;
	background-color: #FFC;
}


.box8 {
	padding-top:5px;
	padding-bottom:5px;
	
}

.box8 img {
max-width: 90%;
height: 200px;
}


.member_top{
	
	border: 1px solid #999;


}

.member_top  {
       border: 1px solid #f08316;
}

.member_top{height:330px}


.footer

{
	background-color:#000;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F00;	
}


.box7 {
	padding-top:5px;
	padding-bottom:5px;
}



/*****************599px以下*****************/
@media(max-width:599px){
	
	 .pc { display: none !important; }
    .sp { display: block !important; }
	

	/*見出し*/
	
	.title{	font-size:18px;
	}
	
	/*ナビ*/

.news{
	font-size:14px	}
	.news_c{font-size:12px}
	

.details{

	height:200px;
}
	
.box1{
	padding-bottom:60px
}

	.menu2 li a {

	padding:10px 5px;
	font-size:11px;

}

.news img {
max-width: 50%;
height: auto;
}

.box9_1{
	width:90%;
}



}


/*****************768px以上*****************/
@media(min-width:768px) {
/*BOX1,BOX2,BOX3*/




/*BOX6*/


.box6:after {
	content:"";
	display:block;
	clear:both
}
.box6-1 {
	float:left;
	width:31%;
	margin-right:3%
}
.box6-2 {
	float:left;
	width:31%;
	margin-right:3%
}
.box6-3 {
	float:left;
	width:31%;
}

/*BOX8*/

.box8-1 {
	float:left;
	width:48%;
}
.box8-2 {
	float:right;
	width:48%;
}

}


/*****************1190px以上*****************/

@media(min-width:1190px) {
	
	.box5,.box6,.box7,.box8,.box9,.box10,{width:1140px;
	margin-left:auto;
	margin-right:auto
}