@charset "utf-8";


/*
-----------------------------------------------
www.suruga-ya.jp tokushu page base style

Version: 1.0
Creat :2015.10.28
----------------------------------------------- 
*/



#main2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#main2 a,
#main2 a:link,
#main2 a:visited,
#main2 a:active {
	color: #0E83CD;
	text-decoration: none;
}
#main2 a:hover {
    opacity:0.8;
}


/*-----------------------------------------------

title h3～h5

-----------------------------------------------*/

h3 img {
    width: 100%;
}

h3,h4,h5{
	margin-bottom: 20px;
    width: 100%;
	box-sizing: border-box;
	clear: both;
}

h4 {
    background: transparent linear-gradient(to bottom, #FFF 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%) repeat scroll 0% 0%;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
	padding: 10px 0px 10px 20px;
}
h4 a {
    display: block;
    text-decoration: none;
    padding-right: 20px;
    background-image: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/titlearrow_blue.png);
    background-repeat: no-repeat;
    background-position: 97% center;
}
h5 {
	background: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/arrow_bottom.png) no-repeat left center;
    border-bottom: 1px dotted #CCC;
	padding: 10px 0px 10px 40px;
}
h5.star {
	background: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/star.png) no-repeat left center;
}
h5.heart {
	background: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/heart.png) no-repeat left center;
}
h5.nice {
	background: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/nice.png) no-repeat left center;
}
h5.sale {
	background: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/sale.png) no-repeat left center;
}
h6 {
	background: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/idea.png) no-repeat left center;
	padding: 0px 10px 5px 35px;
}
h6.nice {
	background: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/nice.png) no-repeat left top;
}


/*-----------------------------------------------

introduction 特集ページの概要説明

-----------------------------------------------*/


#introduction {  
    display: none;
}


/*-----------------------------------------------

recommend_item イチオシ商品

-----------------------------------------------*/

#recommend_item {  
    border: 1px solid #CCC;
	margin: 20px 10px;
	clear:both;
}
#recommend_item p {
	display:none;
}
#recommend_item dl {
}
#recommend_item dt {
	text-align: center;
}
#recommend_item dd {

}


/*-----------------------------------------------

nav ページ内ナビゲーション

-----------------------------------------------*/


/*--デフォルト５カラム-- */

#nav {
    width: 100%;
}
#nav ul {
    padding: 0px;
	border-top: 1px solid #CCC;
}
#nav ul li {
	width: 100%;
	background: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/arrow_bottom.png) no-repeat right center;
	border-bottom: 1px solid #CCC;
	box-sizing: border-box;
	padding: 10px 0px 10px 10px;
	margin: 0px 1px;
}
#nav ul li a {
    display: block;
    text-decoration: none;
}



/*--その他カラム変更など-- */


#nav a:link,
#nav a:visited,
#nav a:active {
	color: #333;
	text-decoration: none;
	font-weight: 100;
}
#nav a:hover {
    opacity:0.6;
} 


/*-----------------------------------------------

related_link h4・h5の直下に設置するリンク

-----------------------------------------------*/


.related_link {
	width: 100%;
	margin-top: -10px;
}
.related_link ul {
    padding: 0px;
}
.related_link ul li {
	background: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/circlearrow_blue.png) no-repeat left center;
	box-sizing: border-box;
	padding: 10px 0px 10px 30px;
	margin: 0px 10px;
}

/*-----------------------------------------------

link_groups　リンクグループ　

-----------------------------------------------*/

/*--デフォルト５カラム-- */

#link_groups {
    width: 100%;
	margin: 10px;
	clear: both;
}
#link_groups .txtpiclinks {
	width: 100%;
	border-top: 1px solid #CCC;
}
#link_groups .txtpiclinks dl {
	width: 100%;
	border-bottom: 1px solid #CCC;
	display: table;
	padding-bottom: 10px;
}
#link_groups .txtpiclinks dt{
	width:100px;
	padding-right: 20px;
	display: table-cell;
	vertical-align: middle;
}
#link_groups .txtpiclinks dt img {
	max-width:100px;
}
#link_groups .txtpiclinks dd{
	text-align: left;
	display: table-cell;
	vertical-align: middle;
}


/*-----------------------------------------------

商品リスト表示　

-----------------------------------------------*/

.viewport {
	max-width: 100%;
	overflow:hidden;
}
#here1,
#here2,
#here3,
#here4,
#here5,
#here6,
#here7,
#here8,
#here9,
#here10 {
	min-height: 200px;
	margin: 0px auto 20px auto;
	clear: both;
}

.feature_item_box_baika_amount{
	color : red;
}

#here1:after,
#here2:after,
#here3:after,
#here4:after,
#here5:after,
#here6:after,
#here7:after,
#here8:after,
#here9:after,
#here10:after {
	content     : ".";
	display     : block;
	height      : 0;
	clear       : both;
	visibility  : hidden;
	line-height : 0;
}

.feature_item_box {
    width  : 180px;
	min-width: 180px !important;
	box-sizing: border-box;
	float: left;
	font-size: 72%;
	padding: 0px 18px;
	margin-bottom: 20px;
}
.feature_item_box_img {
	width : 100%;
	height: 200px;
	position: relative;
}
.feature_item_box_img img {
	width : 100%;
	max-height: 200px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.feature_item_box_title{
	min-height: 80px;
}
.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_amount{
	color : red;
}
.loading {
	height: 200px;
}

/*--金額のみの表示-- */


#price {
	width: 100%;
	padding-left: 15px;
}
#price:after {
	content     : ".";
	display     : block;
	height      : 0;
	clear       : both;
	visibility  : hidden;
	line-height : 0;
}
#price .feature_item_box {
	width: 100%;
}
#price .feature_item_box_title,
#price .feature_item_box_img {
	display : none;
}
#price .loading {
	height: 0px;
}


/*-----------------------------------------------

アコーディオンメニュー

-----------------------------------------------*/


.acMenu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	clear:both;
}
.acMenu dt {
	display:block;
	text-decoration: none;
	padding: 10px 0px 10px 10px;
	margin: 0px 1px;
	background-image: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/arrow_bottom.png);
	background-repeat: no-repeat;
	background-position: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.acMenu dd {
	/* FF3.6+ */
	background-image: url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/arrow_right_blue.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 10px 0px 10px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
    display:none;
}
.acMenu dt.active{
    background:url(http://www.suruga-ya.jp/drupal/sites/default/files/pics/feature/arrow_bottom.png) 177px 18px no-repeat;
	background-repeat: no-repeat;
	background-position: right;
}


/*-----------------------------------------------

sakuhin_list 作品リスト

-----------------------------------------------*/


.sakuhin_list {
	width: 100%;
}
.sakuhin_box {
	width: 100%;
}
.sakuhin{
	display: table;
	padding: 10px 0px;
	border-bottom: 1px solid #CCCCCC;
}
.sakuhin_pic {
	width: 20%;
	text-align: right;
	vertical-align: top;
	display: table-cell;
	padding: 0px 0px 0px 10px;
}
.sakuhin_pic img {
	max-width: 72px;
}
.sakuhin_txt {
	width: 80%;
	vertical-align: top;
	display: table-cell;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
}
.sakuhin_txt dl {
	margin: 0px;
}
.sakuhin_txt .link {
	margin-top: 10px;
}



/*-----------------------------------------------

ページスクロール　

-----------------------------------------------*/


#pageScroll {
    text-align: center;
    margin: 40px 0px 10px;
    clear: both;
    overflow: hidden;
}