@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 {
	background: #EEE;
	background-image: url("img/xmas-bg-topimg.jpg");
	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; }
@media screen and (max-width: 1023px) {
#topimg img { width:100%; max-width:1000px; height:auto; padding: 0 10px;}	
}

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

#maintxt h1 {
	font-size:18px; text-align:center; color:#ffffff;
	margin-bottom:20px;	
}
.corner_btn{
	margin: 10px;	
}

.corner_btn img{
	margin: 10px 10px;	
}

.benefits {
	vertical-align:center;
	max-width:900px;
	margin: 50px auto;
}	
	
	
/* corner -----------------------------------------------*/

/* corner title */
.corner_ttl1 {
	background: #a40000;
	width: 100%;
	padding: 0px 0;
	margin: 0 auto;
}
.corner_ttl1 img{ width:100%; max-width:1000px; height:auto; }
@media screen and (max-width: 1023px) {
	.corner_ttl1 img{ width:100%; max-width:1000px; height:auto; padding: 0 10px;}	
}

.corner_ttl2 {
	background: #313131;
	width: 100%;
	padding: 0px 0;
	margin: 0 auto;
}
.corner_ttl2 img{ width:100%; max-width:1000px; height:auto; }
@media screen and (max-width: 1023px) {
	.corner_ttl2 img{ width:100%; max-width:1000px; height:auto; padding: 0 10px;}	
}

/* corner section */
.corner_sec {
	padding:50px 0px;
	background:#FFF;
}
.corner_txt { padding: 0px 0px 50px 0px; }
.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:#a37429;
	color:#FFF;
	padding:10px;
	text-decoration:none; display:block; 
}
.go_btn a:hover { background:#333; }

#jacket1, #jacket2, #jacket3 { margin: 0 0 50px 0; }

/* lineup big */
.lineup_big { width:100%; max-width:1000px; margin:0 auto; }
.lineup_big .row { margin-bottom: 100px; }
.lineup_big h3 {
	font-size:20px; color:#a40000; text-align:left;
	border-left: 6px solid #af4425;
	padding: 5px 0 5px 10px;
	margin: 0 0 10px 0;
}



.lineup_big .itemcomment {
	 text-align:left;
	 margin: 10px 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.5);
	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; padding:0; }
.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:#af4425; text-align:left;
	border-left: 6px solid #af4425;
	padding: 5px 0 5px 10px;
	margin: 0 0 10px 0;
}
.lineup_medium .iteminfo {
	text-align:left;
	padding: 0 0 10px 0;
}



/* ‰¡•À‚уŒƒCƒAƒEƒg */
.lineup_medium .row {
    display: flex;         /* ƒtƒŒƒbƒNƒXƒ{ƒbƒNƒX‚ð“K—p */
    flex-wrap: wrap;       /* ‰¡•�‚ð’´‚¦‚½�ê�‡�Ü‚è•Ô‚· */
    gap: 20px;             /* —v‘fŠÔ‚ÌŠÔŠu‚ð’²�® */
    justify-content: space-between; /* �…•½‚ÉŠÔŠu‚ð‹Ï“™”z’u */
}

/* Še—v‘f‚Ì•�‚ð’²�® */
.large-6 {
    flex: 1 1 calc(50% - 20px); /* 50%‚Ì•�‚ÅŠÔŠu‚ð�l—¶ */
    box-sizing: border-box;     /* ƒpƒfƒBƒ“ƒO‚âƒ}�[ƒWƒ“‚̉e‹¿‚ð”r�œ */
}

/* ƒŒƒXƒ|ƒ“ƒVƒu‘Ήž�iƒ‚ƒoƒCƒ‹Œü‚¯�j */
@media screen and (max-width: 768px) {
    .large-6 {
        flex: 1 1 100%; /* ‹·‚¢‰æ–Ê‚Å‚Í1—ñ•\Ž¦ */
    }
}




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

/* 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;
}
}


.category_btn{
	text-align:center;
	margin: 10px;
	max-width: 1000px;	
}
@media screen and (max-width: 639px) {
.category_btn {
	margin: 10px;
}
}

.category_btn img{
	margin: 10px 5px;	
}


/*
.lineup_big li {
	margin-bottom:70px;
}

.lineup_small {
	width:1000px;
	margin:0 auto;
}

.lineup_small li {
	float: left;
	margin:10px;
margin-bottom:100px;
}

.lineup_medium {
	width:1000px;
	margin:0 auto;
}

.lineup_medium li {
	float: left;
	margin:14px;
margin-bottom:100px;
}

*/


/* lineupbox
2¥«¥é¥à¤Î¡¦Eç¤Ï²èÁ¡¦¡¦50px
3¥«¥é¥à¤Î¡¦Eç¤Ï²èÁ¡¦¡¦90px
4¥«¥é¥à¤Î¡¦Eç¤Ï²èÁ¡¦¡¦10px
*/

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

.category_btn {
	max-width:900px;
	margin: 30px auto;
}