@charset "UTF-8";
/*common styles*/

/* ---------- 大小の共通設定 --------- */

.costblock span {
	font-size:14px
}

.attentionblock span {
	font-weight:bold;
	color:#F00;
}

p img {
	width:100%;
	height:auto;
}

/* ---------- min-width: 641px ---------- */
@media screen and (min-width: 641px){

.leftcontentblock02 {
	float:left; 
	width:11.5%; 
	margin-top:20px;
	margin-right:2.1%;
}

.leftcontentblock03 {
	float:left;
	width:21.2%; /*200px*/
	margin-right:2.1%; /*20px*/
} 

.linktext {
	margin-top:20px;
}

/* ---- サーフボード ブランド ---- */
.brandblock01  {
	float:left;
	width:150px; /*200px*/
	margin-right: 45px; /*40px*/
	margin-bottom: 30px; /*40px*/
}

.brandblock02 {
	float:left;
	width:150px; /*200px*/
}

.brandblock03 {
	float:left;
	width:100px;
	margin-right:16.1%; /*20px*/
}
/*------*/

/* ---- サーフボード 修理 ---- */
table {
	marigin-top:20px;
	border-collapse: separate;
	border-spacing: 0;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	text-align:center;
}

table th {
	width:313px;
	background-color:#CCC;
	text-align:center;
}

table td {
	border-bottom:1px solid #999;
}

.border {
	border-right:1px solid #999;
}

.rightbox {
	float:left;
	width:21.2%; /*200px*/
	margin-right:2.1%; /*20px*/
}

.rightbox img {
	border:1px solid #666;
}

.rightbox_text {
	float:left;
	width:53.1%; /*500px;*/
}
/*------*/

/* ---- 商品詳細 ---- */

.leftblock02 {
	float:left;
	width:36.1%; /*340px*/
	margin-right:3.1%; /*30px*/
}

.rightblock02 {
	float:left;
	width:60.6%; /*570px*/
}

.parallel {
	margin-bottom:20px;
}

.parallel p {
	float:left;
	width:100px; 
	margin-right:10px;
	border-radius: 5px; 
	background-color:#a4a1a1;
	text-align:center; 
	color:#FFF;
}

.costblock {
	margin-top:20px;
	padding:10px;
	background-color:#db4d4d;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
}

.costblock span {
	font-size:14px;
}
/*------*/

/* ---- ウエットスーツ ---- */

p.feare {
	padding:10px;
}


.leftblock01, .rightblock01 {
	float:left;
	width:28.9%; /*275px*/
	margin-top:20px;
}

.centerblock01 {
	float:left;
	width:28.9%; /*275px*/
	margin:20px 5.8% 0; /*55px*/
}

.leftblock01_img, .centerblock01_img {
	width:58.5%; /*161px*/
	margin:0 auto;
}

.rightblock01_img {
	width:92.7%; /*255px*/
	margin:0 auto;
}
/*------*/

/* ---- サーフギア ---- */
.geareblock {
	float:left;
	width:150px; /*275px*/
	margin-top:20px;
}

.geareblock01 {
	float:left;
	width:150px; /*275px*/
	margin-top:20px;
	margin-right:8px;
}

.geareblock01 h3 {
	text-align:center;
}

.leftblock03_img, .centerblock03_img {
	width:82px; /*161px*/
	margin:0 auto;
}
.wetsuite-brand__item {
	display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
}
.brand-item {
	margin: 20px;
}
.brand-item img {
	width: 100%;
	max-width: 150px;
}
.is-small {
	width: 10%;
}

strong {
	font-weight: bold;
	color: #fd566a;
}


/* ---- 店舗情報 ---- */

#map {
	padding: 0 10px;
}

#map iframe {
	width:99.7%;
	border:1px solid #999;
}

.contentblock02 dl {
	padding:10px 10px 0;
}

.contentblock02 dd {
	margin-bottom: 25px;
	padding-left: 90px;
	border-bottom: 1px dotted #999999; 
}
/*------*/

.rightcontentblock02 {
	float:right;
	width:86.2%; /*821px*/
	margin-top:50px;
}

.textblock02 {
	float:left;
	width:76.5%; /*720px*/
}

.rightcontent-inner {
	float:right;
	width:47.5%; /*390px*/
	margin-bottom:30px;
}

.leftcontent-inner {
	float:left;
	width:47.5%; /*390px*/
	margin-right:2.4%; /*20px*/
	margin-bottom:30px;
}

h3 {
	margin-bottom:10px;
	padding-left: 10px;
	border-radius: 5px; 
	background-color:#CCC;
	color:#3f3f3f;
}

}
/* ---------- min-width: 641px ---------- */


/* ---------- max-width: 641px ---------- */
@media screen and (max-width: 640px){
	
	h1 {
		margin:0 0 15px 10px;
		border-bottom:#000;
	}
	
	.contentblock03 {
	width:100%;
	min-width:320px;
	margin:15px 0;
	border-top: 1px solid #F57988;
	}
	
	.leftcontentblock02 {
	float:left;
	width:17.1%; /*110px*/ 
	margin:10px 3.12% 10px 1.56%; /*20px 10px*/
	}
	
	.linktext {
	margin: 20px auto 0;
    min-width: 300px;
    padding: 0 10px;
    width: 93.75%;
	}

/* --- サーフボード オーダー --- */
	.brandblock01, .brandblock02, .leftcontentblock03 {
	width:150px; /*200px*/
	margin:30px auto; /*20px*/
	}

	.brandblock03 {
	width:100px;
	margin:20px auto; /*20px*/
	}
	
/*---------*/

/* --- サーフボード 修理 --- */
	.rightbox {
	width:200px;
	margin:20px auto;
	}

	.rightbox img {
	border:1px solid #666;
	}
	
	.contentblock02 h3, .rightblock02 h3 {
	margin:10px 5px;
	padding-left:10px;
	border-radius: 5px; 
	background-color:#CCC;
	color:#333333;
	}
	
	table {
	width:96.87%;
	min-width:300px;
	margin:20px auto;
	border-collapse: separate;
	border-spacing: 0;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	text-align:center;
	}

	table th {
	background-color:#CCC;
	text-align:center;
	}

	table td {
	width:100px;
	border-bottom:1px solid #999;
	}

	.border {
	border-right:1px solid #999;
	}
/*---------*/
/* ---- ウエットスーツ ---- */
	.leftblock01, .rightblock01, .centerblock01 {
	margin-top:20px;
	}

	.leftblock01_img, .centerblock01_img {
	width:161px; /*161px*/
	margin:0 auto;
	}

	.rightblock01_img {
	width:255px; /*255px*/
	margin:0 auto;
	}
	
	p.feare {
	margin:0 auto;
	width: 94.75%;
	min-width:300px;
	}

	.wetsuite-brand__item {
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		align-items: center;
	}

	.brand-item {
		width: 40%;
		margin: 20px 5%;
	}
	.brand-item img {
		width: 100%;
		min-width: 75px;
	}
	
	strong {
		font-weight: bold;
		color: #fd566a;
	}

/*------*/


/* ---- 商品詳細 ---- */
	.leftblock02 {
	width:170px; /*340px*/
	margin: 0 auto; /*30px*/
	}

	.costblock {
	min-width: 290px;
    padding: 10px;
	margin:0 5px 10px;
	background-color:#db4d4d;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	}
	
	.parallel {
	width:width: 93.75%;
	min-width: 300px;
	margin: 20px auto;
	padding: 0px 10px;

	}
	
	.parallel p {
	float:left;
	width:100px; 
	margin-right:5px;
	margin-bottom:5px;
	border-radius: 5px; 
	background-color:#a4a1a1;
	text-align:center; 
	color:#FFF;
}

/*------*/

/* ---- サーフギア ---- */
.geareblock {
	float:left;
	width:150px; /*275px*/
	margin-top:20px;
	margin-left:10px;
}

.geareblock01 {
	float:left;
	width:150px; /*275px*/
	margin-top:20px;
}

.geareblock01 h3 {
	text-align:center;
}

.leftblock03_img, .centerblock03_img {
	width:82px; /*161px*/
	margin:0 auto;
}

/* ---- 店舗情報 ---- */
	#map {
	margin:0 10px;
	border:1px solid #999;
	
	}

	#map iframe {
	width:99.3%;　/*298px*/
	border:1px solid #999;
	}
/*------*/
	.rightcontentblock02 {
	float:left;
	width:75%; /*480px*/
	margin-top:20px;
	margin-right:1.56%; /*10px*/
	}
	
	.leftcontentblock {
	margin-top:10px;
	}
	
	.rightcontentblock {
	margin-bottom:20px;
	}
	
	.leftcontent-inner, .rightcontent-inner {
	margin-bottom:10px;
	}
		
	.rightcontentblock h2 {
	display:none;
	}
	
	.contentblock02 h3, .rightcontent-inner h3, .leftcontent-inner h3 {
	margin-bottom:10px;
	padding-left:10px;
	border-radius: 5px; 
	background-color:#CCC;
	color:#333333;
	}
		
	.rightcontentblock p {
	 width:93.75%; /*750px*/
	 min-width:300px;
	 padding:0 10px;
}

}
/* ---------- max-width: 640px min-width: 471px ---------- */

/* ---------- max-width: 470px min-width: 320px ---------- */