@charset "UTF-8";





  /******************************/
 /**     ＰＣレイアウト用     **/
/******************************/



/* @media screen and (min-width: 769px) {
img{
max-width: 100%;
height: auto;
width /***/: auto;　
} */

/****** 記事一覧を横並びにする ******/


ul.section-wrap2index{
	margin:0 0 10px;
	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;
	width:100%;
}
li.section-wrap2index {
	border:0px solid #999;
	width:32.5%;
	margin: 0.3%;
	margin-bottom: 1.2%;
	padding: 0px;
	background-color:#fff;
	font-size: 12px;
	font-family: bookman old style;
 	list-style:none;
}		
li.section-wrap2index img{
	width:98%;
	border:solid 1px #000;
	padding:2%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    box-shadow: 0px 0px 3px 0px #000;
    -moz-box-shadow: 0px 0px 3px 0px #000;
    -webkit-box-shadow: 0px 0px 3px 0px #000;	
}




ul.section-wrap-archive{
	margin:0 0 10px;
	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;
	width:100%;
}
ul.section-wrap-archive li {
	border:0px solid #999;
	width:32.5%;
	margin: 0.3%;
	margin-bottom: 1.2%;
	padding: 0px;
	background-color:#fff;
	font-size: 12px;
	font-family: bookman old style;
 	list-style:none;
}		
ul.section-wrap-archive li img{
	width:98%;
	border:solid 1px #000;
	padding:2%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 0px 0px 3px 0px #000;
    -moz-box-shadow: 0px 0px 3px 0px #000;
    -webkit-box-shadow: 0px 0px 3px 0px #000;	
}



ul.section-wrap-gallery{
	margin:0 0 10px;
	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;
	width:100%;
	max-width:1200px;
	margin:0px auto;
}
ul.section-wrap-gallery li {
	border:0px solid #999;
	width:14%;
	margin: 0.1%;
	margin-bottom: 0.2%;
	padding: 0px;
	background-color:#fff;
	font-size: 12px;
	font-family: bookman old style;
 	list-style:none;
}		
ul.section-wrap-gallery li img{
	width:100%;
	border:solid 1px #000;
	padding:2%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 0px 0px 3px 0px #000;
    -moz-box-shadow: 0px 0px 3px 0px #000;
    -webkit-box-shadow: 0px 0px 3px 0px #000;	
}

/*-----------------------
　リストで画像を並べる　　　 
------------------------*/



.index-top-cat{
	margin-top: -50px;
}


ul.bnr-list-brand{
	margin:0 0 10px;
	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;
	width:100%;
}
li.bnr-list-brand {
	width:23.5%;
	margin:0.5%;
	padding:0;
	border:0px solid #000;
	margin-bottom: 5px;
	background-color:#fff;
	list-style:none;
	background-size: cover;
}		
li.bnr-list-brand img{
	width:100%;
}




.buy-bnr{
	width:50%;
	margin:0px auto;
}

.buy-bnr img{
	width:100%;
}

.single-tag-border{
	border:1px solid #999;
	padding:2px;
	border-radius:4px;
	background-color: #f5f5f5;
}
.single-tag-border a{
	text-decoration: none;
}



}  /* PCレイアウトここまで */



  /************************************/
 /**     タブレットレイアウト用     **/
/************************************/

@media screen and (max-width: 768px) {
img{
max-width: 100%;
height: auto;
width /***/: auto;　
}


/****** 記事一覧を横並びにする ******/



ul.section-wrap2index{
	margin:0 0 10px;
	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;
	width:100%;
}
li.section-wrap2index {
	border:0px solid #999;
	width:32.5%;
	margin: 0.3%;
	margin-bottom: 1.2%;
	padding: 0px;
	background-color:#fff;
	font-size: 12px;
	font-family: bookman old style;
 	list-style:none;
}		
li.section-wrap2index img{
	width:98%;
	border:solid 1px #000;
	padding:2%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    box-shadow: 0px 0px 3px 0px #000;
    -moz-box-shadow: 0px 0px 3px 0px #000;
    -webkit-box-shadow: 0px 0px 3px 0px #000;	
}

ul.section-wrap-archive{
	margin:0 0 10px;
	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;
	width:100%;
}
ul.section-wrap-archive li {
	border:0px solid #999;
	width:32.5%;
	margin: 0.3%;
	margin-bottom: 1.2%;
	padding: 0px;
	background-color:#fff;
	font-size: 12px;
	font-family: bookman old style;
 	list-style:none;
}		
ul.section-wrap-archive li img{
	width:98%;
	border:solid 1px #000;
	padding:2%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 0px 0px 3px 0px #000;
    -moz-box-shadow: 0px 0px 3px 0px #000;
    -webkit-box-shadow: 0px 0px 3px 0px #000;	
}



/*-----------------------
　リストで画像を並べる　　　 
------------------------*/




ul.bnr-list-brand{
	margin:0 0 10px;
	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;
	width:100%;
}
li.bnr-list-brand {
	width:23.5%;
	margin:0.5%;
	padding:0;
	border:0px solid #000;
	margin-bottom: 5px;
	background-color:#fff;
	list-style:none;
	background-size: cover;
}		
li.bnr-list-brand img{
	width:100%;
}


.index-top-cat{
	margin-top: -50px;
}

.single-tag-border{
	border:1px solid #999;
	padding:2px;
	border-radius:4px;
	background-color: #f5f5f5;
}
.single-tag-border a{
	text-decoration: none;
}


}  /* タブレットレイアウトここまで */






  /********************************/
 /**     スマホレイアウト用     **/
/********************************/

@media screen and (max-width: 640px) {
img{
max-width: 100%;
height: auto;
width /***/: auto;　
}


/****** 記事一覧を横並びにする ******/




ul.section-wrap2index{
	margin:0 0 10px;
	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;
	width:100%;
}
li.section-wrap2index {
	border:0px solid #999;
	width:48.2%;
	margin: 0.3%;
	margin-bottom: 1.2%;
	padding: 0px;
	background-color:#fff;
	font-size: 12px;
	font-family: bookman old style;
 	list-style:none;
}		
li.section-wrap2index img{
	width:98%;
	border:solid 1px #000;
	padding:2%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    box-shadow: 0px 0px 3px 0px #000;
    -moz-box-shadow: 0px 0px 3px 0px #000;
    -webkit-box-shadow: 0px 0px 3px 0px #000;	
}

.index-top-cat{
	margin-top: -90px;
}


ul.section-wrap-archive{
	margin:0 0 10px;
	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;
	width:100%;
}
ul.section-wrap-archive li {
	border:0px solid #999;
	width:49.2%;
	margin: 0.1%;
	margin-bottom: 1.2%;
	padding: 0px;
	background-color:#fff;
	font-size: 12px;
	font-family: bookman old style;
 	list-style:none;
}		
ul.section-wrap-archive li img{
	width:98%;
	border:solid 1px #000;
	padding:2%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 0px 0px 3px 0px #000;
    -moz-box-shadow: 0px 0px 3px 0px #000;
    -webkit-box-shadow: 0px 0px 3px 0px #000;	
}

/*-----------------------
　リストで画像を並べる　　　 
------------------------*/


ul.bnr-list-brand{
	margin:0 0 10px;
	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;
	width:100%;
}
li.bnr-list-brand {
	width:48.5%;
	margin:0.3%;
	padding:0;
	border:0px solid #000;
	margin-bottom: 5px;
	background-color:#fff;
	list-style:none;
	background-size: cover;
}		
li.bnr-list-brand img{
	width:100%;
}

.single-tag-border{
	border:1px solid #999;
	padding:2px;
	border-radius:4px;
	background-color: #f5f5f5;
}
.single-tag-border a{
	text-decoration: none;
}




}  /* スマホレイアウトここまで */






.clear { clear:both; }  


.header-jcarousel{margin: 0px auto;}




/*------------------------------------------
オンマウスで画像を透明化
------------------------------------------*/
a img{
background:none!important;
}
 
a:hover img{

opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
/*background:none!important;*/
/*transform: scale(1.01);*/	/*画像の拡大率*/
/*transition-duration: 0.3s;*/	/*変化に掛かる時間*/

}


/*------------------------------------------
常駐リンクアイコン
------------------------------------------*/
#to-search {
	position: fixed;
	width: 45px;
	height: 60px;
	right:0px;
	bottom: 220px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #f00;
}

.to-search-icon {
	color: #000;
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-weight: bold;
	text-align:center;
	line-height:16px;
	opacity: 1.0;
}


#to-online {
	position: fixed;
	width: 45px;
	height: 60px;
	right:0px;
	bottom: 160px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #f00;
}
.to-online-icon {
	color: #000;
	font-size: 11px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-weight: bold;
	text-align:center;
	line-height:12px;
	opacity: 1.0;
}

#to-official {
	position: fixed;
	width: 45px;
	height: 60px;
	right:0px;
	bottom: 100px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #f00;
}
.to-official-icon {
	color: #000;
	font-size: 11px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-weight: bold;
	text-align:center;
	line-height:12px;
	opacity: 1.0;
}