/* bon */
@charset "utf-8";

@media screen and (min-width: 0px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
}
@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 1500px) {
}
@media screen and (min-width: 1900px) {
}


.body21{
	overflow:hidden;
}

/*************header**************/

.header_wrap21{
}



/**********************************  manu **************************************/

#navTgl {
	display: none;
}

label.open {
	z-index: 2;
	width: 75px;/*48*/
	height: 60px;/*48*/
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
}

.open::before,
.open::after {
	content: "";
}




/*ハンバーガーメニュー*/
.open span,
.open::before,
.open::after {
	content: "";
	position: absolute;
	top: calc(65% - 1px);
	left: 25%;/*30*/
	width: 40%;
	border-bottom: 2px solid #533c33;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
	transform: translateY(-8px);
}
.open::after {
	transform: translateY(8px);
}

.close {
	z-index: 1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: background .6s;
}
#navTgl:checked + .open {
	transform: translateX(0px);
}
#navTgl:checked + .open span {
	transform: scaleX(0);
}
#navTgl:checked + .open::before {
	transform: rotate(45deg);
}
#navTgl:checked + .open::after {
	transform: rotate(-45deg);
}

#navTgl:checked ~ .close {
	pointer-events: auto;
	background-color: rgba(0,0,0,.3);
	position:fixed;
	margin-top:-2rem;
	height:110%;
	right:0;
}


/* :::::: drawer menu :::::: */
.menu_g {
	z-index: 10;
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	width: 280px;
	height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch !important;/*これios*/
	margin: 0;
	padding: 0px;
	box-sizing: border-box;
    background:rgba(245, 245, 245, 0.95);
	transform: translateX(-100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu_g > iframe{
    width: 100%;
    height: 99.6%;/*Windowsphineで2重フレームにならないようするのは99.3% 実機要確認*/
    background:rgba(245, 245, 245, 0.95);
    border:none;
    z-index: 20;
	overflow-y: auto;/**/
  /*-webkit-overflow-scrolling: touch !important;これios*/
}

#navTgl:checked ~ .menu_g {
	transform: none;
}



 
.pc_g_nav21 li a{
text-decoration: none;
color: #666666;
  }

.pc_g_nav21 li a:hover{
color: #c63733;
}

/*************  menu **************/

.gnav_bon{
	position: absolute;
	background:#ffffff;
	z-index:3000;
}

.pc_g_nav21{
	  background-color: rgba(255,255,255,0.9);
	width: 100%;
}

.pc_g_nav21 ul{
/*margin: 0 auto ;*/
}

.pc_g_nav21.fixed{
    position: fixed;
    top: 0;
}



/*************important**************/
.important_wrap{
margin-bottom: 1rem;
}

@media screen and (min-width: 576px) {
.important_wrap{
margin-top: 5rem;
}
}


/*************main slider**************/
.slider_main {
	height:360px;
	margin: 0;
}
.slider_iframe {
    display: block;
	width:1px;
	min-width: 100%;
	*width: 100%;
	height:100%;
}

@media screen and (min-width: 0px) {
}
@media screen and (min-width: 576px) {
.slider_main {
	min-height:430px;
}
}
@media screen and (min-width: 768px) {
.slider_main {
	height:580px;
}
}
@media screen and (min-width: 1024px) {
.slider_main {
	height:640px;
}
}
@media screen and (min-width: 1200px) {
.slider_main {
	height:830px;
}
}
@media screen and (min-width: 1500px) {
.slider_main {
	height:830px;
}
}
@media screen and (min-width: 1900px) {
.slider_main {
	height:900px;
}
}




/*accordionはつかってないドロワーメニュー内*/

dl.accordionlist > dd:last-child > ul.smp_item_list li:first-child {
   border-top: none !important;
}

.accordionlist {
	margin-bottom:0;
}

.accordionlist dt{
    display:block;
    background: #fff;
    border-top: 1px solid #DFDFDF;
}

/*.accordionlist dt:first-child{
    border-top: none !important;
}*/

.accordionlist dt .title p {
	font-weight:normal;
	font-size:1.2rem;
	letter-spacing:2px;
	margin-bottom:0;
}

/*************** 2kaisou ***********************/
.accordionlist dt .title p.list_title_2 {
	font-size:1rem;
}

ul.smp_item_list li.list_title_2wrap{
	padding: 0rem;
}

ul.smp_item_list li.list_title_2wrap dl{
	margin-bottom:0;
}

ul.smp_item_list li.list_title_2wrap dt{
    background-color: #f4f4f4;
	padding-left:2rem;
}

ul.smp_item_list li.list_title_2wrap dl dd ul li a div{
	display:inline-block;
}

ul.smp_item_list li.list_title_2wrap dl dd ul li{
	background:#ededed;
}
/*************** 2kaisou ***********************/

.accordionlist dt .title a{
	display:block;
}

.accordionlist dt .title{
	float: left;
}
.accordionlist dd.accordion_in{
    display:none;
	background: #fff;
	/*padding:0 0 20px 15px;*/
	width:100%;
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	margin-bottom:0;
}
.accordion_icon {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin:0.5rem 1.5rem 0 0 ;
}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #666666;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.accordion_link{
	width:100%;
	color:#666666;
	padding:0.6rem 0 .55rem;
}

.accordion_title{
	font-weight:normal;
	font-size:1.2rem;
	letter-spacing:2px;
}
.accordionlist dd{
	margin-bottom:0;
}

.accordion_on{
	padding:0.8rem 0 0rem 1.4rem;
}


ul.smp_item_list{
	padding:0;
	width:100%;
	margin-bottom:0;
}

ul.smp_item_list li{
	list-style:none;
	font-weight:normal;
	font-size:1rem;
	letter-spacing:1.3px;
	background:#f4f4f4;
    border-top: 1px solid #DFDFDF;
	width:100%;
	padding:0.7rem 2rem;
}

ul.smp_item_list > li > a > div{
	display:inline-block;
}

ul.smp_item_list > li > a{
	color:#666666;
}

ul.smp_item_list > li > a:hover{
	text-decoration:none;
}

.smp_item_list_title{
	width:96%;
}



.smp_menu_service{
background-color: #f4f4f4;
}
.smp_menu_service a{
color: #555555;
text-decoration: none;
}


.smp_menu_service2{
background-color: #ffffff;
}
.smp_menu_service a{
color: #555555;
text-decoration: none;
}




/**********************************  footer **************************************/


.footer_wrap{
background: #28263f;
color: #ffffff;
}
.footer_wrap a{
color: #ffffff;
text-decoration: none;
}
.copy{
color:#e5e5e5 !important;
}

@media screen and (min-width: 1024px) {
.sns_icon{
flex:0 0 2%;
max-width: 2%;
}
.footer_wrap_lg{
width: 100%;
background: #28263f;
}

}


/**********************************  tittle **************************************/

@media screen and (min-width: 1024px) {
.pc_tittle_line{
background: #000000;
height: 1px;
margin-top: 2rem;
    }
.pc_tittle{
font-size: 5rem!important;
line-height: 3.5rem;
}
}

/**********************************  more **************************************/

.more_bon{
border-bottom: 1px solid #c63733;
text-decoration: none;
padding: 0 .5rem .3rem;
}

@media screen and (min-width: 1024px) {
a.more_bon {
border: none;
  position: relative;
  display: inline-block;
  text-decoration: none;
padding: 0 .5rem 0rem;
}
a.more_bon::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #c63733;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
a.more_bon:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
}

.more_bon2{
border: 1px solid #c63733;
padding: .8rem;
}



/************* contact **************/

.bon_contact{
background: #f4f4f4;
padding: 4rem 1rem 3rem;
border-bottom: 3px solid #c63733;
}

.bon_contact_2{
background: #f4f4f4;
padding: 4rem 1rem 3rem;
border-bottom: 3px solid #28263f;
}

.bon_contact a , .bon_contact_2 a{
color:  #28263f;
}


/**********************************  コンテンツ **************************************/

@media screen and (min-width: 1024px) {

.pc_contant_wrap{
margin: 15rem 0 0 10rem;
}

}


/************* Recruit **************/

.recruit_tittle{
border-left: solid 10px #555555;
font-size: 1.5rem;
}


/**********************************  ここまで書いてるよ～bon **************************************/




/************* index20 common **************/

.b_link20{
	text-decoration: underline;
	font-size: .8rem;
}

@media screen and (min-width: 1024px) {
.b_link20{
	font-size: 1rem;
}
}

.index20_tittle{
	font-family: 'Noto Serif JP', serif;
	padding: 0 2rem;
	font-size: 2rem;
	margin-bottom: 1.2rem;
	letter-spacing: 1.8px;
}
@media screen and (min-width: 1024px) {
.index20_tittle{
	font-size: 2.7rem;
	margin-bottom: 2.5rem;
}
}


.index20_tittle span{
	display: inline-block;
	transform: scale(2.5, 1);
}

	.index20_wrap{
		margin-bottom: 6rem;
	}

@media screen and (min-width: 1024px) {
	.index20_wrap{
		width: 1024px;
		margin: 0 auto 9rem!important;
	}
}



/************* index20 about **************/

.index20_about {
padding: 0 1.3rem;
margin-bottom: 6rem;
}

.index20_about h1{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.7rem;
	margin-bottom: 1.5rem;
}
.index20_about p{
	line-height: 1.7rem;
}

@media screen and (min-width: 1024px) {
.index20_about{
		width: 850px;
		margin: 0 auto 8rem !important;
	}
.index20_about h1{
	font-size: 2.7rem;
	margin-bottom: 2rem;
	letter-spacing: 3.5px;
}
.index20_about p{
font-size: 1.1rem;
	line-height: 2.2rem;
}
}

/************* index20 feature **************/

  .index20_feature {
  display: flex;
  margin: 0 auto 2.3rem;
  width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
	padding-left: 1.5rem;
  }
  
  .feature20_box {
    flex: 0 0 70%;
    height: auto;
}

.feature20_box a {
  color: #777;
  display: block;
  text-decoration: none;
  padding:0 1rem 1rem 0;
}

.feature20_box img {
  display: block;
  height: auto;
  width: 100%;
  margin-bottom: .7rem;
}

.feature20_box div,
#archive_wrap li div,
#feature_archive li div {
	font-size: .7rem;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: .1rem;
	padding: 0 .3rem;
}

.feature20_box div  span,
#archive_wrap li div  span,
#feature_archive li div  span {
display: inline-block;
margin-bottom: .7rem;
}

.feature20_box div  span::after,
#archive_wrap li div  span::after,
#feature_archive li div  span::after {
    content: "|";
	padding-left: .5rem;
}

.feature20_box div  time,
#archive_wrap li div time,
#feature_archive li div time {
	padding-left: .5rem;
}

.feature20_box h2 {
font-size: 1.2rem;
	font-family: 'Noto Serif JP', serif;
	padding: 0 .3rem;
	letter-spacing: .1rem;
}
.feature20_box p {
	line-height: 1.5rem;
	padding: 0 .3rem;
font-size: .9rem;
}


@media screen and (min-width: 1024px) {
.index20_feature {
  max-width: 1000px;
  width: 100%;
  overflow-x: inherit;
  margin: 0 auto;
}
.feature20_box {
  margin-right: 1%;
  width: 24%;
}

}

/************* index20 new **************/

.index20_new a{
color: #777;
}

.index20_new a:hover{
text-decoration: none;
}

.index20_new {
padding: 0 1.5rem;
}


.index20_new div {
padding: 0 .3rem;
}

.list-inline-item{
	margin-right: .02rem !important;
}
.list-inline-item span{
	width: .8rem;
	height: .8rem;
	border: #ccc 1px solid;
	display: inline-block;
}

.new_white span{
	background-color: #ffffff;
}
.new_black span{
	background-color: #000000;
}
.new_gray span{
	background-color: #cccccc;
}
.new_brown span{
	background-color: #995b3d;
}
.new_beige span{
	background-color: #ebc299;
}
.new_green span{
	background-color: #339933;
}
.new_blue span{
	background-color: #1f297e;
}
.new_purple span{
	background-color: #9147c3;
}
.new_yellow span{
	background-color: #fff130;
}
.new_pink span{
	background-color: #ff99cb;
}
.new_red span{
	background-color: #ee0000;
}
.new_orange span{
	background-color: #f98a28;
}
.new_multi span{
	background:url( "../../img/common/color_multi.gif") no-repeat;
	background-size:.8rem .8rem;
}




.index20_new time{
	font-family: 'Noto Serif JP', serif;
	font-size: .6rem;
}



/***********Coordinate Ranking index***********/

@media screen and (min-width: 1024px) {
.index20_c_rank_wrap{
max-width: 700px;
margin: 0 auto;
width: 100%;
}
.index20_c_rank_wrap >a:hover{
	opacity: .5;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
	text-decoration: none;
}
}

.index20_c_rank{
	font-family: 'Noto Serif JP', serif;
	border-bottom: #ebebeb 1px solid;
	margin-bottom: 1rem;
}

.index20_c_rank time{
font-size: .8rem;
text-align: right;
}

.index20_c_rank p{
font-size: 8rem;
font-style: italic;
text-align: right;
color: #ebebeb;
line-height: 1.1;
}

/***********Coordinate Ranking page***********/

.c_r20_wrap{
margin-bottom: 2rem;
}

.c_r20_wrap > p {
margin-bottom: 0rem;
font-size: 1.2rem;
}

.c_r20_wrap > time {
font-size: .7rem;
}
/*
.c_r20_wrap > a > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}*/

#c_rank20_wrap div > a {
	display: block;
	width:100%;
	max-height: 600px;
	position: relative;
	overflow: hidden;
	padding-top: 130%;
	margin-bottom: .5rem;
}

#c_rank20_wrap div > a > img {
	width:auto;
	height:100%;
	position: absolute;
	left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}


/***********Item Ranking***********/

.index20_i_rank p{
	font-family: 'Noto Serif JP', serif;
}

.index20_i_rank div{
font-size: .8rem;
}


/************* pick up brand **************/

  .index20_brand {
  display: flex;
  margin: 0 auto 2.3rem;
  width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
	padding-left: 1.5rem;
  }
  
  .brand20_box {
    flex: 0 0 45%;
    height: auto;
	max-width: 45%;
}
@media screen and (min-width: 1024px) {
  .brand20_box {
	max-width: 16.66%;
}
}

.brand20_box a {
  color: #777;
  display: block;
  text-decoration: none;
  padding:0 1rem 1rem 0;
}

.brand20_box img {
  display: block;
  height: auto;
  width: 100%;
  margin-bottom: .5rem;
}

.brand20_box h2,
.brand20_box h4 {
font-size: 1.2rem;
	font-family: 'Noto Serif JP', serif;
	padding: 0 .3rem;
	letter-spacing: .2rem;
}
.brand20_box p {
	line-height: 1.2rem;
	padding: 0 .3rem;
	font-size:0.8rem;
}


@media screen and (min-width: 1024px) {
.index20_brand {
  max-width: 1050px;
  width: 100%;
  overflow-x: inherit;
  margin: 0 auto;
}
/*.brand20_box {
  margin-right: 1%;
  width: 16%;
}*/
.brand20_box a {
  padding:0 0rem 1rem 0;
}


}


/************* footer20 **************/

.footer20_wrap{
	}

@media screen and (min-width: 1024px) {
	.footer20_wrap{
		width: 1100px;
		margin: 0 auto;
	}
}

/************* store20 **************/

@media screen and (min-width: 1024px) {
.store20_img{
  width: 100%;
  height: 250px;
  object-fit: cover;
	}
}



/************* item **************/







/************* viewmore19 **************/
.viewmore19{
	border:#CCC 1px solid;
	text-align:center;
	display:block;
	padding: 1rem 0;
}

@media screen and (min-width: 1500px) {
.viewmore19{
	font-size:1.5rem;
	letter-spacing:2px;
	padding: 1.5rem 0;
}

}

/*************daily slider19**************/

.daily19 div a img{
	margin:0 auto;
}


/*************blog19**************/

.blog19_wrap{
	display:block;
	width:100%;
}
.blog19 {
	width:100%;
	margin:0 auto;
}

.blog19 h3{
	font-size:1rem;
}

@media screen and (min-width: 768px) {

.blog19 h3{
	font-size:1.2rem;
}

.blog19_img{
  width: 100%;
  /*height: 300px;*/
  position: relative;
  overflow: hidden;
 }

.blog19_img > img{
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: initial; 
  height: auto;
  width: 100%;
  transition-duration: 0.9s;
  display:block;
 }

.blog19_img > img:hover{
 	transform: scale(1.5);	/*画像の拡大率*/
	transition-duration: 0.9s;	/*変化に掛かる時間*/
}
}






/*bootstrap 上書きここから*/
@keyframes fadeIn {
    from {
        opacity:0.2;
    }
    to {
        opacity:1;
    }
}
.nav-pills .nav-link {
  border-radius: 0rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  border-bottom:2px #666666 solid;
  background:#FFF;
  color:#666;
    animation-name: fadeIn;
    animation-duration: 1s;
}
.nav-link{
	padding:0;
}
.nav-pills .nav-link.active:before,
.nav-pills .show > .nav-link {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #666;
    animation-name: fadeIn;
    animation-duration: 1s;
}
/*bootstrap 上書きここまで*/



/*************blog St*************/


#index18tab_blog_in{
	padding:0rem 0 0 0;
}

#index18tab_blog_in p.date{
font-size: 0.8rem;
margin-bottom:0.2rem;
width:100%;
}

#index18tab_blog_in h2{
	font-size:1.5rem;
	line-height:1.2;
}

#index18tab_blog_in figure {
    overflow: hidden;
    height: 14rem;
	margin:0 auto !important;
}

#index18tab_blog_in p.blog_text{
	margin:0.6rem 0 0.8rem;
    overflow: hidden;
    height: 5.6em;
    line-height: 1.4;
}

#index18tab_blog_in > ul > a > li > p.blog_text > span.film {
    display: block;
    width: 100%;
    height: 1.4rem;
    position: absolute;
    bottom: 5.5rem;
    background-color: #fff;
    opacity: 0.7;
}

#index18tab_blog_in p.more_box{
	padding:1rem 0;
}

#index18tab_blog_in > ul > a:nth-child(n+4) {
    display: none !important;
  }	

@media screen and (min-width: 992px) {

#index18tab_blog_in > ul > a:nth-child(n+4) {
    display: block !important;
}

#index18tab_blog_in ul a{
	float:left;
	padding:0  !important;
}

#index18tab_blog_in ul a:nth-child(-n+2){
	max-width:100% ;
}

#index18tab_blog_in ul a:nth-child(-n+2) li {
	position:relative;
	display:block;
	border-bottom:#CCC 1px solid;
	height:21rem;
}

#index18tab_blog_in ul a:nth-child(-n+2) li.index18tab_blog_pc figure {
	width:50%;
	margin: 0 !important;
	height:19rem;
	position:absolute;
	top:0;
	left:0;
}
#index18tab_blog_in ul a:nth-child(-n+2) li.index18tab_blog_pc p.date {
	position:absolute;
	top:2%;
	left:53%;
}
#index18tab_blog_in ul a:nth-child(-n+2) li.index18tab_blog_pc h2 {
	position:absolute;
	top:10%;
	left:53%;
}
#index18tab_blog_in ul a:nth-child(-n+2) li.index18tab_blog_pc .blog_text {
	position:absolute;
	top:35%;
	left:53%;
}
#index18tab_blog_in ul a:nth-child(-n+2) li.index18tab_blog_pc .film {
	position:absolute;
	top:71%;
	left:0%;
}
#index18tab_blog_in ul a:nth-child(-n+2) li.index18tab_blog_pc .more_box{
	position:absolute;
	top:72%;
	left:53%;
	width:47% !important;
}

#index18tab_blog_in ul a:nth-child(n+3) li.index18tab_blog_pc figure {
	height:10rem;
	margin-bottom:0.5rem !important;
}
#index18tab_blog_in ul a:nth-child(n+3) li.index18tab_blog_pc h2 {
	font-size:1.2rem;
}
#index18tab_blog_in ul a:nth-child(n+3) li.index18tab_blog_pc .blog_text {
	font-size:0.9rem;
}
#index18tab_blog_in ul a:nth-child(n+3) li.index18tab_blog_pc .film {
	bottom:6rem;
}

}

  /* IE11 end edgeのみ */
@media all and (-ms-high-contrast: none) {

.ie11{
	width:100%;
}

}

/*************blog En*************/


/*reommend*/
#index18_reco{
	background:#f7f7f7;
	margin-bottom:3rem;
}

.index18_cap{
	text-align:center;letter-spacing:2px;
	margin-bottom:0.2rem;
}
h1.index18_title{
	margin:0rem auto 3rem;
	color:#000;
	letter-spacing:2px;
	font-size:2.4rem;
	font-family: 'Noto Serif JP', sans-serif;
}

.reco18{
	font-family: 'Noto Serif JP', sans-serif;
}

.reco18_img{
	background:#FFF;
	padding:4rem 0;
	margin:0 10px;
	text-align:center;
}
.reco18_img img{
	width:80%;
	margin:1rem auto;
}

@media screen and (min-width: 992px) {
#index18_reco{
	padding:5rem 0 7rem !important;
}
h1.index18_title{
	font-size:3.3rem;
    overflow: hidden;
    margin: 0;
	margin-bottom:5.5rem;
}
.index18_reco_title{
	width:700px;
	text-align:center;
	margin:0 auto;
}

.index18_reco_title h1.index18_title span{
	display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

h1.index18_title span:before,
h1.index18_title span:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 98em;
	color:#000;
}

h1.index18_title span:before {
    right: 100%;
}

h1.index18_title span:after {
    left: 100%;
}
}


/************* tot back **************/

.top_wrap{
	overflow:hidden;
}

#page-top {
    position: fixed;
    bottom: 0;
    right: 1rem;
	margin-bottom:0;
	z-index:999999999;
}

#page-top a {
    background: #1f297e;
    text-decoration: none;
    color: #fff;
    width: 4rem;
    padding: 0.8rem 0 0.5rem;
    text-align: center;
    display: block;
	z-index:999999999;
}

#page-top a:hover {
    text-decoration: none;
    background: #1f297e;
}




/************* color search **************/


#c_search20 li{
	display: inline-block;
	width:2rem;
	margin:0 0.5rem 1rem 0!important;
	height:2rem;
}

#c_search20 li a{
	width: 2rem;
	height: 2rem;
	display: inline-block;
}

#c_search20 li:nth-child(1){
	background-color:#FFF;
	border:#CCC 1px solid;
}

#c_search20 li:nth-child(2){
	background-color:#000;
}

#c_search20 li:nth-child(3){
	background-color:#ccc;
}

#c_search20 li:nth-child(4){
	background-color:#995b3d;
}

#c_search20 li:nth-child(5){
	background-color:#ebc299;
}

#c_search20 li:nth-child(6){
	background-color:#339933;
}
#c_search20 li:nth-child(7){
	margin:0 0px 10px 0;
	background-color:#063479;
}
#c_search20 li:nth-child(8){
	background-color:#9147c3;
}

#c_search20 li:nth-child(9){
	background-color:#fff130;
}

#c_search20 li:nth-child(10){
	background-color:#ff99cb;
}
#c_search20 li:nth-child(11){
	background-color:#ee0000;
}

#c_search20 li:nth-child(12){
	background-color:#f98a28;
}

#c_search20 li:nth-child(13){
	background:url( "../../img/common/color_multi.gif") no-repeat;
	background-size:2rem 2rem;
}





/************* blog **************/

.blog20{
border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 1024px) {
.blog20{
border-bottom: none;
}
}




/***************************/
/************* footer PC用 **************/
/***************************/


#footer_b_pick{
	width:1000px;
}

ul.footer_brand li{
	list-style:none;
	display: inline-block;
	width:110px;
	height: 90px;
	overflow: hidden;
}

ul.footer_brand li img{
	width:110px;
}


#footer_b_list{
	background:#f7f7f7;
	margin-bottom:-20px;
}

.footer_inner{
	width:1000px;
	margin:0 auto 1rem;
	font-family:"Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

#footer_b_list ul{
	padding:40px 13px;
}

#footer_b_list li{
	list-style:none;
	display: inline-block;
	width:230px;
	margin:0 10px 0 0;
	vertical-align:top;
}

#footer_b_list dl dd{
	margin:0;
	padding:0;
	font-size:11px;
}


#footer_info_wrap{
	background:#1f297e;
	text-align:center;
	color:#FFF;
	padding:5rem 3rem;
}

#footer_info_wrap h1{
	font-family: 'Noto Serif JP', serif;
	font-size:1.6rem;
	letter-spacing:3px;
	margin-bottom:4rem;
}

#footer_info_wrap ul{
	margin-bottom:0px;
	padding:0;
}

#footer_info_wrap li{
	list-style:none;
	display: inline-block;
	vertical-align:top;
	text-align:left;
}

#footer_info_wrap li:last-child{
	list-style:none;
	display: inline-block;
	width:300px;
	margin:0 0px 0 0;
	vertical-align:top;
	text-align:left;
}

#footer_info_wrap li h2{
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:#FFF 1px solid;
	padding:0 0 3px 5px;
	margin:0;
}

#footer_info_wrap li p{
	margin:5px 0 2rem 5px;
	font-size:1em;
	letter-spacing:0.8px;
	line-height:1.5;
}

#footer_info_wrap li div img{
	height:27px;
}

#footer_info_wrap a{
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
}
div.delivery  {
	padding:0 5px;
}
div.delivery ul {
	margin:0 0 10px 0 !important;
}
div.delivery p{
	margin:0 0 5px !important;
}

div.delivery img{
	width:37px !important;
	height:37px !important;
	margin-bottom:-4px;
}

div.delivery li{
	list-style:none;
	display: inline-block !important;
	margin:0 3px 0 0 !important;
	width:37px !important;
	vertical-align:top !important;
	text-align:center !important;
}



#footer_shop{
	background:#1f297e;
	color:#FFF;
	padding:10px 10px;
}

#footer_shop h1{
	font-family: 'Noto Serif JP', serif;
	font-size:1.6rem;
	letter-spacing:3px;
	text-align:center;
	border-bottom: #fff 1px solid;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
}


#footer_shop ul.tab{
	overflow:hidden;
	margin:0;
	color:#757575;
	border-bottom:#aaaaaa 2px solid;
	cursor: pointer;
	}



#footer_shop ul.tab li{
	list-style:none;
	background:#ccc;
	padding:5px 24.34px;
	float:left;
	margin-right:1px;
	font-size:0.9rem;
	}
	
#footer_shop ul.tab li.select{background:#eee;}




.shop20_logo img{
width: 20%;
margin-right: 1rem;
}

.shop20_logo{
font-size: 1.2rem;
font-weight: bold;
}



.shop_more{
	float:right;
	background:#eeeeee;
	padding:10px 15px;
}
.hide {display:none;}



#footer_end{
	background:#ccc;
	color:#FFF;
	padding:2rem 0 10rem;
	overflow:hidden;
}

#fotter_end_left{
	float:left;
}


#fotter_end_left p a{
	color:#FFF;
}

#fotter_end_left ul{
	margin-bottom:30px;
}

#fotter_end_left li{
	list-style:none;
	display: inline-block;
	vertical-align:middle;
	text-align:left;
	font-size:0.8em;
	border-right:#FFF 1px solid;
	padding:0px 10px 0px 5px;
}

#fotter_end_left li a{
	color:#fff;
}

#fotter_end_right{
	float:right;
	text-align:right;
}

#fotter_end_right p a{
	letter-spacing:1.3px;
}


#fotter_end_right p a{
	color:#FFF;
}

#fotter_end_right img{
filter: brightness(100%);
}


.footer19_store a img{
 filter:invert(100%);
}


#footer_area {
	width:100%;
	height:3700px;
	margin:0 auto;
}
@media screen and (min-width: 768px) {
#footer_area {
	height:5300px;
}
}
@media screen and (min-width: 1024px) {
#footer_area {
	height:6100px;
}
}
@media screen and (min-width: 1200px) {
#footer_area {
	height:5600px;
}
}
@media screen and (min-width: 1500px) {
#footer_area {
	height:5000px;
}
}





/************* notice_icon **************/
.menu > ul > li {
	position: relative;
}

.g_nav20_b_tab_list li:nth-child(2n+1) {
    clear: both;
}

p#notice_icon {
    position: absolute;
	top: -3px;
	right: 14px;
	margin: 0px;
	width: 20px;
	height: 20px;
	color: rgb(255, 255, 255);
	background: #c00;
	border-radius: 50%;
	z-index: 999999999;
}

#notice_icon > sub {
	font-size: 65%;
	display: block;
	text-align: center;
	font-style: normal;
	line-height: 20px;
	bottom: 0px !important;
	font-weight: bold;
}

.g_nav20_b_tab_list > li.hot > a span,
.g_nav20_b_tab_list > li.new > a span {
	color: #ffffff;
	display: inline-table;
	padding: 0.2em 0.5em 0.3em 0.5em;
	font-size: 70%;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: middle !important;
	margin-left: 0.5rem;
	margin-bottom: 1px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.b_hot {
	background-color: #a52548;
}

.b_new {
	background-color: #28a3c5;
}

/************* index18tab **************/
#index18_tab_nav_cont,
#index18_tab_nav_cont section {
    overflow: hidden;
}

/************* index18tab_new **************/

@media screen and (min-width: 992px) {
#index18tab_new_in > .item18:nth-child(5),
#index18tab_new_in > .item18:nth-child(7) {
	clear:both;
}
}

@media screen and (max-width: 992px) {
#index18tab_new_in > .item18:nth-child(3),
#index18tab_new_in > .item18:nth-child(6),
#index18tab_new_in > .item18:nth-child(8) {
	clear:both;
}
}

/************* index18tab_blog **************/
#index18tab_blog_in > a li p.date {
	height: 1rem !important;
	margin-bottom: 0.5rem;
}

#index18tab_blog_in > a li p.blog_text {
    height: 4.2rem;
    position: relative;
}

#index18tab_blog_in > a li p.blog_text > span.film {
	display: block;
	width: 100%;
	height: 1rem;
	position: absolute;
	bottom: 0px;
	background-color: #fff;
	opacity: 0.5;
}

#index18tab_blog_in > a li h2 {   
   max-height: 2.5rem;
   overflow: hidden;
}

@media screen and (min-width: 992px) {
#index18tab_blog_in > a.col-lg-3:nth-child(n+3):nth-child(-n+6) li {
    margin-top: 3rem !important;
	padding-bottom: 1rem;
	margin-top: 2rem;
}

#index18tab_blog_in > a.col-lg-3:nth-child(n+3):nth-child(-n+6) li p.blog_text {
    height: 5.2rem;
}

#index18tab_blog_in > a li p.more_box {
	height: inherit !important;
    padding: 1.2rem !important;
	font-size: 1rem;
	margin-top: 2rem;
}

}
/************* index18tab_fea **************/
#index18tab_fea_in > a {
	display:block;
}

#index18tab_fea_in > a:nth-child(7) {
	clear:both;
}

#index18tab_fea_in > a li {
    list-style: none;
	overflow: hidden;
	margin-bottom:2rem;
}

#index18tab_fea_in > a li figure {
    margin: 0 0 0.5rem 0;
}

#index18tab_fea_in > a li p {
    font-size: 1rem;
	overflow: hidden;
	letter-spacing:1px;
}

#index18tab_fea_in > a li p:nth-child(1) {
	height: 1rem !important;
	margin-bottom: 0.2rem;
	font-size:0.8rem;
}

#index18tab_fea_in > a li figure  > img {
	width: 100%;
}

#index18tab_fea_in > a li h2 {
   margin: 0 0 0.5rem 0;
   font-weight: normal;
   font-size: 1.3rem;
}

#index18tab_fea_in > a li p.more_box {
    padding: 1rem;
	margin-left:0;
	width:100%;
}

.page-link:hover {
    background-color: transparent !important;
	
}

@media screen and (min-width: 992px) {

#index18tab_fea_in > a li p {
    font-size: 1.1rem;
}

#index18tab_fea_in > a:nth-child(2) {
    padding-top: 1rem !important;
}

#index18tab_fea_in > a.col-lg-12 li {
    margin-top: 1rem;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3rem !important;
	margin-top: 2rem;
}

#index18tab_fea_in > a.col-lg-3:nth-child(n+3):nth-child(-n+6) li {
    margin-top: 3rem !important;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1rem;
	margin-top: 2rem;
}

#index18tab_fea_in > a.col-lg-12 li figure {
    margin: 0 0 0.3rem 0;
	float: left;
	width: 54%;
	padding-right: 4%;
	overflow: hidden;
	height: 19rem;
}

#index18tab_fea_in > a li p {
	height: 3rem;
	margin-bottom: 2rem;
}

#index18tab_fea_in > a.col-lg-12 li p,
#index18tab_fea_in > a.col-lg-12 li h2 {
	width: 46%;
	float: right;
}

#index18tab_fea_in > a li h2 {   
   max-height: 3.5rem !important;
   overflow: hidden;
   min-height: 2.5rem !important;
}

#index18tab_fea_in > a.col-lg-3:nth-child(n+3):nth-child(-n+10) li h2 {
	max-height: 3rem !important;
	font-size:1.2rem;
}
#index18tab_fea_in > a.col-lg-3:nth-child(n+3):nth-child(-n+10) li p {
    font-size: 0.8rem;
}

#index18tab_fea_in > a.col-lg-12 li h2 {
    margin: 0 0 1.8rem 0;
    font-weight: normal;
    font-size: 1.5rem;
}

#index18tab_fea_in > a li p.more_box {
	height: inherit !important;
    padding: 1.2rem !important;
	font-size: 1rem;
	margin-top: 3rem;
}

#index18tab_fea_in > a:nth-child(n+3) li p.more_box {
    display: none !important;
}

}

@media screen and (max-width: 992px) {
#index18tab_fea_in > a:nth-child(n+6) {
	display: none;
}

}

/************* index18tab_looks **************/

#index18tab_looks_in > .item td {
	
}

#index18tab_looks_in > .item td > a {
	display: block;
}

#index18tab_looks_in > .item td > p {
	display: flex;
	overflow: hidden;
	margin-top: 0.5rem;
}

#index18tab_looks_in > .item td > p  > font {
	width: 30%;
	float: right;
	font-size: 0;
	padding: 1px;
}

#index18tab_looks_in > .item:nth-child(5) td > p  > font,
#index18tab_looks_in > .item:nth-child(6) td > p  > font {
	width: 20%;
}

#index18tab_looks_in > .item td > p  > p.label {
	display: inline-flex;
	align-items: center !important;
	width: 70%;
	float: left;
}

#index18tab_looks_in > .item:nth-child(5) td > p > p.label,
#index18tab_looks_in > .item:nth-child(6) td > p > p.label {
	width: 80%;
}

#index18tab_looks_in > .item td > p > font > a:nth-child(1) {
    display: block !important;
	text-align: center;
	border: 1px solid #ccc;
	padding: 0.3rem 0.5rem;
	line-height: 1.2;
}

#index18tab_looks_in > .item:nth-child(5) td > p > font > a:nth-child(1),
#index18tab_looks_in > .item:nth-child(6) td > p > font > a:nth-child(1) {
	padding: 0.3rem 2rem;
}

#index18tab_looks_in > .item td > p > font > a:nth-child(1)::before {
    content: "main item";
    font-size: small;
}

#index18tab_looks_in > .item td > p > font > * {
    display: none;
}


@media screen and (max-width: 992px) {
#index18tab_looks_in > div.item td > p  > font {
	width: 40% !important;
}

#index18tab_looks_in > div.item td > p  > p.label {
	width: 60% !important;
	padding:0 0 0 0.2rem;
}

#index18tab_looks_in > div.item td > p > font > a:nth-child(1) {
	padding: 0.3rem 0.2rem !important;
}

#index18tab_looks_in > div.item:nth-child(5) td > p > font > a:nth-child(1),
#index18tab_looks_in > div.item:nth-child(10) td > p > font > a:nth-child(1) {
	padding: 0.3rem 2rem !important;
}

}

/************* index18tab_info **************/

@media screen and (min-width: 992px) {
#index18tab_info_in {
	width: 70%;
	margin: 0 auto;
	line-height:1.5;
}

#index18tab_info_in dt {
    padding: 10px 0 0 25px !important;
}

#index18tab_info_in dd {
    padding: 0 0 15px 25px !important;
}

}

#index18tab_info_in dt {
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 2px;
    padding: 0.5rem 0 0 1.5rem;
}

#index18tab_info_in dd {
    margin: 0 0 10px 0;
    border-bottom: #CCC 1px dotted;
    padding: 0 1.5rem 1rem 1.5rem;
}


/*以下181108*/
.tab-content{
	padding:1.7rem 0 ;
}

@media screen and (min-width: 992px) {
.tab-content{
	padding:2rem 0 3rem;
}
}

/************* new arrivals **************/
.grid18{
position: relative;
width: 1000px;
max-width: 100%;
margin: 0 auto 15rem;
overflow: hidden;
}
.item18 {
    width: 24%;
	height: inherit;
	margin: 0;
}

/* 画面前面の全体に表示 */
#loading_box {
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
 
.spinner {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  position: relative;
  top: 45vh;
  text-align: center;
  
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.custom-content > a > p{
	letter-spacing:0.2px;
}


@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/*cisc_181114*/
/************* comm **************/
#main_container {
	margin-bottom: 15rem;
	padding-top: 8rem;
}

@media screen and (min-width: 1024px) {
#main_container {
	padding-top: 15em;
}
}

.cate_title {
    text-align: center;
	margin-bottom: 3.5rem;
	margin-top: 5rem !important;
}

.cate_title > h1 {
    color: #222222;
    margin: 0 0 0.5rem 0;
    font-size: 3.5rem;
    letter-spacing: 2px;
    font-weight: normal;
	font-family: 'Noto Serif JP', sans-serif;
}

.cate_title > h2 {
    color: #222222;
    margin: 0 0 0.5rem 0;
    font-size: 2.5rem;
    letter-spacing: 2px;
    font-weight: normal;
	font-family: 'Noto Serif JP', sans-serif;
}

.cate_title {
    margin-top: 3rem;
}
.cate_title > h1 {
    font-size: 2.5rem;
	font-family: 'Noto Serif JP', sans-serif;
}
.cate_title > h2 {
    font-size: 2rem;
	font-family: 'Noto Serif JP', sans-serif;
}
}

/************* brand **************/
.brand_list {
	font-size:14px;
}

.brand_list  dt {
	font-size:16px;
	margin-bottom: 1.5rem !important;
}

.brand_list  dd {
	margin-bottom: -1rem !important;
}

.brand_list  dd  > a {
	display: block;
}

.brand_list dd > a > p {
    margin: 5px auto;
}

.brand_list dd > a span.b_hot,
.brand_list dd > a span.b_new {
	display:none;
}

.brand_list  dd  > a  > img {
	border: 1px solid #ccc;
	padding: 1.5rem;
}

.col.g_nav18_b_img > a > p.b-name,
.col.g_nav18_b_img > a > p.b-date {
    display: none;
}

/**/
.brand_list dt {
    font-size: 1.7rem;
    margin-bottom: 1.1rem !important;
}

.brand_list dd:nth-child(odd) {
	padding-left:0.5rem !important;
}
.brand_list dd:nth-child(even) {
	padding-right:0.5rem !important;
}

@media screen and (min-width: 992px) {
#b_50on ul {
	margin: 0 4rem 1rem;
}

#b_check  ul {
	margin: 0px 11rem 1rem;
}

.brand_list dd:nth-child(odd) {
	padding:0.8rem !important;
}
.brand_list dd:nth-child(even) {
	padding:0.8rem !important;
}
.brand_list  dd  > a {
	font-size:1rem;
}


}
@media screen and (max-width: 992px) {
#b_a-z ul > li {
	max-width: 14% !important;
	flex-basis: inherit !important;	
}
#b_50on ul > li {
	max-width: 16.666667% !important;
	flex-basis: inherit !important;	
}
ul.pws_tabs_controll > li > a {
	padding-bottom: 0.5rem !important;
}
.brand_list dd {
    margin-bottom: 1rem !important;
}
}

/************* info **************/

#main_news{
}

#main_news a{
color: #777;
}

#main_news dl{
	background-color:#ffffff;/*170310*/
	margin-top:0;/*170310*/
	padding-top:20px;/*170310*/
}

#main_news dl dt{
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:2px;
	padding:18px 0 0 25px;
}

#main_news dl dd{
	margin:0 0 0px 0;
	border-bottom:#CCC 1px dotted;
	padding:0 20px 15px 25px;
}



/************* info/notice **************/

.notice_tittle h2{
	font-size:2.2rem;
}

.notice_tittle span{
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}


.notice_text {
	font-size:1.2rem;
	line-height:1.5;
	
}

.notice_text  h3 {
	border-bottom: 1px solid #ccc;
	font-size:1.2rem;
}




/************* ranking **************/

.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-15 {
    width: 20%;
    flex: 0 0 20%;
    float: left;
}
@media (min-width: 576px) {
    .col-sm-15 {
        width: 20%;
        flex: 0 0 20%;
        float: left;
    }
}
@media (min-width: 768px) {
    .col-md-15 {
        width: 20%;
        flex: 0 0 20%;
        float: left;
    }
    .col-md-offset-15 {
        margin-left: 4.3333333%;
    }
}
@media (min-width: 992px) {
    .col-lg-15 {
        /*width: 20%;
        flex: 0 0 20%;
        float: left;*/
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
    }
}



.rank18_1{
	color:#afa237;
	font-size:1.5rem;
}

.rank18_2{
	color:#b4b4b4;
	font-size:1.5rem;
}

.rank18_3{
	color:#977539;
	font-size:1.5rem;
}

.rank18_no{
	color:#FFF;
	margin:0.2rem 0 0 0.35rem;
	font-size:1rem;
}

.rank18_no2{
	margin:0 auto 1rem;
}

.rank18_com{
	border-bottom:#999 1px solid;
	display:inline-block;
	padding-bottom:0.2rem;
}


.rank18_itemname{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-bottom:0.2rem;
}

.rank18_title{
	margin: 3rem 0 1.2rem 0;
	font-size: 1.1rem !important;
	letter-spacing: 1px;
	font-weight: normal;
	color:#333;
	border-bottom:#333 1px solid;
	text-align:center;
}

.rank18_cate_t{
	font-size: 1.8rem;
	letter-spacing: 1px;
	font-weight: normal;
	color:#333;
	text-align:center;
	margin-bottom:2rem;
}

.rank18_main_wrap div:nth-child(even){
	padding-right:0.3rem;
	
}
.rank18_main_wrap div:nth-child(odd){
	padding-left:0.3rem;
	
}
.rank18_main_wrap div:first-child {
	padding:0 20px 0;
	
}
.rank18_main_wrap div:nth-child(2){
	padding:0 20px 0;
}

.rank18_main_wrap div:nth-child(3){
	padding:0 20px 0;
	
}

.rank18_cat_wrap div:nth-child(2) {
	padding-right:0.3rem;
}

.rank18_cat_wrap div:nth-child(3){
	padding-left:0.3rem;
}


a.rank18_morelink{
	border:#CCC 1px solid;
	width:80%;
	margin:0 auto 6rem;
	text-align:center;
	font-size:1.5rem;
	padding:1.5rem 0;
	display:block;
}

	
	
@media (min-width: 768px) {
.rank18_main_wrap div:nth-child(4n){
	padding:0 0.3rem 0 1rem ;
}
.rank18_main_wrap div:nth-child(5n){
	padding:0 0.3rem 0 0.3rem ;
}
.rank18_main_wrap div:nth-child(6n){
	padding:0 0.3rem 0 0.3rem ;
}
.rank18_main_wrap div:nth-child(7n){
	padding:0 1rem 0 0.3rem ;
}

}


/************* 190727_cisc **************/

/*** new/index.html ***/
#new_container > .grid {
	width: 100%;
	max-width:1200px;
	margin: 0 auto 15rem;
	overflow: hidden;
}

#index_new > .new.grid-item:nth-child(2n+1),
.grid > .new.grid-item:nth-child(2n+1) {
	padding-right: 0.25rem;
}

#index_new > .new.grid-item:nth-child(2n),
.grid > .new.grid-item:nth-child(2n) {
	padding-left: 0.25rem;
}

/*
@media screen and (min-width: 768px) {
#index_new > .new.grid-item,
.grid > .new.grid-item {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}
}
*/
@media screen and (min-width: 1024px) {
#index_new > .new.grid-item,
.grid > .new.grid-item {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}
}

.new .lead {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
}

/*** feature/article ***/

#main_container > .article {
	margin-bottom: 5rem !important;
}

#main_container.article_old > article {
	max-width: 830px;
	margin: 0 auto;
}

#main_container.article_old #r_style_cont > p{
	text-align: left;
	line-height: 1.5;
}


/*** feature/real ***/
a.real_item {
	padding: 1rem 0;
	text-align: left;
}

.real_item h5 {
	font-size:1rem;
}

.real_item p {
	margin-bottom: 0px !important;
}

@media screen and (min-width: 768px) {
#main_container > .article {
	margin-bottom: 15rem !important;
}

a.real_item {
	padding: 2rem 0;
	margin-left:1rem;
	margin-right:1rem;
}	

a.real_item h5 {
	font-size:1.25rem;
}

a.real_item .col-sm-12 > h5 {
	margin-top: 1rem;
}
}


/*** feature/buyer ***/
#main_container.buyer > article {
    max-width: 1030px;
    text-align: center;
    margin: 0 auto;
}

.buyer1810_text p {
    margin-bottom: 0px;
}

section.style17_content ul li,
section.style17_content ul li:nth-child(5n) {
    width: 18%;
	margin: 0 1% 40px;
}

section.style17_content ul li figure {
    width: 100%;
	max-height: 200px;
	min-height: 200px;
	
	vertical-align: middle;
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

section.style17_content figure > figcaption.style17_cap p {
	width: 100%;
}

@media screen and (max-width: 1023px) {
section.style17_content ul li,
section.style17_content ul li:nth-child(5n) {
	width: 21%;
	margin: 0 2% 40px !important;
}

}
@media screen and (max-width: 767px) {
section.style17_content ul li,
section.style17_content ul li:nth-child(5n) {
	width: 46%;
}

}


/*** dailystyle/index.html ***/

#daily_container > .grid {
    width: 100% !important;
    max-width: 920px;
    margin: 0 auto 15rem;
    overflow: hidden;
}

#daily_container .daily.grid-item {
	width: 100%;
	float: left;
}

@media screen and (min-width: 768px) {
#daily_container .daily.grid-item {
	width: 50%;
}
}

#daily_container .daily.grid-item .custom-content > time {
	display: block;
	text-align: center;
	margin-bottom: 0.5rem !important;
}

#daily_container .daily.grid-item .custom-content > a {
	display: block;
	width:100%;
	max-height: 600px;
	position: relative;
	overflow: hidden;
	padding-top: 130%;
	margin-bottom: .5rem;
}

#daily_container .daily.grid-item .custom-content > a > img {
	width:auto;
	height:100%;
	position: absolute;
	left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}

#daily_container .daily.grid-item .custom-content > p {
	font-size: 80%;
	text-align: center;
	color: #777;
	margin-bottom: 1.5rem;
}

#daily_container .daily.grid-item .custom-content > p > a {
	font-size: 1rem;
	color: #999;
}

#daily_container .daily.grid-item .custom-content > p > a:hover {
	color: #1f297e;
}

#daily_container .daily.grid-item .custom-content > p > br {
	margin-bottom: 5px;
}

#daily_container .daily.grid-item:nth-child(2n+1) {
    clear: both;
}

/*** dailystyle_page ***/

.style18_layout > *,
.style17_model {
	max-width: 1000px;
	margin: 0 auto;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
overflow: hidden;
text-align: left;
font-size: .7rem;
}

.style19_layout h6 {
	text-align:center;
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 768px) {
div.style19_layout h6 {
    font-size: 11px;
}
}

.style19_layout time {
    font-size: 1.1rem;
	text-align:center;
    letter-spacing: 2px;
    margin-bottom: 2.5rem;
    display: block;
}

#img_section {
	position: relative;
}

#img_section > a {
	text-align: center;
	display: block;
}

#img_section > a.dailystyle19_img:hover {
	position: initial;
}

.dailystyle19_img {
    max-width: 1000px;
    margin: 0 auto;
}

.dailystyle19_prev,
.dailystyle19_next {
    position: absolute;
    top: 40% !important;
    display: block;
    width: 11%;
	max-width: 100px;
    height: 30%;
	max-height: 150px;
    margin: 0px;
    padding: 0px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
}

@media screen and (min-width: 768px) {
.dailystyle19_prev,
.dailystyle19_next {
    top: 45% !important;
}
}

.dailystyle19_prev {
    left: -3rem !important;
	right: inherit !important;
    background: url(../../img/common/daily_prev20.png) no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-size: cover;
	background-size: 100%;
 	z-index: 9999;
}

.dailystyle19_next {
    right: -3rem !important;
	left: inherit !important;
    background: url(../../img/common/daily_next20.png) no-repeat;
	background-position-x: right;
	background-position-y: center;
	background-size: cover;
	background-size: 100%;
 	z-index: 9999;
}

@media screen and (max-width: 767px) {
.dailystyle19_prev,
.dailystyle19_next {
	background-size: 100%;
	width: 15%;
}

.dailystyle19_prev {
    left: -1rem !important;
}

.dailystyle19_next {
    right: -1rem !important;
}

}

a.dailystyle19_prev:hover,
a.dailystyle19_next:hover {
    position: absolute;
}

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

.style19_layout > p {
	width: 100%;
	max-width: 735px;	
	margin: 1.5rem auto 3.5rem;
	text-align: center;
}


.style19_layout > p > b > br {
	margin-bottom: .2rem;
}

.style19_layout > p > br {
	margin-bottom: .2rem;
}

.style19_layout > p > b,
.style19_layout > font > b {
	display: block;
	font-size: .9rem;
	text-align: center;
}

.style19_layout > font {
	display: block;
	width: 100%;
	max-width: 735px;	
	margin: 0 auto 7rem;
}

.daily19_more {
	margin: 5rem auto 7rem;
}

.daily19_more .viewmore19 {
	border: #1f297e 2px solid;
}


/*** new arrivals 20 ***/

.new20tittle{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.7rem;
	margin-bottom: 1.2rem;
	letter-spacing: 1.8px;
	text-align: center;
}
@media screen and (min-width: 1024px) {
.new20tittle{
	font-size: 2.7rem;
	margin-bottom: 2.5rem;
}
}


/*** content ***/

.content_wrap20{
margin: 5rem 0 3rem 0;
}

@media screen and (min-width: 1024px) {
.content_wrap20{
margin: 10rem 0 3rem 0;
}
}

/*** new footer ***/


@media (min-width: 992px) {
  
.col-lg-2_5{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
    max-width: 20%;
}
}


/******************************daily*******************************/

#index20_daily > time {
	font-family: 'Noto Serif JP', serif;
	font-size: .7rem;
	margin-bottom: .2rem;
	margin-left: .3rem;
}

	
	#index20_daily > a {
	display: block;
	width:100%;
	max-height: 600px;
	position: relative;
	overflow: hidden;
	padding-top: 130%;
	margin-bottom: .5rem;
}
	
#index20_daily > a > img {
	width:auto;
	height:100%;
	position: absolute;
	left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
#index20_daily > p {
	font-size: .8rem;
	line-height: 1rem;
	margin-left: .3rem;
}