@charset "UTF-8";


/*ページ内*/

/* 全体
------------------------------*/

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
}


a:hover img {
filter: alpha(opacity=90); opacity: 0.9;
}
a:hover img .none {
filter: alpha(opacity=10); opacity: 1.0;
}

body
{
	width: 100%;
	margin: 0;
	padding: 0;
	font-family:arial, メイリオ, 'ＭＳ Ｐゴシック';
}

a img {
	border:none;
}

a:link {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}

#main_contents{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}



/* header area css */
#head {
width:100%;
max-width: 1200px;
height:auto;
margin:0;
padding:0;
display:block;
text-align:center;
}

#head li {
list-style-type:none;
margin:0;
padding:0;
float:left;
}

#head ul{

	float: right;
}

.headtex {
margin:18px 0 0 10px;
padding:0;
font-size:10px;
color:#777777;
text-align:left;
font-family:arial, メイリオ, 'ＭＳ Ｐゴシック';
}

.headtex a {
text-decoration:none;
font-family:arial, メイリオ, 'ＭＳ Ｐゴシック';
}




/* header fix area css */


#header_fix_box{
	position: fixed;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 9999;
-webkit-transform: translate3d(0,0,0);/*chrome*/
}

.header_fix_back img{
	/*position: relative;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);*/
	width: 100%;
	max-width: 1020px;
}

.header_fix_back{
	background-color: #343e7c;
	border-bottom: 1px solid #343e7c;
}

.header_fix_back_2{
	width: 100%;
	height: 50px;
	background-color: #fff;
}
.header_fix_back_2 div{
	max-width:1200px;
}

.header_fix_back_2 li {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}

.header_fix_back_2 ul{
	margin: 8px 0 0 0;
	float: right;
}

.header_fix_back_3{
	width: 100%;
	height: 3px;
	background-color: #343E7C;
}
.header_fix_back_4{
	height: auto;
	background-color: #fff;
	}




/*切り替え*/

.FS2_ReturnSP {
margin:0;
padding:20px 10px;
font-size:45px;
}

.FS2_ReturnSP .FS2_ReturnSP_Btn {
margin:0;
padding:20px 10px;
font-size:45px;
}



#switch_pc_original {
width:100%;
background:#777777;
color:#ffffff;
padding:10px;
font-size:45px;
text-align:center;
}

#switch_pc_original .FS2_SystemNav_btnPC {
width:100%;
background:#777777;
color:#ffffff;
padding:10px;
font-size:45px;
text-align:center;
}



.sp_displayall {
display:none;
}



@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) ,
only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.sp_displayall{
display:inherit;
}
}










/*ヘッダーとサイド固定スマホだけ外す*/

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) ,
only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.link {
display:none;
}
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) ,
only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.headfix {
display:none;
}
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) ,
only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#rightfixed2 {
display:none;
}
}












/*追加*/

/*ヘッダーカテゴリbox*/
#head_cate {
	width: 100%;
	max-width:1200px;
	height: 40px;
	padding: 0;
	display: block;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
}

#head_wrapper {
	margin:10px 5px;
	width:100%;
    max-width: 300px;
	float:left;
}

#head_box1 {
	margin: 5px 0 5px 0;
	width:100%;
	float:right;
}
#head_box1 form{
    vertical-align: baseline;
}

#head_box2 {
	width:100%;
	float:right;
	font-size: 10px;
}

#fix_head_wrapper{
	margin:5px;
	width:480px;
	float:right;
}

#fix_head_box1 {
	width:40%;
	float:right;
}

#fix_head_box2 {
	margin: 5px 0 0 0;
	width:55%;
	float:right;
	font-size: 10px;
	text-align:right;
}
#fix_head_box2 a{
    color: #343e7c;
}

/*season information*/

.season_info{
	display: block;
	width: 800px;
	margin: 0 auto;
}

/*スクロール固定css*/
.head_cate_fixed {
	position: fixed;
	z-index: 4000;
	top: 64px;
	width: 100%;
}

/*サイドカテゴリ*/
.cater {
	margin:0 0 0 15px;
	padding:0;
	font-size:10px;
	line-height:150%;
	float: left;
}

/*MORE*/
.more_circle{
	border: 1px solid #343E7C;
	background-color: #fff;
	width: 145px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin: 0 auto;
	cursor: pointer;
	transition: all .5s ease;
	display: inline-block;
    font-size: 12px;
	}

.more_circle:hover{
	border: 1px solid #343E7C;
	background-color: #343E7C;
	color: #fff;
	transition: all .5s ease;
}

/*tab slick*/
.tab{
    overflow:hidden;
    }
.tab li{
    list-style: none;
    background:#dadada;
    color: #333;
    padding:5px 10px;
    float:left;
    margin-right:2px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    }
.tab li.select{
    background:#343e7c;
    color: #ffffff;
    }
.content li{
    position: relative;
    list-style: none;
    background:#fff;
    padding:20px;
    }
.hide {
    display:none;
    }

.tab-slider1,
.tab-slider2,
.tab-slider3,
.tab-slider4,
.tab-slider5,
.tab-slider6 {
     width:100%;
    font-size: 10px;
    }

.tab-slider1 div div,
.tab-slider2 div div,
.tab-slider3 div div,
.tab-slider4 div div,
.tab-slider5 div div,
.tab-slider6 div div {
    width:200px;
    margin:0 10px 0 0;
    color: #333;
    }

.tab-slider1 div div img,
.tab-slider2 div div img,
.tab-slider3 div div img,
.tab-slider4 div div img,
.tab-slider5 div div img,
.tab-slider6 div div img {
     width:100%;
    }

/*slick top arrows*/
.slick-next {
    z-index: 99;
    }
.slick-prev {
/*    left: 0px;*/
    z-index: 99;
    }

/*pickup slick arrows*/
#arrows1 .slick-prev,
#arrows1 .slick-next,
#arrows2 .slick-prev,
#arrows2 .slick-next,
#arrows3 .slick-prev,
#arrows3 .slick-next,
#arrows4 .slick-prev,
#arrows4 .slick-next,
#arrows5 .slick-prev,
#arrows5 .slick-next,
#arrows6 .slick-prev,
#arrows6 .slick-next
    {
    width:25px;
    height:25px;
}

#arrows1 .slick-prev:before,
#arrows1 .slick-next:before,
#arrows2 .slick-prev:before,
#arrows2 .slick-next:before,
#arrows3 .slick-prev:before,
#arrows3 .slick-next:before,
#arrows4 .slick-prev:before,
#arrows4 .slick-next:before,
#arrows5 .slick-prev:before,
#arrows5 .slick-next:before,
#arrows6 .slick-prev:before,
#arrows6 .slick-next:before
    {
    content:"";
}

#arrows1 .slick-prev,
#arrows2 .slick-prev,
#arrows3 .slick-prev,
#arrows4 .slick-prev,
#arrows5 .slick-prev,
#arrows6 .slick-prev
    {
    left:-1px;
    top:50%;
    }

#arrows1 .slick-next,
#arrows2 .slick-next,
#arrows3 .slick-next,
#arrows4 .slick-next,
#arrows5 .slick-next,
#arrows6 .slick-next
    {
    right:3px;
    top:50%;
    }

#arrows1 .slick-arrow,
#arrows2 .slick-arrow,
#arrows3 .slick-arrow,
#arrows4 .slick-arrow,
#arrows5 .slick-arrow,
#arrows6 .slick-arrow
    {
    z-index:200;
    }

/*top logo*/
.small_logo1{
    width:120px;
    height: 0;
    float:left;
    margin: 10px auto;
    opacity: 0;
    }
.small_logo1_fixed{
    height: auto;
    opacity: 1;
    transition: all .5s ease;
    }
.small_logo1 a img{
    width:100%;
    }

.small_logo2{
    width:390px;
    float:left;
    margin: 3px 0 0 -130px;
    transition: all .5s ease;
    }

.small_logo2_fixed{
    width:390px;
    float:left;
    margin: 3px 0 0 10px;
    transition: all .5s ease;
    }



/*TOPICSの枠*/
.topics_new_border {
    position: relative;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 100%;
}
.topics_new_border img {
  width: 100%;
  }

.topics_new_border div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    margin:0;
    border: solid #f00 2px;/*枠色*/
    text-decoration: none;
    overflow: hidden;
  }

.topics_new_border div span {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
  /*以下装飾*/
    background: #f00;/*三角背景色*/
    margin: -57px -54px;
    font-size: 1.4em;
    padding: 15px 0 0 30px;
    color: #fff;/*文字色*/
    text-decoration: none;
    transform: rotate(-45deg);
  }


			#modal-win {
				width: 100%;
				position: absolute;
			}
			#modal-win-inner {
				box-shadow: 0 0 5px rgba(0, 0, 0, .25);
				margin: 0 auto;
				position: relative;
				z-index: 10001;
			}
			#modal-bg {
				width: 100%;
				height: 100%;
				background-color: #000000;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 10000;
				cursor: pointer;
			}

			.contents{
				display: none;
				background-color: #FFFFFF;
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}

			a {
				outline: none;
			}
				
			.image_box img{
				width: 100%;
			}

			.contents{
				width: 760px;
				padding: 15px;
			}
				
			.contents img{
				float: left;
			}

			.style_item{
				width: 93%;
				background-color: #C7C7C7;
				padding: 5px;
				color: #FFFFFF;
				text-align: center;
				letter-spacing: 5px;
				font-size: 13px;
			}
				
			.style_image_box{
				width: 40%;
			}
				
			.style_item_box a{
				color: #000000;
			}
			.style_item_box{
				width: 58%;
				float: right;
                font-size: 10px;
			}

			.style_item_box ul{
                list-style: none;
			}

			.style_item_list{
				margin: 0 0 25px 0;
			}

			.g_line{
				width: 100%;
			}

			.g_line:after{
				content: "";
				display: block;
				height: 1px;
				width: 100%;
				background:-webkit-linear-gradient(left, #FFFFFF, #000000);
				background:-o-linear-gradient(left, #FFFFFF, #000000);
				background:linear-gradient(to right, #FFFFFF, #000000);
			}

			.total_price{
				text-align: right;
				font-size: 16px;
			}

			.style_tsume{
				position: relative;
				display: inline-block;
                width: 100%;
			}

			.re_txt{
				color: #000000;
				float: right;
			}

			.modal-close,
			.modal-close span {
				display: inline-block;
				transition: all .4s;
				box-sizing: border-box;
			}
			.modal-close {
				position: relative;
				width: 30px;
				height: 30px;
			}
			.modal-close span {
				position: absolute;
				left: 0;
				width: 100%;
				height: 4px;
				background-color: #C7C7C7;
				border-radius: 4px;
			}
			.modal-close span:nth-of-type(1) {
				top: 19px;
				transform: rotate(45deg);
			}
			.modal-close span:nth-of-type(2) {
				bottom: 7px;
				transform: rotate(-45deg);
			}
			.modal-close{
				position: absolute;
				right: 10px;
				top: 10px;
				cursor: pointer;
			}



			#styling_box{
				width: 100%;
                position: relative;
			}

			#styling_slide li{
				margin: .3%;
                list-style: none;
			}
			#styling_slide img{
				width: 100%;
			}

#styling_arrows .slick-prev,
#styling_arrows .slick-next
    {
    width:38px;
    height:560px;
}

#styling_arrows .slick-prev:before,
#styling_arrows .slick-next:before
    {
    content:"";
}

#styling_arrows .slick-prev
    {
    left:0px;
    top:50%;
    }

#styling_arrows .slick-next
    {
    right:0px;
    top:50%;
    }

#styling_arrows .slick-arrow
    {
    z-index:200;
    }

/*top renewal*/
    #renewal {
	position: relative;
	overflow: hidden;
    margin: 170px auto 30px;
	width: 100%;
}
#renewal figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.9);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
#renewal:hover figcaption {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
	opacity: 1;
}

/*3カラム*/
#main_wrapper {
 width:85%;
 float:left;
}

#main_left_box {
	margin:0 2% 0 0;
	width:15%;
	float:left;
}

#main_box {
	margin:0 1%;
	width:80%;
	float:right;
}
#main_box center{
     margin:0 0 20px 0;
}


#main_right_box {
	margin:0 0.5%;
	width:14%;
	float:right;
}



/*検索*/
.search_h{
	font-size: 11px;
	color: #a0a0a0;
	padding: 5px;
}
.search_bt {
	background: #a0a0a0;
	color: #ffffff;
	text-align: center;
}

/*検索カラー*/
#colorthumb_font{
    font-size:10px;
    color:#a0a0a0;
    text-align:center;
    margin:0 0 5px 0;
    padding:0;"
}
.colorthumb {
	width:170px;
	height:auto;
	margin:0;
	padding:0;
	display:inline-block;
}

.colorthumb li{
	list-style-type:none;
	width:16px;
	height:16px;
	margin:0 1px 2px 1px;
	padding:0;
	float:left;
}

.colorthumb a {
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.colorthumb .white {
	background:#f6f1d7;
}

.colorthumb .beige {
	background:#ebcea5;
}

.colorthumb .yellow {
	background:#fff100;
}

.colorthumb .pink {
	background:#f29c9f;
}

.colorthumb .orange {
	background:#f48400;
}

.colorthumb .red {
	background:#ff0000;
}

.colorthumb .wine {
	background:#a40000;
}

.colorthumb .lightgreen {
	background:#cce198;
}

.colorthumb .green {
	background:#009355;
}

.colorthumb .sax {
	background:#7ecef4;
}

.colorthumb .blue {
	background:#00479d;
}

.colorthumb .navy {
	background:#002e73;
}

.colorthumb .purple {
	background:#6a005f;
}

.colorthumb .brown {
	background:#6a3906;
}

.colorthumb .khaki {
	background:#8a8000;
}

.colorthumb .gray {
	background:#a0a0a0;
}

.colorthumb .charcoal {
	background:#434343;
}

.colorthumb .black{
	background:#000000;
}

/*メルマガ*/
.merumagachoku_moji {
	font-size: 11px;
	color: #a0a0a0;
	padding: 5px;
}

.merumagachoku {
	width: 170px;
	font-size: 12px;
	color: #a0a0a0;
	text-align: center;
	padding: 5px 0;
}
.merumagachoku2 {
	width: 170px;
	background: #343E7C;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	padding: 8px 0;
}


/*ガイド*/
.jguide {
	width: 170px;
	float: left;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0;
}

.jguide li {
	clear: both;
	list-style-type: none;
	font-size: 11px;
	margin: 0;
	padding: 5px 0;
	border-bottom: dotted 1px #343e7c;
	float: left;
}

/*カテゴリ*/
.jcate {
	width: 170px;
	float: left;
	margin:0 0 20px 0;
	padding:0;
	text-align: left;
}

.jcate li {
	list-style-type:none;
	display:inline;
}

.catel {
	width:75px;
	margin:0;
	padding:0;
	float: left;
}

.cater {
	width:100%;
	margin:0 0 0 15px;
	padding:0;
	font-size:10px;
	line-height:150%;
	float: left;
}

.cater a {
	color:#434343;
	text-decoration:none;
}

.daicate {
	font-size:12px;
	color:#0068b7;
}

/* 特集*/
.jicon {
	width: 170px;
	float: left;
	text-align: left;
	display: block;
	margin: 10px 0 15px 0;
}

.jicon img {
	margin: 0 8px 0 0;
}

.jicon-big {
	font-size: 12px;
	color: #343e7c;
	line-height:140%;
	display: block;
}

.jicon-sma {
	font-size: 10px;
	color: #535353;
	line-height: 140%;
	display: block;
}

.jiconsen {
	width: 100%;
	color: #dddddd;
}

/*footer tenpo*/
#tenpo{
    font-size:10px;
    color:#aaaaaa;
    border:1px solid #aaaaaa;
    width:85%;
    padding:14px 0;
}


/*slick調整*/
img {
	max-width: 100%;
	height: auto;
}
.slider{
    width:100%;
    max-width:1200px;
}
/*main slick image move padding*/
.imgslide .slick-slide:not(.slick-center) {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	transition: all .5s ease;
}
.slick-center {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	transition: all .5s ease;
}

/*topics*/
#container_topics{
	width:100%;
}
#box_topics {
	width:29%;
	float:left;
	margin: 2%;
    text-align: left;
    font-size: 12px;
}
#box_topics a img{
	width:100%;
}

/*main coupon*/
#coupon{
    width: 100%;
    max-width:1200px;
}
#coupon img{
    width: 100%;
}

.coupon{
	width: 100%;
	max-width: 1200px;
}
.coupon img{
	width: 100%;
}
/*main title*/
#newichiran{
    width: 800px;
    height: 65px;
    display: inline;
}
#newichiran img{
     width:100%;
    height:auto;
    border:0;
}