@charset "UTF-8";





ul.bnr-allpage{
	margin:0 0 5px;
	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.bnr-allpage li {
	border:0px solid #999;
	width:49.4%;
	margin: 0.3%;
	margin-bottom: 20px;
	padding: 0px;
	background-color:#fff;
	font-size: 12px;
	font-family: bookman old style;
 	list-style:none;
}		
ul.bnr-allpage li img{
	width:100%;
	border:solid 1px #000;
	padding:0;
	-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;	
}


.al-c{
width:90%;
margin:0px auto;

}


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



@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:49.5%;
	margin: 0.2%;
	margin-bottom: 1.2%;
	padding: 0;
	background-color:#fff;
	font-size: 14px;
	font-family: bookman old style;
 	list-style:none;
}		
li.section-wrap2index img{
	width:99%;
	padding:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 4px 4px 4px #000045;
    -moz-box-shadow: 4px 4px 4px #000045;
    -webkit-box-shadow: 4px 4px 4px #000045;	
}




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.pagebnrlist-border1-3-3-2{
	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.pagebnrlist-border1-3-3-2 li {
	width:32.2%;
	margin:0.3%;
	padding:0;
	border:1px solid #000;
	margin-bottom: 10px;
	background-color:#fff;
	list-style:none;
}		
ul.pagebnrlist-border1-3-3-2 li img{
	width:100%;
}


ul.bnr-list-index{
	margin:-0 0 10px 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;
	width:100%;

}
li.bnr-list-index {
	width:19.0%;
	margin:0.5%;
	padding:0;
	border:0px solid #000;
	margin-bottom: 0.1%;
	background-color:#fff;
	list-style:none;
	background-image: url("https://www.muraspo.jp/value-surfboard/images/bnr-menu1-haikei.png");
	background-size: cover;
}		
li.bnr-list-index img{
	width:100%;
}


















ul.youtube-list{
    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%;
	margin:0px auto;
}
ul.youtube-list li {
        border:0px solid #999;
		width:48.5%;
		margin: 0.5%;
		margin-bottom: 1.2%;
		padding: 0px;
		background-color:#fff;
		font-size: 12px;
		font-family: bookman old style;
        list-style:none;
    }




ul.sen-nashi2 {
	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%;
	margin:0px auto;
}
 
ul.sen-nashi2 li{
		width:46.8%;
		margin: 1.5%;
		margin-bottom: 20px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-nashi2 li img{
	width: 98%;
	padding:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 4px 4px 4px #000045;
    -moz-box-shadow: 4px 4px 4px #000045;
    -webkit-box-shadow: 4px 4px 4px #000045;		
}

ul.sen-nashi2 li hr{
	border: 0.5px solid #000;
}

ul.sen-nashi2 li p{
	text-align: center;
}





ul.sen-nashi3 {
	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%;
	margin:0px auto;
}
 
ul.sen-nashi3 li{
		border:0px solid #000;
		width:32%;
		margin: 0.3%;
		margin-bottom: 20px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-nashi3 li img{
	width: 100%;
}

ul.sen-nashi3 li hr{
	border: 0.5px solid #000;
}

ul.sen-nashi3 li p{
	text-align: center;
}



ul.sen-nashi4 {
	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%;
	margin:0px auto;
}
 
ul.sen-nashi4 li{
		border:0px solid #000;
		width:24%;
		margin: 0.3;
		margin-bottom: 20px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-nashi4 li img{
	width: 100%;
}

ul.sen-nashi4 li hr{
	border: 0.5px solid #000;
}

ul.sen-nashi4 li p{
	text-align: center;
}



ul.sen-ari2 {
	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%;
	margin:0px auto;
}
 
ul.sen-ari2 li{
		border:1px solid #000;
		width:48%;
		margin: 0.5%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-ari2 li img{
	width: 100%;
}

ul.sen-ari2 li hr{
	border: 0.5px solid #000;
}

ul.sen-ari2 li p{
	text-align: center;
}


ul.sen-ari3 {
	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%;
	margin:0px auto;
}
 
ul.sen-ari3 li{
		border:1px solid #000;
		width:32%;
		margin: 0.3%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-ari3 li img{
	width: 100%;
}

ul.sen-ari3 li hr{
	border: 0.5px solid #000;
}

ul.sen-ari3 li p{
	text-align: center;
}


ul.sen-ari4 {
	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%;
	margin:0px auto;
}
 
ul.sen-ari4 li{
		border:1px solid #000;
		width:24%;
		margin: 0.3%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-ari4 li img{
	width: 100%;
}

ul.sen-ari4 li hr{
	border: 0.5px solid #000;
}

ul.sen-ari4 li p{
	text-align: center;
}

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


ul.cat-banner-list {
	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%;
	margin:0px auto;
}
 
ul.cat-banner-list li{
		width:32.6%;
		margin: 0.3%;
		margin-bottom: 10px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.cat-banner-list li img{
	width: 98%;
	padding:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 4px 4px 5px #000045;
    -moz-box-shadow: 4px 4px 5px #000045;
    -webkit-box-shadow: 4px 4px 5px #000045;		
}

ul.cat-banner-list li hr{
	border: 0.5px solid #000;
}

ul.cat-banner-list li p{
	text-align: center;
}


.cont-textoverlay{
	background:rgba(255,255,255,0.5);
}



}  /* 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:49.5%;
	margin: 0.2%;
	margin-bottom: 1.2%;
	padding: 0px;
	background-color:#fff;
	font-size: 14px;
	font-family: bookman old style;
 	list-style:none;
}		
li.section-wrap2index img{
	width:98%;
	padding:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    box-shadow: 4px 4px 4px #000045;
    -moz-box-shadow: 4px 4px 4px #000045;
    -webkit-box-shadow: 4px 4px 4px #000045;		
}



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.pagebnrlist-border1-3-3-2{
	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.pagebnrlist-border1-3-3-2 li {
	width:32.2%;
	margin:0.3%;
	padding:0;
	border:1px solid #000;
	margin-bottom: 10px;
	background-color:#fff;
	list-style:none;
}		
ul.pagebnrlist-border1-3-3-2 li img{
	width:100%;
}



ul.bnr-list-index{
	margin: 0 0 10px 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;
	width:100%;
}
li.bnr-list-index {
	width:19.0%;
	margin:0.5%;
	padding:0;
	border:0px solid #000;
	margin-bottom: 0;
	background-color:#fff;
	list-style:none;
	background-image: url("https://www.muraspo.jp/value-surfboard/images/bnr-menu1-haikei.png");
	background-size: cover;
}		
.bnr-list-index img{
	width:100%;
}












ul.youtube-list{
    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%;
	margin:0px auto;
}
ul.youtube-list li {
        border:0px solid #999;
		width:48.5%;
		margin: 0.5%;
		margin-bottom: 1.2%;
		padding: 0px;
		background-color:#fff;
		font-size: 12px;
		font-family: bookman old style;
        list-style:none;
    }





ul.sen-nashi2 {
	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%;
	margin:0px auto;
}
 
ul.sen-nashi2 li{
		width:46.8%;
		margin: 1.5%;
		margin-bottom: 20px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-nashi2 li img{
	width: 98%;
	padding:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 4px 4px 4px #000045;
    -moz-box-shadow: 4px 4px 4px #000045;
    -webkit-box-shadow: 4px 4px 4px #000045;		
}

ul.sen-nashi2 li hr{
	border: 0.5px solid #000;
}

ul.sen-nashi2 li p{
	text-align: center;
}





ul.sen-nashi3 {
	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%;
	margin:0px auto;
}
 
ul.sen-nashi3 li{
		border:0px solid #000;
		width:32%;
		margin: 0.3%;
		margin-bottom: 20px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-nashi3 li img{
	width: 100%;
}

ul.sen-nashi3 li hr{
	border: 0.5px solid #000;
}

ul.sen-nashi3 li p{
	text-align: center;
}



ul.sen-nashi4 {
	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%;
	margin:0px auto;
}
 
ul.sen-nashi4 li{
		border:0px solid #000;
		width:24%;
		margin: 0.3;
		margin-bottom: 20px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-nashi4 li img{
	width: 100%;
}

ul.sen-nashi4 li hr{
	border: 0.5px solid #000;
}

ul.sen-nashi4 li p{
	text-align: center;
}



ul.sen-ari2 {
	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%;
	margin:0px auto;
}
 
ul.sen-ari2 li{
		border:1px solid #000;
		width:48%;
		margin: 0.5%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-ari2 li img{
	width: 100%;
}

ul.sen-ari2 li hr{
	border: 0.5px solid #000;
}

ul.sen-ari2 li p{
	text-align: center;
}


ul.sen-ari3 {
	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%;
	margin:0px auto;
}
 
ul.sen-ari3 li{
		border:1px solid #000;
		width:32%;
		margin: 0.3%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-ari3 li img{
	width: 100%;
}

ul.sen-ari3 li hr{
	border: 0.5px solid #000;
}

ul.sen-ari3 li p{
	text-align: center;
}


ul.sen-ari4 {
	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%;
	margin:0px auto;
}
 
ul.sen-ari4 li{
		border:1px solid #000;
		width:24%;
		margin: 0.3%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-ari4 li img{
	width: 100%;
}

ul.sen-ari4 li hr{
	border: 0.5px solid #000;
}

ul.sen-ari4 li p{
	text-align: center;
}


ul.finlist2 {
	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%;
	margin:0px auto;
}
 
ul.finlist2 li{
		border:1px solid #000;
		width:48%;
		margin: 0.5%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.finlist2 li img{
	width: 100%;
}

ul.finlist2 li hr{
	border: 0.5px solid #000;
}

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



ul.cat-banner-list {
	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%;
	margin:0px auto;
}
 
ul.cat-banner-list li{
		width:32.6%;
		margin: 0.3%;
		margin-bottom: 10px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.cat-banner-list li img{
	width: 98%;
	padding:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 4px 4px 5px #000045;
    -moz-box-shadow: 4px 4px 5px #000045;
    -webkit-box-shadow: 4px 4px 5px #000045;		
}

ul.cat-banner-list li hr{
	border: 0.5px solid #000;
}

ul.cat-banner-list li p{
	text-align: center;
}


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






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

@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:49.5%;
	margin: 0.2%;
	margin-bottom: 1.2%;
	padding: 0px;
	background-color:#fff;
	font-size: 14px;
	font-family: bookman old style;
 	list-style:none;
}		
li.section-wrap2index img{
	width:98%;
	padding:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    box-shadow: 4px 4px 4px #000045;
    -moz-box-shadow: 4px 4px 4px #000045;
    -webkit-box-shadow: 4px 4px 4px #000045;	
}






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.pagebnrlist-border1-3-3-2{
	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.pagebnrlist-border1-3-3-2 li {
	width:49.2%;
	margin:0.3%;
	padding:0;
	border:1px solid #000;
	margin-bottom: 10px;
	background-color:#fff;
	list-style:none;
}		
ul.pagebnrlist-border1-3-3-2 li img{
	width:100%;
}

ul.bnr-list-index{
	width:100%;
	margin:0px auto;
    margin-bottom: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;
}
li.bnr-list-index {
	width:24.0%;
	margin:0.5%;
	padding:0;
	border:0px solid #000;
	margin-bottom: 3px;
	background-color:#fff;
	list-style:none;
	background-image: url("https://www.muraspo.jp/value-surfboard/images/bnr-menu1-haikei.png");
	background-size: cover;
}		
li.bnr-list-index img{
	width:100%;
}





/* グリッドコンテンツ */




 


.site-header-conts{
margin-top:-19px;
}

.global-nav{
padding:28px 0 10px 10px;
}

ul.youtube-list{
    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%;
	margin:0px auto;
}
ul.youtube-list li {
        border:0px solid #999;
		width:98.5%;
		margin: 0.5%;
		margin-bottom: 1.2%;
		padding: 0px;
		background-color:#fff;
		font-size: 12px;
		font-family: bookman old style;
        list-style:none;
    }





ul.sen-nashi2 {
	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%;
	margin:0px auto;
}
 
ul.sen-nashi2 li{
		width:46.8%;
		margin: 1.5%;
		margin-bottom: 20px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-nashi2 li img{
	width: 98%;
	padding:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 4px 4px 4px #000045;
    -moz-box-shadow: 4px 4px 4px #000045;
    -webkit-box-shadow: 4px 4px 4px #000045;	
}

ul.sen-nashi2 li hr{
	border: 0.5px solid #000;
}

ul.sen-nashi2 li p{
	text-align: center;
}





ul.sen-nashi3 {
	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%;
	margin:0px auto;
}
 
ul.sen-nashi3 li{
		border:0px solid #000;
		width:32%;
		margin: 0.3%;
		margin-bottom: 20px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-nashi3 li img{
	width: 100%;
}

ul.sen-nashi3 li hr{
	border: 0.5px solid #000;
}

ul.sen-nashi3 li p{
	text-align: center;
}



ul.sen-nashi4 {
	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%;
	margin:0px auto;
}
 
ul.sen-nashi4 li{
		border:0px solid #000;
		width:24%;
		margin: 0.3;
		margin-bottom: 20px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-nashi4 li img{
	width: 100%;
}

ul.sen-nashi4 li hr{
	border: 0.5px solid #000;
}

ul.sen-nashi4 li p{
	text-align: center;
}



ul.sen-ari2 {
	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%;
	margin:0px auto;
}
 
ul.sen-ari2 li{
		border:1px solid #000;
		width:48%;
		margin: 0.5%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-ari2 li img{
	width: 100%;
}

ul.sen-ari2 li hr{
	border: 0.5px solid #000;
}

ul.sen-ari2 li p{
	text-align: center;
}


ul.sen-ari3 {
	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%;
	margin:0px auto;
}
 
ul.sen-ari3 li{
		border:1px solid #000;
		width:48%;
		margin: 0.3%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-ari3 li img{
	width: 100%;
}

ul.sen-ari3 li hr{
	border: 0.5px solid #000;
}

ul.sen-ari3 li p{
	text-align: center;
}


ul.sen-ari4 {
	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%;
	margin:0px auto;
}
 
ul.sen-ari4 li{
		border:1px solid #000;
		width:48%;
		margin: 0.3%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.sen-ari4 li img{
	width: 100%;
}

ul.sen-ari4 li hr{
	border: 0.5px solid #000;
}

ul.sen-ari4 li p{
	text-align: center;
}


ul.finlist2 {
	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%;
	margin:0px auto;
}
 
ul.finlist2 li{
		border:1px solid #000;
		width:98%;
		margin: 0.5%;
		margin-bottom: 20px;
		padding: 0 0 20px 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.finlist2 li img{
	width: 100%;
}

ul.finlist2 li hr{
	border: 0.5px solid #000;
}

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


ul.cat-banner-list {
	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%;
	margin:0px auto;
}
 
ul.cat-banner-list li{
		width:49.2%;
		margin: 0.3%;
		margin-bottom: 10px;
		padding: 0;
		background-color:#fff;
		list-style:none;
		text-align: center;
	}

ul.cat-banner-list li img{
	width: 98%;
	padding:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 4px 4px 5px #000045;
    -moz-box-shadow: 4px 4px 5px #000045;
    -webkit-box-shadow: 4px 4px 5px #000045;		
}

ul.cat-banner-list li hr{
	border: 0.5px solid #000;
}

ul.cat-banner-list li p{
	text-align: center;
}


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







span.anchorlink {
    position: relative;
    top: -120px;
    display: block;
}



.side-shiborikomi-header{
	width:fix;
	color:#2f1073;
	border-left:solid 10px #53268b;
	padding:2px 0 2px 4px;
/*	background: url("//www.muraspo.jp/value-surfboard/images/bnr-side-haikei.png") ;  */
	background-repeat:no-repeat;
}




.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-styling {
	position: fixed;
	width: 45px;
	height: 60px;
	right:0px;
	bottom: 340px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #000;
}

#to-styling img{
	width:60px;
}

.to-styling-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-enjoyridelife {
	position: fixed;
	width: 45px;
	height: 60px;
	right:0px;
	bottom: 280px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #000;
}

#to-enjoyridelife img{
	width:60px;
}

.to-enjoyridelife-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-online {
	position: fixed;
	width: 45px;
	height: 60px;
	right:0px;
	bottom: 220px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #000;
}

#to-online img{
	width:60px;
}

.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: 160px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #fff100;
}

#to-official img{
	width:60px;
}

.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;
}

#to-shoplist {
	position: fixed;
	width: 45px;
	height: 60px;
	right:0px;
	bottom: 100px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #f00;
}

#to-shoplist img{
	width:60px;
}

.to-shoplist-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-firewire {
	position: fixed;
	width: 60px;
	height: 60px;
	left:240px;
	bottom: 0px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #f00;
}

#to-firewire img{
	width:60px;
}

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



#to-lost {
	position: fixed;
	width: 60px;
	height: 60px;
	left:180px;
	bottom: 0px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #f00;
}

#to-lost img{
	width:60px;
}

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

#to-channel {
	position: fixed;
	width: 60px;
	height: 60px;
	left:120px;
	bottom: 0px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #f00;
}

#to-channel img{
	width:60px;
}

.to-channel-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-category {
	position: fixed;
	width: 60px;
	height: 60px;
	left:60px;
	bottom: 0px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #f00;
}

#to-category img{
	width:60px;
}

.to-category-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-search {
	position: fixed;
	width: 60px;
	height: 60px;
	left:0px;
	bottom: 0px;
	background-color: #fff;
	opacity: 1;
	z-index: 10;
	border:0px solid #f00;
}

#to-search img{
	width:60px;
}

.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;
}