/*
*	Table of contents
*
*	1. Common and Helpers
*	2. How-to 
*	3. About
*
*/

@import url("updt-index.css");
@import url("media-index.css");

/*************************************************************************************************
************************ 1. Common and Helpers ***************************************************
**************************************************************************************************/

/* ul li on perviews style */
ul.list-link01{
	margin-left: 0!important;
	margin-bottom: 0!important;
}
.font-meiryo{
	font-family: "Meiryo";
}
.top-menu li,
.p-nav li{
	list-style: none;
}
h2 a{
	text-decoration: none;
}
.float{
	float: left;
}
.iblk{
	font-size: 15px;
    color: #5C2700;
    line-height: 30px;
}
.iblk span a{
	font-size: 15px;
    color: #333;
    line-height: 30px;
	text-decoration: underline;
	font-weight: bold;
}
.iblk img{
	max-width:100%;
	height: auto;
}
.iblk a .ico-anc{
	width: 15px !important;
}
.iblk-no-margin{
	margin: 0 !important;
}
.ryumin-latest{
	font-family: 'リュウミン H-KL';
}
.span-break,
.anc{
	display: block; 
}
.red{
	color: #d04500 !important;
}
.lh1{
	line-height: 1em !important;
}
/* fixed images size helpers */
.p10{
	padding: 10px;
}
.img-float img{
	float:left;
}

.anc.link-1{font-family: 'リュウミン H-KL' !important;}
.anc.font-meiryo{
	font-family: "Meiryo" !important;
}
/*margin right*/
.img-mr25 img{
	margin-right: 25px;
}
.img-mr50 img{
	margin-right: 50px;
}
.img-mr60 img{
	margin-right: 60px;
}
/*margin bottom*/
.img-mb25 img{
	margin-bottom: 25px;
}
.img-mb20 img{
	margin-bottom: 20px;
}
.img-mb50 img{
	margin-bottom: 50px;
}
.img-mb40 img{
	margin-bottom: 40px;
}
.img-mb30 img{
	margin-bottom: 30px;
}
.img-mb10 img{
	margin-bottom: 10px;
}
.img-mb100 img{
	margin-bottom: 100px;
}
.img-mb75 img{
	margin-bottom: 75px;
}
.img-mb150 img{
	margin-bottom: 150px;
}
/* remove margin on links */
.img-mr25 a img,
.img-mb30 a img{
	margin: 0;
}
/* image thumbnails fix size fullwidth */
.img-maxwidth a img,
.img-maxwidth img{
	width: 700px;
	height: auto;
}
.img-fullwidth img{
	max-width: 100%;
	width: 100%;
}
/* image thumbnails fix size 340xAuto */
.img-340-a img,
.img-340-a a img{
	max-width: 340px;
	width: 100%;
	height: auto;
}
/* image thumbnails fix size 340x255px */
.img-340-255 img,
.img-340-255 a img{
	width: 340px;
	height: 255px;
}
/* image thumbnails fix size 340x220 */
.img-340-220 a img,
.img-340-220 img{
	width: 340px;
	height: 220px;
}
.img-330-a img{
	max-width: 330px;
	width: 100%;
	height: auto;
}
/* image thumbnails fix size 330x230 */
.img-330-230 a img,
.img-330-230 img{
	width: 330px;
	height: 230px;
}
/* image thumbnails fix size 320xAuto */
.img-320-a img{
	max-width: 320px;
	width: 100%;
	height: auto;
}
/* image thumbnails fix size 315x288 */
.img-315-288 img{
 max-width: 315px;
 width: 100%;
 height: 288px;
}
/* corresponding text of fix size images */
.text-340-a{
	width: 335px;
	height: auto;
}
/* image thumbnails fix size 305 x auto */
.img-305-a img{
 max-width: 305px;
 width: 100%;
 height: auto;
}
/* image thumbnails fix size 290x210 */
.img-290-210 img{
	max-width: 290px;
	width: 100%;
	height: 210px;
}
/* image thumbnails fix size 290xAuto */
.img-290-a img{
	max-width: 290px;
	width: 100%;
	height: auto;
}
/* image thumbnails fix size 220x164 */
.img-220-164 img{
 max-width: 220px;
 width: 100%;
 height: 165px;
}
/* image thumbnails fix size 220x220 */
.img-220 img{
	max-width: 220px;
	width: 100%;
	height: auto;
}
/* image thumbnails fix size 216x100 */
.img-216-100 img{
 max-width: 216px;
 width: 100%;
 height: 100px;
}
/* image thumbnails fix size 210x210 */
.img-210 img{
	max-width: 210px;
	width: 100%;
	height: 210px;
}
/* image thumbnails fix size 200x150 */
.img-200-150 img,
.img-200-150 a img{
	width: 200px;
	/* height: 150px; */
	height:auto;
}
/* image thumbnails fix size 200xAuto */
.img-200-a img{
	max-width: 200px;
	width: 100%;
	height: auto;
}
/* image thumbnails fix size 145x145 */
.img-145 img{
	max-width: 145px;
	width: 100%;
	height: auto;
}
/* image thumbnails fix size 120x120 */
.img-120 img{
	max-width: 120px;
	width: 100%;
	height: 120px;
}
/* image thumbnails fix size 120x95 */
.img-120-95 img{
 max-width: 120px;
 width: 100%;
 height: 95px;
}
/* image thumbnails fix size 70x70 */
.img-70-70 img,
.img-70-70 a img{
	 width: 70px;
	 height: 70px;
}
/* set image link to auto so it won't be affeted by the fixed size images */
.ico-anc,
.box50 a img,
.size-auto,
.img-fullwidth a img,
.text-340-a a img,
.img-290-210 a img,
.img-220 a img,
.img-210 a img,
.img-145 a img{
	width: auto !important;
	height: auto !important;
}
.img-last-item img:nth-child(2){
	margin-right: 0 !important;
}
/* Related links */
ul .li-item img,
ul .li-item .link-rel{
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}

/* two column helpers */
.imga-mr25 img,
.imga-mr25 a img{
	margin-right: 25px;
}
.imga-mb25 img,
.imga-mb25 a img{
	margin-right: 25px;
}
/* two columns with 290width image */
.img-290 img,
.img-290 a img{
	width: 290px;
	height: auto;
}
.text-290 {
    width: 385px;
    height: auto;
}
/* two columns with 220width image */
.text-220 {
    width: 455px;
    height: auto;
}
/* three columns with 210width images and bottom text */
.lg-col-3{
	float: left;
    width: 210px;
    margin-right: 35px;
	text-align: center;
    box-sizing: border-box;
}
.lg-col-3:nth-child(3){
	margin-right: 0;
}
/* three columns with 220width images and bottom text */
.lg-col-3-220{
	float: left;
    width: 220px;
    margin-right: 20px;
	text-align: left;
    box-sizing: border-box;
}
.lg-col-3-220:nth-child(3){
	margin-right: 0;
}
.h-text{
	top: -2px;
	/*
    position: relative;
	*/
}
/*************************************************************************************************
************************ 2. How-to Page **********************************************************
**************************************************************************************************/
.anc-side{
	font-size: 12px;
}

.span-bold,
.span-bold a{
	font-weight: bold !important;
	color: #5C2700;
}

.box30 .num-label-1,
.box30 .num-label-2,
.box30 .num-label-3,
.box30 .span-bold{
	text-align: center;
}

.text-left{
	text-align: left;
}

.num-label-1{
	font-family: "リュウミン H-KL";
	font-size: 30px !important;
	color: #bb8800;
}
.num-label-2{
	font-family: "リュウミン H-KL";
	font-size: 30px !important;
	color: #878787;
}
.num-label-3{
	font-family: "リュウミン H-KL";
	font-size: 30px !important;
	color: #bb3900;
}
.num-label-4-5{
	font-family: "リュウミン H-KL";
	font-size: 30px !important;
	color: #5c2700;
    margin-bottom: 10px;
    margin-left: 10px;
}

.big-num{
	font-size: 45px !important;
	font-weight: bold;
}

.neg-spacing{
	letter-spacing: -2px;
}
.neg-spacing1{
	letter-spacing: -1px;
}
.sm-col-56{
	max-width: 56%;
	display: inline-block;
	vertical-align: top;
}
.sm-col-44{
	max-width: 44%;
	display: inline-block;
	vertical-align: middle;
}
.sm-col-44 img{
	width: 150px;
	height: auto;
}
.box100{
	width: 100%;
}
.sm-col-245{
	max-width: 240px;
	float:left;
	vertical-align: top;
}
.sm-col-455{
	max-width: 455px;
	display: inline-block;
	vertical-align: top;
}
.sm-col-455 > a.anc:last-child {
	margin-bottom: 20px;
}
.img-small-text{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: 5c2700;
}

/*************************************************************************************************
************************ 3. How-to Page **********************************************************
**************************************************************************************************/
.wpd-paragraph1 {
    font-size: 20px;
    line-height: 46px;
    font-weight: bold;
    color: #5c2700;
}
.wpd-paragraph2{
	color: #5c2700;
    line-height: 30px;
    font-size: 15px;
}

/*************************************************************************************************
 17. Special-list **********************************
**************************************************************************************************/
.special-list-page-h3.top{margin-top: -14px !important;}
/* .special-list-page-h3{margin:0px !important;}*/
.special-list-page-h3-2{margin:0px !important;padding: 0px;margin-bottom: 25px !important;}
.special-list-page-h3 a{display: inline !important;margin-left: 15px;}
.special-list-page-h3 a img{margin-right: 7px;margin-top: 8px; width: 20px !important;}
.special-list-page-h3 a img.top{vertical-align: top !important;}

/*************************************************************************************************
 20. Holiday **********************************
**************************************************************************************************/
.holiday-related-links ul{padding: 0px; overflow: hidden;}
.holiday-related-links .li-item .anc.link-1{
    position: absolute;
    top: 22%;
    line-height: 22px;
	font-family: リュウミン H-KL;
    font-size: 16px;
    left: 150px;
}
.holiday-related-links .li-item .anc.link-1.ryumin-latest{font-family: 'リュウミン H-KL' !important;width:100%;}
.holiday-related-links .li-item {margin-bottom:2px;}
/*************************************************************************************************
 13. After Care **********************************
**************************************************************************************************/
.after-care-page-p{
    display: inline;
    width: 46%;
    margin-top: -7px;
    margin-left: 9px;
}
.after-care-blk{overflow: hidden;margin-bottom: 30px;}
.anc.link-rel .ico-anc{width:15px !important;}
.care-related-aligned-links{width: 50% !important;float: left !important;margin-top: 20px !important;}
.care-related-aligned-links .ico-anc{ 
	width: 15px !important;
    display: inline;
    float: left !important;
    top: 21px;
    position: relative;
}
.care-related-aligned-links .anc{
	float: left !important;
    display: inline;
    margin-left: 20px;
}
.aftercare-h2{ line-height: 50px;}
.related-links .li-item{margin-bottom: 0;}
.multi-link .li-item{margin-bottom: 20px;}
.multi-link .li-item:nth-last-child(2),
.multi-link .li-item:nth-last-child(1){margin-bottom: 0;}
.multi-link .li-item:nth-last-child(1){clear:both;}
/*************************************************************************************************
 22.Blog **********************************
**************************************************************************************************/
.bloglist p {
 margin:0;
}
.bloglist {
 padding:0;
 margin:0;
 overflow:auto;
}
.bloglist .link-1 {
 font-size:12px;
 font-weight:bold;
}
.bloglist li {
 float:left;
 width:33.333%;
 list-style-type:none;
 padding:0;
 margin:0;
 min-height: 330px;
}
.bloglist li div {
 padding:5px;
}
.bloglink { font-size:15px; display:block;text-decoration: underline; }

/*************************************************************************************************
 10.Leather **************************************************************************************
**************************************************************************************************/
.padl35{padding-left: 35px !important;}
.long-img img{position: relative;  top: 15px;height: auto; max-width: 480px}
.dotted{
	border: dotted 1px #5c2700;
    padding: 7px;
    font-size: 12px !important;
    line-height: 24px;
}
/*************************************************************************************************
 Special detail featured image frame *************************************************************
**************************************************************************************************/
.site-content #image-wrapper-post img {
    width: 700px;
	box-sizing: border-box;
    border: 6px solid white !important;
    height: auto;
}
.site-content #image-wrapper-post.image-wrapper-post-blog img {
    height: auto;
}

.img-bar-header {
    background: url(../images/special-detail/border-top.png) no-repeat;
    height: 23px;
    margin-bottom: -7px;
    z-index: 1;
    position: relative;
    margin-left: 1px;
}

.sd-social li,
.sd-ul li{
	list-style: none;
}

.sd-ul li:first-child {
    color: #5c2700;
    font-size: 15px;
    font-weight: 400;
}


.sd-ul li {
    line-height: 30px;
    text-align: left;
}

.sd-ul li {
    float: left;
    margin-right: 15px;
}

.sd-ul {
    float: left;
    position: relative;
    overflow: hidden;
}

.sd-social li img {
    width: 34px;
}

.sd-social li{
    margin-left: 0;
}

.sd-social li {
    float: left;
    margin-left: 18px;
}

.sd-social {
    float: right;
}

.sd-ul li span{
	text-decoration: underline;
	margin-left: 5px;
}

.sd-ul li {
    color: #333333;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
}

/*************************************************************************************************
 24. Sitemap **********************************
**************************************************************************************************/
.sitemap-block{
    width:700px;
    color:#663300;
    margin-top:36px;
}
.sitemap-block .sitemap-block-row{}
.sitemap-block .sitemap-block-menu:first-child{margin: 0px 20px 0px -20px;}
.sitemap-block .sitemap-block-menu{
    width:350px; 
    float:left;
    margin-bottom:40px;
}
.sitemap-block .sitemap-block-menu.sitemap-block-menu-last{
    margin-right:0px;
}
.sitemap-block .sitemap-block-menu > ul{
    background:url("../images/common/rough-brown-bg.jpg") repeat right top;
    background-color:rgba(255, 204, 153, 0.5);
    padding-top:20px;
    padding-bottom:20px;
}
.sitemap-block .sitemap-block-menu ul{
    padding-left:20px;
}
.sitemap-block .sitemap-block-menu ul li > ul{
    margin: 0px;
}
.sitemap-block .sitemap-block-menu ul ul{
    padding-left:2px;
}
.sitemap-block .sitemap-block-menu ul li{list-style: none !important;}
.sitemap-block .sitemap-block-menu ul li > a{
    font-weight:bold;
}
.sitemap-block .sitemap-block-menu ul ul li > a{
    font-weight:normal;
}
.sitemap-block .sitemap-block-menu ul li a{
    text-decoration:underline;
    font-size:15px;
}

/* history */
.iblk-15 .ul-history .li-item{
	margin-right:0px;
}
.iblk-15 .ul-history .li-item .col-2 {
    margin-right: 10px !important;
}
.history-link{
	font-weight:bold !important;
    color: #333333 !important;
}

.history-ico{
	margin-top: 10px !important;
}
.aligned-link { margin-left: 20px; text-align: left;}
.aligned-link img{  margin-left: -20px !important;}
.xo-icon{display: inline-block;}
.xo-text{display: inline-block; vertical-align: top; width: 430px;}
.f18{font-size: 18px !important;}
/* minerva */
.minerva-related-links .li-item > img{margin-right:5px !important;}


.attention-page .iblk.mb20 .box50:nth-child(2){margin-right: 0px;padding-left: 20px !important;}
.holiday-related-links .li-item .anc.link-1 {margin-top:10px !important;}
.special-list-page-h3 a img.icon-anc{width: 20px !important;}
.iblk-10 .li-item article .header-category .anc.link-1 img.icon-anc{width: 20px !important;}
.special-list-page-h3{line-height:10px;}
.special-list-page-h3.top a img{margin-right: 7px;margin-top: -4px; width: 20px !important;}


/* SHOPLIST */
.iblk-20.iblk-20-shoplist .li-item .col-1{
 width:222px;
}
.iblk-20.iblk-20-shoplist .li-item .col-2{
 margin-left:222px;
}
.nav-grid {}
.nav-grid ul{
 font-size: 0px;
}
.nav-grid ul li{
 font-size: 15px;
 display: inline-block;
}
.nav-grid-shoplist{}
.nav-grid-shoplist ul{
 margin-left: 10px;
}
.nav-grid-shoplist ul li{
 width: 25%;
 margin-bottom: 30px;
}
.nav-grid-shoplist ul li:before{
 content: "・";
}
.anc-shoplist {
 color: #5c2700;
 font-weight: normal;
 display:inline;
}
.iblk-20 .li-item img.ico{width: 14px !important; margin-top:0px !important;}
.bxslider2 li img{margin-left:-20px;}

/* CSS FIXES FOR TOP PAGE*/
.slick-slide h3{line-height:1px !important;margin-bottom:0px !important;}

.bx-wrapper2 li img {
    margin-left: -20px;
}
.red-highlight {
    color: #cc0000;
    font-weight: bold;
    margin-left: 1em;
    text-indent: -1em;
}
/*BAG*/
.bag-page > .box50{padding-left:0px; padding-right: 10px;}
/*************************************************************************************************
************************ 2. SideBar **********************************************************
**************************************************************************************************/
/* .sidebar-img{margin-right:5px;} */
.sidebar-img img{width:40px !important;height:32px !important;}
.sidebar-link{
	font-size: 12px;
	font-weight:bold !important;
    display: inline-block;
    vertical-align: middle;
	font-family: "Meiryo" !important;
}
/*TOP FONT*/
.top-font{color:#5c2700 !important;}

/*************************************************************************************************
************************ Special Page **********************************************************
**************************************************************************************************/
.special-page-banner{position:relative;}
.special-page-banner .tape-left{position:absolute;top: -2%;left: -5px;}
.special-page-banner .tape-right{position: absolute;top: -2%;right: -1%;}
.special-page-banner .anc-img img { border: 8px solid white; width: 685px !important;}
.span-folder { position:relative;top:0px;}
.span-category { position:relative;top:-2px;}
.special-page-header a{color:#663333 !important;}
.special-page-ul{margin:0px !important; padding:0px !important;}
.special-page-ul .li-item{
	list-style: none !important;
    width: 49%;
    float: left;
    padding: 0px;
    margin-right: 0; 
    margin-left: 0;
}
.special-page-ul .item-even{margin-left:2%}
.special-page-ul .li-item .col-1{
    position: relative;
}
.special-page-ul .li-item .col-1 .tape-left{
    position: absolute;
    top: -3%;
    left: -2%;
}
.special-page-ul .li-item .col-1 .tape-right{
    position: absolute;
    top: -4%;
    right: -2%;
}
.special-page-ul .li-item:nth-child(even) .col-1 .tape-right{
	right: -2%;
	top: -5%;
}
.special-page-ul .li-item .col-1 .anc-img  img{
	height: auto !important;
    width: 100% !important;
    box-sizing: border-box;
    border: 6px solid white;
}
.special-page-ul .li-item .col-2 p{    margin-bottom: 0px;padding: 0px;}
.special-page-loading-container{text-align:center;}
.special-page-loading-container .loading-icon{}
.special-page-loading-container .special-page-p{font-family:mvboli;margin-top:-9px;}
.blog-page-loading-container-sp, .special-page-loading-container-sp{display:none;}
.special-page-loading-container-sp .img-arrow-down{    margin-right: 2px;}
.special-page-loading-container-sp .img-arrow-down img{   width: 20px;}
.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	padding-top: 0px;
	padding-bottom: 0px;
}
.pagination .pagers{
	overflow: hidden;
    text-align: left;
    display: inline-block;
    zoom: 1;
}

.pagination span, .pagination a {
	display:block;
	float:left;margin: 2px 9px 2px 8px;padding: 9px;
	text-decoration:none;
	width:auto;
	color:#fff;background: #633300;font-family: 'リュウミン H-KL';font-size: 16px;
}

.pagination a:hover{color:#fff;background: #b28850;}

.pagination .current{padding: 9px;background: #b28850;color:#fff;}

/* Related links Master */
.iblk-related-links{
	background: url("../images/aging/img17.png") repeat;
    padding: 13px 12px 10px 12px;
    box-sizing: border-box;
    display: block;
}
.iblk-related-links h5{
	font-size: 20px;
    margin-bottom: 20px;
}
.iblk-related-links ul{
	margin-left: 0px;
    margin-bottom: 0;
	padding: 0 !important;
}
.related-links-item{
	float: left;
    width: 50%;
    position: relative;
    list-style: none;
	margin-bottom: 0;
}
.related-links-single-item{
    width: 100%;
    list-style: none;
	margin-bottom: 0;
}
.related-links-text{
	display: inline-block;
	vertical-align: middle;
	width: 185px;
    position: relative;
    top: -5px;
}
.related-links-text-single{
	display: inline-block;
	vertical-align: middle;
	width: 500px;
}
.related-links-img{
	display: inline-block;
	vertical-align: middle;
    margin-right: 10px;
    max-width: 135px;
	height: auto;
}
.related-links-text a img{
	width: 15px;
    display: inline;
}

.attention-p { max-width: 340px;}

/* All post category tag 3-23-206 jb */
.tag-all-post{
	position: relative;
    top: 3px;
}

/* font helpers */
.f10{font-size: 10px !important;}
.f11{font-size: 11px !important;}
.f12{font-size: 12px !important;}
.f13{font-size: 13px !important;}
.f14{font-size: 14px !important;}
.f15{font-size: 15px !important;}
.f16{font-size: 16px !important;}
.f17{font-size: 17px !important;}
.f18{font-size: 18px !important;}
.f19{font-size: 19px !important;}
.f20{font-size: 20px !important;}
.f21{font-size: 21px !important;}
.f22{font-size: 22px !important;}
.f23{font-size: 23px !important;}
.f24{font-size: 24px !important;}
.f25{font-size: 25px !important;}
.f26{font-size: 26px !important;}
.f27{font-size: 27px !important;}
.f28{font-size: 28px !important;}
.f29{font-size: 29px !important;}
.f30{font-size: 30px !important;}