@charset "euc-jp";
/* =========================================================
Custom Style
========================================================= */

#contents_full img { -webkit-backface-visibility: hidden; vertical-align:bottom; }

.switch {
	width:100%; height:auto; max-width:1000px;
	margin:0; padding:0;
}


/* =========================================================
  Layout
========================================================= */



/* =========================================================
  Custom
========================================================= */

/* topimg -----------------------------------------------*/

#topimg {
	width: 100%; max-width: none;
	display: table;
	position: relative;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#topimg img { width:100%; max-width:1000px; height:auto; }

/***追従するトップへ戻るボタン***/
#page-top {
	text-decoration:none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    background: #fff;
    color: #737373;
    padding: 10px;
    border: solid 1px;
    border-radius: 50%;
    box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
}
/***トップへ戻るボタンここまで***/

.corner_btn { max-width:700px; display: flex; margin:auto; text-align:center; color:#FFF; overflow: hidden; margin-bottom:20px; }
.corner_btn a { 
   width: 50%;
   padding: 10px 20px; margin:10px; color:#FFF;
   text-align: center; background:#4b423f; text-decoration: none; }

@media screen and (max-width: 1023px) {
#topimg img { width:100%; max-width:1000px; height:auto; }	
}

/* main section ----------------------------------------*/
#main_sec{
	padding: 30px 10px;
}
#maintxt{ font-size:14px; line-height:18px; color:#000;	margin-bottom:20px;}

#maintxt h1 {
	font-size:18px; text-align:center; 
	font-weight:bold;
	margin-bottom:20px;	
}

#jacketimage{
    display: flex;
	max-width: 800px;
    margin:auto;
}
#jacketimage .zoom{
    width: 50%;
	padding: 5px;
	overflow: hidden;
}

/* 画像スケール */
#jacketimage .zoom img{
  width: 100%;
  height: 100%;
  /* ヌルッと動くように */
  transition: 0.2s;
}
/* ボバー時のアクション */
#jacketimage .zoom img:hover{
  /* transformは変形プロパティ。値にscaleを指定すると拡大縮小することができる。 */
  transform: scale(1.1);
}

@media screen and (max-width: 639px) {
#main_sec{
	padding: 20px 10px 10px 20px;
}
}

/* corner -----------------------------------------------*/

/* corner title */
#jacket1 .corner_ttl, #jacket3 .corner_ttl {
	width: 100%;
	color:#59493f; font-weight:bold;
	font-size:21px;
	margin: 0px auto;
	margin: 40px 0 20px;
}
#jacket2 .corner_ttl {
	width: 100%;
	color:#59493f; font-weight:bold;
	font-size:21px;
	margin: 0px auto;
	margin: 40px 0 20px;
}
.corner_ttl img{
	max-width:640px;
}

/* corner section */
.corner_sec {
	padding:0px 0px;
}
.corner_txt { padding: 0px 0px 30px 0px; }
.cornerttl_txt { margin-bottom:40px; font-size:15px; }
.corner_img{ margin-bottom:20px; }
.corner_pt{ margin-bottom:10px;	}
.corner_box{ margin-bottom:20px; }

/* button */
.go_btn { margin: 10px 0 0; }
.go_btn a {
	background:#000;
	color:#FFF;
	padding:10px;
	text-decoration:none; display:block; 
}
.go_btn a:hover { background:#333; }


#jacket2  { padding:20px 0 20px; background:#f5f5f5; }

/* lineup big */
.lineup_big { width:100%; max-width:1000px; margin:0 auto; }
.lineup_big .row { margin-bottom: 80px; }
.lineup_big h3 {
	font-size:20px; color:#003567; text-align:left;
	border-left: 6px solid #003567;
	padding: 5px 0 5px 10px;
	margin: 0 0 10px 0;
}
.lineup_big .itemcomment {
	 text-align:left;
	 margin: 20px 0 20px;
}
.lineup_big .itembuybox {
	position:relative;
}
.lineup_big .itembuybox .itemphoto img { width:100%; height:auto; }
.lineup_big .itemphoto_sub img { width:100%; height:auto; max-width:406px; }
.lineup_big .itembuybox .iteminfo {
	position:absolute; bottom:20px; right:20px;
	padding: 15px;
	width:240px;
	background:rgba(255,255,255,0.7);
	font-size:12px; line-height:1.5;
}
.lineup_big .itembuybox .iteminfo p { margin: 0; }
.lineup_big .itembuybox .iteminfo .itemname { color:#000; padding:5px 0; }
.lineup_big .itembuybox .iteminfo .itemname_sub { color:#333; padding:5px 0; }
.lineup_big .itembuybox .iteminfo .itemprice { color:#F00; padding:5px 0; }

@media screen and (max-width: 1023px) {
.lineup_big .itembuybox .itemphoto img { width:100%; height:auto; }
.lineup_big .itembuybox .iteminfo {
	position:relative; bottom:0; right:0;
	width:100%;
	background:none;
	padding:0;
	font-size:14px; text-align:left;
}
.lineup_big .itembuybox .iteminfo .itemname { color:#000; margin-top:10px; }
.lineup_big .itembuybox .iteminfo .itemname_sub { color:#333; padding:0; }
.lineup_big .itembuybox .iteminfo .itemprice { color:#F00; padding:0; }
.lineup_big .itembuybox .iteminfo .go_btn {	text-align:center; margin: 10px 0 0; }
}

/* lineup medium */
.lineup_medium { width:100%; max-width:1000px; margin:0 auto; }
.lineup_medium h3 {
	font-size:20px; color:#003567; text-align:left;
	border-left: 6px solid #003567;
	padding: 5px 0 5px 10px;
	margin: 0 0 10px 0;
}
.lineup_medium .iteminfo {
	text-align:left;
	padding: 0 0 10px 0;
}

.lineup_medium .itemphoto img { width:100%; height:auto; }

.lineup_medium .itemname { color:#000; }
.lineup_medium .itemname_sub { color:#333; display:inline; }
.lineup_medium .itemprice {	color:#F00; display:inline; }
.lineup_medium .itemcolortip { text-align:right; }
.lineup_medium .itemcomment { text-align:left; margin: 10px 0 20px; }
.lineup_medium .go_btn { margin: 0 0 80px; }

/* lineup medium - subitem */
.lineup_medium .recommendcom { color:#666; text-align:left; }
.lineup_medium .subitem h3 {
	font-size:20px; color:#000; text-align:left;
	border:none;
	padding: 5px 0;
	margin: 0 0 10px 0;
}
.lineup_medium .subitem .go_btn { margin: 0 0 100px; }
.lineup_medium .subitem .go_btn a {	background:#0068b7; }
.lineup_medium .subitem .go_btn a:hover { background:#4a94cc; }

/* lineup small */
.lineup_small { width:100%; max-width:1000px; margin:0 auto; }
.lineup_small h3 {
	font-size:18px; color:#0068b7; text-align:left;
	border-left: 6px solid #0068b7;
	padding: 4px 0 4px 10px ;
	margin: 0 0 10px 0;
}
.lineup_small .iteminfo {
	text-align:left;
	padding: 0 0 10px 0;
}
.lineup_small .itemphoto img { width:100%; height:auto; }

.lineup_small .itemname { 
	color:#000;
}
.lineup_small .itemname_sub {
	color:#333;
}
.lineup_small .itemprice {
	color:#F00;
}
.lineup_small .go_btn {
	text-align:center;
	margin: 10px 0 80px;
}
@media screen and (max-width: 639px) {
.lineup_small .itemphoto {
	margin: 0 0 30px 0;
}
.lineup_small .go_btn {
	margin: 10px 0 0;
}
}




.lineupbox {
	width:1000px;
	margin:0 auto;
	background:#FFF;
}

.lineupbox span{
	display: block;
	margin-bottom:4px;
}

.lineupbox span img{
	margin-right:2px;
}

.lineupbox_top {
	margin-bottom:20px;
}

.lineupbox_catbtn{
	margin-bottom:30px;
}

.lineupbox_btm {
	
}

.lineupbox ul {
	padding:35px 0 0 35px;	
}

.lineupbox li {
	margin-right:30px;
	margin-bottom:40px;
	float:left;
}





#bigbnslider {
	margin:100px 0;
}