@charset "Shift_JIS";

/* 蜈ｱ騾壹せ繧ｿ繧､繝ｫ */
a { outline: none; }
.clear { clear:both; }
.pb10 { padding:0 0 10px 0; }
.pb15 { padding:0 0 15px 0; }
.pb20 { padding:0 0 20px 0; }
.pb40 { padding:0 0 40px 0; }
.vtop {vertical-align:top}

.button-box {
	padding:10px 0 27px 0;
	text-align:center;
}

.kome {
	text-align:right;
	color:#444444;
	font-size:12px;
	clear: both;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 0;
}

/* 6縺､縺ｮ繝｡繝ｪ繝�ヨ */
.merit1 { background:url(https://www.suruga-ya.jp/man/kaitori/img/merit1.jpg) no-repeat; }
.merit2 { background:url(https://www.suruga-ya.jp/man/kaitori/img/merit2.jpg) no-repeat; }
.merit3 { background:url(https://www.suruga-ya.jp/man/kaitori/img/merit3.jpg) no-repeat; }
.merit4 { background:url(https://www.suruga-ya.jp/man/kaitori/img/merit_04.jpg) no-repeat; }
.merit5 { background:url(https://www.suruga-ya.jp/man/kaitori/img/merit5.jpg) no-repeat; }
.merit6 { background:url(https://www.suruga-ya.jp/man/kaitori/img/merit6.jpg) no-repeat; }

.merit {
	padding:0 0 10px 0;
}

.merit p {
	margin:0;
	padding:0;
}

.merit div {
	width:243px;
	height:149px;
	float:left;
}

.merit .inner1 {
	padding:55px 15px 10px 12px;
	font-family:"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	line-height:1.3;
}

.merit .inner2 {
	padding:55px 85px 10px 12px;
	font-family:"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	line-height:1.3;
	font-size: 0.76em!important;
}


.merit .inner3 {
	padding:55px 70px 10px 12px;
	font-family:"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	line-height:1.3;
}

.s-font {
	font-size:11px;
	line-height:1.3;
}

.merit a {
	display:block;
	text-align:center;
}

span.merit-inner {
	display:block;
	height:54px;
}

/* 鬮倅ｾ｡雋ｷ蜿悶Μ繧ｹ繝� */
.banner-list {
	width:728px;
	height:220px;
	background:url(https://www.suruga-ya.jp/man/kaitori/img/bnr_list.jpg) no-repeat;
}

.banner-list p {
	padding:93px 0 0 406px;
}


/* 驕ｸ縺ｹ繧具ｼ偵▽縺ｮ雋ｷ蜿匁婿豕� */
#anshin-box {
	background:url(https://www.suruga-ya.jp/man/kaitori/img/img_anshin.jpg) no-repeat;
	width:372px;
	height:217px;
	float:left;
	margin:0 0 20px 0;
}

#anshin-box .inner {
	padding:103px 0 0 14px;
}

#anshin-box a {
	display:block;
	padding:0 0 10px 0;
	width: 175px;
}

#kantan-box {
	background:url(https://www.suruga-ya.jp/man/kaitori/img/img_kantan.jpg) no-repeat;
	width:352px;
	height:217px;
	float:left;
	margin:0 0 20px 0;
}

#kantan-box .inner {
	padding:126px 0 0 22px;
}


/* 縺顔筏霎ｼ縺ｿ譎ゅ�豕ｨ諢冗せ */
table.tbl-atention {
	margin:0 0 20px 0;
	border-collapse:collapse;
}

table.tbl-atention td {
	font-size:12px;
	line-height:140%;
}

#cnt-kaitori table.tbl-atention td p {
	padding:0 0 15px 0;
	color:#444444;
	font-size:12px;
}

#cnt-kaitori table.tbl-atention td ul{
	margin:0 0 15px 0;
	padding:0;
}

#cnt-kaitori table.tbl-atention td ul li {
	list-style:none;
	margin:0;
	padding:0;
}

table.tbl-atention td,table.tbl-atention th {
	background:url(https://www.suruga-ya.jp/man/kaitori/img/border.jpg) no-repeat bottom;
	padding:10px;
	margin:0px;
}
/*鬮倅ｾ｡雋ｷ蜿悶た繝輔ヨ*/

#menu .kouka {
margin:10px 0;
width:146px;
border-left:1px #996633 solid;
border-right:1px #996633 solid;
border-bottom:1px #996633 solid;
}

.kouka .title {
margin:0;
padding:0;
}

.kouka .soft {
width:136px;
border-top:1px #996633 solid;
padding:5px;
}

.kouka .soft_noBorder {
width:136px;
padding:5px;
}

.kouka .category {
color:#CC0000;
font-weight:bold;
font-size:80%;
line-height:130%;
}

.kouka .img {
text-align:center;
margin:6px 0 10px;
}

.kouka .title {
font-size:80%;
line-height:120%;
margin-bottom:3px;
}

.kouka .price {
color:#CC0000;
font-weight:bold;
font-size:80%;
margin-bottom:6px;
}

.kouka .list {
text-align:right;
font-size:80%;
margin-bottom:3px;
line-height:130%;
}

/*鬮倅ｾ｡雋ｷ蜿悶Μ繧ｹ繝医Γ繝九Η繝ｼ*/

.kouka ul {
margin:10px;
padding:0;
list-style:none;
}

.kouka li {
background-image:url(https://www.suruga-ya.jp/man/kaitori/img_top/kouka_pt.gif);
background-repeat:no-repeat;
background-position:left center;
padding:0 0 3px 12px;
font-size:80%;
}

#cnt-kaitori-sm {
	display: none;
}

/*雋ｷ蜿門ｼｷ蛹悶ち繧､繝医Ν*/


#tokushu_bx {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	width: 700px;
	height: 900px;
	background-color: #F6F6F6;
	border: 1px solid #DFDFDF;
	margin-bottom:20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.bx {
	width: 700px;
	height: 280px;
	margin-top:10px;
	margin-bottom:10px;
}
.bx h5 {
	margin-right:5px;
	padding-left:5px;
	background-color: #F90;
	color: #FFF;
}

#bx_top,
#bx_middle {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CACACA;
}
.kaitori_item {
	width: 170px;
	height: 280px;
	float:left;
}
.related_link {
	clear: both;
	background-image:url(https://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/konomangagasugoi/2014/yaji.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.related_link a:link{
	color: #333;
	text-decoration: none;
}
.related_link a:hover{
	color: #333;
}
.related_link a:active{
	color: #333;
}
.related_link a:visited{
	color: #333;
}
.related_link_ad {
	clear: both;
	background-image:url(https://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/konomangagasugoi/2014/yaji.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.related_link_ad a:link{
	color: #333;
	text-decoration: none;
}
.related_link_ad a:hover{
	color: #333;
}
.related_link_ad a:active{
	color: #333;
}
.related_link_ad a:visited{
	color: #333;
}
#here1,
#here2,
#here3,
#here4,
#here5,
#here6,
#here7,
#here8,
#here9,
#here10 {
	width: 170px;
	height: 280px;
	clear: both;
	margin: 0px;
}
.feature_item_box {
	width: 150px;
	height: 240px;
	float : left;
	font-size : 72%;
	font-size: 13px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
}
.feature_item_box_img {
	height: 110px;
	text-align: center;
}
.feature_item_box_img img {
	margin-bottom: 5px;
}
.feature_item_box_kubun1 {
	color : #ff6600;
}
.feature_item_box_kubun2 {
	color : #009900;
}
.feature_item_box_kubun3 {
	color : #ff30ff;
}
.feature_item_box_teika {
	display : none;
}
.feature_item_box_baika {
	color : red;
}
.text_link a:link{
	text-decoration: underline;
}

/* 雋ｷ蜿夜未騾｣縺ｮ縺顔衍繧峨○ */

.kaitori_topics {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Osaka,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic",sans-serif;
	width: 686px;
	margin: 0px auto;
	border: solid 1px #79BAB5;
	padding: 10px 20px;
	margin: -14px 0px 10px 0px;
}
.kaitori_topics p{
    font-size: 14px !important;
	line-height: 1.8 !important;
	margin-bottom: 5px;
}
.kaitori_topics span{
	font-size: 12px;
	color:#F90;
}

/*繝舌リ繝ｼ讓ｪ荳ｦ縺ｹ*/

.kaitori_banner {
	overflow: hidden;
}

.kaitori_banner .leftBox,
.kaitori_banner .rightBox {
	width: 358px;
	float: left;
}

.kaitori_banner .rightBox {
	margin-left: 10px;
}



/*------kaitori_tokushu-------*/


#kaitori_tokushu h3{
	background:#006667;
font-weight:bold;
	font-size:1.2em;
	padding:7px 10px;
	border-radius:5px;
	margin:0 0 1em;
	text-align:center;
}
#kaitori_tokushu p{
	text-align:center;
	font-size:1em;
}
#kaitori_tokushu .white{
		color:#FFF;
}
#kaitori_tokushu .yellow{
		color:#ff0;
}
#kaitori_tokushu .red{
		color:#f00;
		font-weight:bold;
}
#kaitori_tokushu .red::before{
	content:'';
}
#kaitori_tokushu a{
	text-decoration:none;
}
#kaitori_tokushu a:hover img{
	opacity:.8;
}
#kaitori_tokushu .flex-box ul{
	width: 100%;
	display:flex;
	flex-wrap:wrap;
}
#kaitori_tokushu .col6 li{
	box-sizing:border-box;
	width: calc(100% / 3 - 10px);
	margin:5px;
	border:1px solid #006667;
	border-radius:5px;
	background:#006667;
	overflow:hidden;
}
@media screen and (min-width:400px) {
	#kaitori_tokushu .col6 li {
		width: calc(100% / 4 - 10px);
	}
}
@media screen and (min-width:600px) {
	#kaitori_tokushu .col6 li {
		width: calc(100% / 5 - 10px);
	}
}

@media screen and (min-width:768px) {
	#kaitori_tokushu .col6 li {
		width: calc(100% / 6 - 10px);
	}
}
#kaitori_tokushu .feature_item_box_img {
	box-sizing:border-box;
	width: 100%;
	padding-top: 100%!important;
	position: relative;
	background-color: #FFF;
}

#kaitori_tokushu .feature_item_box_img img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: auto;
	background: #FFF;
}

#kaitori_tokushu .feature_item_box_name{
	padding:3px;
	text-align:center;
	color:#FFF;
}