@charset "utf-8";

/*-----------------------------------------------------------------------------------

Theme Name:     WALDEN2
Theme URI:      http: //welthemes.com/themes/walden2/
Description:
Author:         welthemes
Author URI:     http: //welthemes.com
Template:       welcart_default2
License:        GNU General Public License
License URI:    license.txt
Version:        1.31

-----------------------------------------------------------------------------------*/


.item-img-box{
	width:100%;
	height:0;
	padding-bottom:100%;
	position:relative;
}

.item-img-box img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	top:0;
}

.arc-item-box{
	width: calc((100% - 80px) / 3);
	max-width: calc((100% - 80px) / 3);
	position:relative;
	padding-bottom:60px;
	margin-bottom:60px;
}


.side-item .arc-item-box{
	width:100%!important;
	max-width:100%!important;

}

.side-item .arc-item-box h3{
	height:auto!important;
	margin:20px 0 10px!important;
}

html body #wrap .arc-item-box h3{
    text-align: justify;
    font-weight: bold;
    color: #000000;
    margin: 40px 0;
    line-height: 1.5;
    font-size: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height:4.5em;	
}

body.archive #content .arc-item-box a{
	width:100%!important;

	margin-bottom:0;
	padding-bottom:20px;
}

.arc-detail-price{
	width:100%;
}

.arc-detail-price div div form div:nth-child(1){
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

}


.arc-detail-price div div form div:nth-child(2) table{
	width:100%!important;
	margin:0;
}

.arc-detail-price div div form div:nth-child(2) table tbody tr:nth-child(1) th{
	display:none;
}

.arc-detail-price div div form div:nth-child(2) table tbody tr:nth-child(1) td{
	text-align:right;
	width:100%;
	margin-bottom:.5em;
}

.arc-detail-price div div form div:nth-child(2) table tbody tr:nth-child(2){
	display:none;
}

.arc-detail-price div div form div:nth-child(2) table tbody tr:nth-child(3){
	display:none;
}

.arc-detail-price div div form div:nth-child(3){
	display:none;
}

.arc-detail-price div{
	width:100%!important;
}


.arc-detail-price div div form div:nth-child(4){
	display:none;
}


.product-button a{
	text-align:center;
	color:#ffffff;
  padding: 20px 0;
}

.tagline h1{
	font-size:5em !important;
	}
	@media only screen and (max-width: 630px) {
		.tagline h1{
			font-size:4em !important;
			}
		}



/*コンテンツ内 ベージュ背景のボックス*/
.box_bage{
	background-color:#f9f8f6;
	padding:10px 25px;
	display:inline-block;
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	-ms-border-radius:		3px;
	-o-border-radius:		3px;
	border-radius:			3px;
	}

/*TOPページ メインイメージ*/
.top_ttl{
	display:block;
	background:url(https://www.kojiasobi.jp/images/IMG_5356_h.jpg) no-repeat center bottom;
	background-size:cover;
	padding:10px 0;
	margin-bottom:40px;
	height: 658px;
	}
.top_ttl img{
	max-width:100%;
	height:auto;
	}
.top_ttl_in{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	vertical-align:top;
	}
img#t_1{
	float:left;
	margin:80px 0 0 20px ;
	}
img#t_2{
	float:right;
	}
	@media only screen and (max-width: 980px) {
		.top_ttl{
			height: auto;
			}
		.top_ttl_in{
			text-align:center;
			}
		img#t_1{
			display:none;
			}
		img#t_2{
			float:none;
			margin:0 auto;
			}
		}

/*商品案内ページ メインイメージ*/
.pro_ttl{
	display:block;
	background:url(https://www.kojiasobi.jp/images/IMG_5356_h.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
	vertical-align:top;
	padding:10px 0;
	margin-bottom:40px;
	}
.pro_ttl img{
	max-width:100%;
	height:auto;
	}
.pro_t{
	text-align:center;
	}
.pro_t img{
	max-width:100%;
	height:auto;
	}
.pro_b{
	text-align:center;
	width:33%;
	margin:20px 0;
	}
	@media only screen and (max-width: 980px) {
		.pro_b{
			width:50%;
			}
		.pro_b img,
		img.wp-image-183{
			max-width:70%;
			height:auto;
			}
		}
	@media only screen and (max-width: 630px) {
		.pro_b{
			width:100%;
			}
		.pro_b img{
			max-width:50%;
			height:auto;
			}
		}


html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-size: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 150%;
  word-wrap: break-word;
  color: #333;
  background: #f9f9f9;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
  -webkit-animation: bugfix infinite 1s;
  }
  * html body { /* for lte ie6 */
    font-size: 85%;
    vertical-align: baseline;
    }
  *:first-child+html body { /* for ie7 */
    font-size: 85%;
   }
   html>/**/body  { /* for ie8 */
   font-size: 85%;
   }

  html:not(:target) body { font-size: 13px;}

  @-webkit-keyframes bugfix {
    from {
      padding: 0;
    }
    to {
      padding: 0;
    }
  }

/*********************************************************************/
/* CSSリセット */
/*********************************************************************/

img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
  color: #666;
	text-decoration: none;
}
/* -- ul,li -- */
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
/* -- p -- */
p {
	margin: 0px;
	padding: 0px;
	line-height: 1.75;
}
/* -- text -- */
.textleft,
div.textleft {
	text-align: left;
}
.textright,
div.textright {
	text-align: right;
}
.textcenter,
div.textcenter {
	text-align: center;
}
/* -- float -- */
.alignleft,
div.alignleft {
	margin: 0px;
	padding: 0px 10px 10px 0px;
	float: left;
}
.alignright,
div.alignright {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	float: right;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
hr {
  border: 0;
  height: 1px;
  background: #ddd;
  margin: 30px 0;
  }

/*********************************************************************/
/* ベースとなるレイアウト */
/*********************************************************************/

#wrap {
	width: 940px;
	margin: 0 auto;
}
#main {
	margin: 0px;
	padding: 40px 0px;
 }
 .home #main { padding: 0;}
#content {
	height: 100%;
	padding: 0 0 30px 0;
	}
	#content.one-column { width: 100%; overflow: hidden;}

 .alpha,beta { padding-bottom: 30px;}
	#content.two-column.itemsingle .alpha {
	  width: 580px;
	  float: left;
   }
	#content.two-column.itemsingle .beta {
	  width: 320px;
	  float: right;
   }

	#content.two-column.blog .alpha {
	  width: 640px;
	  float: left;
   }
	#content.two-column.blog .beta {
	  width: 240px;
	  float: right;
   }

	#fourClm.sidebar {
	 clear: both;
	 border-top: 2px solid #f1f1f1;
	 padding: 40px 0;
	 }

/*********************************************************************/
/* ヘッダー（ロゴ、タグライン、ナビゲーション） */
/*********************************************************************/

#header {
	width: 100%;
	margin: 0 0 0px 0;
	padding: 15px 0 15px 0;
	background: #25292F;
	z-index: 99;
 }
 #header .padder {
   width: 940px;
   margin: 0 auto;
   position: relative;
 }


h1#site-title,
div#site-title {
	margin: 0px;
	padding: 0px 30px 0 0;
	font-size: 24px;
	line-height: 30px;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	display: inline;
	float: left;
  }
  h1#site-title a,
  div#site-title a { color: #fff; text-decoration: none; cursor: pointer; }

  .site-logo img {
    float: left;
    padding: 0 0px 0 0;
    }

p.discprition {
	display: none;
}

.topbanner,
.headerslider {
  margin: 25px 0 40px 0;
  width: auto;
  height: auto;
}
.headerslider .pika-thumbs { display: none;}


#promo_banner {
	background: #000;
	color: #bcbcbc;
	text-align: center;
	padding: 5px 0;
	font-size: 11px;
	font-family: 'Montserrat', sans-serif;
}

/* Main menu */

.animenu input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.animenu label {
  display: none;
  cursor: pointer;
  user-select: none;
}


.mainnavi {

}

.mainnavi li {
	padding: 0px 0;
	margin: 0px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	}
	div.mainnavi li:first-child,
	ul.mainnavi li:first-child { border: none;}

.mainnavi a {
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  text-decoration: none;
  font-weight: normal;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  }
.mainnavi li:hover > ul {
  display: block;

 }

   /* Dropdown-menu */
   .mainnavi ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: none;
     position: absolute;
     top: 35px;
     left: 0px;
     width: 120px;
     z-index: 99999;
     background: #25292F;
     }

   .mainnavi ul li {
     float: none;
     border: none;
     margin: 0;
     padding: 0;
     display: block;
     }

   .mainnavi ul a {
     padding: 10px 10px;

     height: auto;
     line-height: 1;
     display: block;
     white-space: normal;
     text-align: center;
     text-transform: none;
     zoom: 1;
     }
     .mainnavi ul a:after {content: none;}
   *html .mainnavi ul a /* IE6 */ {
     height: 10px;
     width: 160px;
     }

   *:first-child+html .mainnavi ul a /* IE7 */ {
     height: 10px;
     width: 160px;
     }

   .mainnavi ul a:hover { background: #33373d; }



   .mainnavi ul li:first-child a:hover:after {	background: #25292F; }

   .mainnavi ul li:last-child a { }

   /* Clear floated elements */
   .mainnavi:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

   * html .mainnavi             { zoom: 1; } /* IE6 */
   *:first-child+html .mainnavi { zoom: 1; } /* IE7 */




/* -- UtilityNavi on Top of pages -- */
.utilities {
  text-align: right;
  position: absolute;
  right: 0;
  top: 0px;
}
ul.subnavi {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}
ul.subnavi li {
	margin: 0px;
	padding: 0;
	display: inline-block;
  *display: inline;
  *zoom: 1;
}
ul.subnavi a {
 color: #fff;
 font-size: 0.85em;
 font-family: 'Montserrat', sans-serif;
 font-weight: normal;
	display: inline-block;
	margin: 0 0 0 20px;
 padding: 6px 0 3px 24px;
 }

ul.subnavi li a {
  background: url(../images/icons.png) no-repeat 2px -56px;
  }


ul.subnavi li a.cart {
 position: relative;
  background-position: 0px -53px;

  }

  ul.subnavi li a.cart span.totalquantity {
  position: absolute;
  left: 8px;
  top: 0px;
  font-size: 8px;
  font-weight: bold;
  }

  ul.subnavi li a.cart span.totalprice {
  background: #fff;
  color: #999;
  padding: 4px 12px 3px 12px;
  margin: 0 0 0 5px;
  font-size: 11px;
  line-height: 11px;
  	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
  }
  ul.subnavi li a.cart span.totalprice em {font-style: normal; }

ul.subnavi li a.usces_login_a,
ul.subnavi li a.user {
  background-position: 4px -107px
  }
ul.subnavi li a.usces_logout_a {
  background-position: 0px -5px;
  padding-left: 20px;
  }

.header_explanation,
.footer_explanation {
  color: #c5b44f;
  padding:0;
  font-size: 0.9em;
  margin: 0 ;
  }
  .footer_explanation {margin: 15px 0;}


/*********************************************************************/
/* サイドバーウィジェット（Welcart_defaultのセレクタをベースに必要な部分だけリライトしています） */
/*********************************************************************/

/* -- widget -- */
#fourClm.sidebar { overflow: hidden;}
#fourClm.sidebar .clmwrap {
 width: 980px;
 }

#fourClm.sidebar li.widget {
	padding: 0px 0px 0px 0px;
	width: 205px;
	margin: 0 40px 0 0;
	float: left;
}
#fourClm.sidebar li.widget:nth-child(4n) {margin-right: 0;}
.sidebar .widget_title {
	width: auto;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 0;
	font-size: 1em;
	line-height: 1;
	font-weight: bold;
}

.sidebar .widget_tag_cloud .widget_title {
	padding: 5px 10px 0px 5px;
	border: none;
}
.sidebar .widget_title>img {	display: none; /* hide default frumpy images */}
.sidebar li ul,
#calendar_wrap,
.widget_tag_cloud div,
.widget_search form {
	width: auto;
	margin: 0 0 30px 0;
	padding: 0px;

}
.sidebar li ul ul {
	border: none;
}
.sidebar li li {
	width: auto;
	height: auto;
	padding: 0 0 0 0px;
}
.welcart_widget_body {
}
.welcart_widget_body .post_list .title a{
  display: block;
}
.welcart_widget_body .post_list p {
  display: none;
}

.sidebar #calendar_wrap,
.sidebar li.widget ul.welcart_featured_body,
.sidebar li.widget ul.welcart_calendar_body,
.sidebar li.widget ul.welcart_search_body,
.sidebar li.widget ul.welcart_login_body {
	padding-top: 10px;
}
.sidebar #calendar_wrap,
.sidebar .widget_tag_cloud div {
	padding: 0px 10px 0px 10px;
}
.sidebar .usces_recent_entries li a,
.sidebar .widget_archive li a,
.sidebar .widget_categories li a,
.sidebar .widget_pages li a,
.sidebar .widget_meta li a,
.sidebar .widget_links li a,
.sidebar .widget_recent_comments li a,
.sidebar .widget_recent_entries li a,
.sidebar .widget_welcart_category li a,
.sidebar .widget_welcart_post li a,
.sidebar .widget_welcart_page li a,
.sidebar .widget_welcart_bestseller li a {
	padding: 7px 0px;
	display: block;
	line-height: 1;
	zoom: 1;
}

/*****************************************/
/* ウィジェット：商品カテゴリーリスト */
/*****************************************/

.sidebar .widget_welcart_category .widget_title {margin: 0;}
.sidebar .widget_welcart_category li a {
  color: #555;
  }
  .sidebar .widget_welcart_category li ul.children { margin: 0;}
  .sidebar .widget_welcart_category li ul.children li a:before {content:"- "; color: #ddd;  }
  .sidebar .widget_welcart_category li ul.children li a {
    line-height: 1;
    padding-left: 5px;
    font-weight: normal;
    }


/*****************************************/
/* ウィジェット：検索フォーム */
/*****************************************/
.sidebar .widget_search a,
.sidebar .widget_welcart_search a,
.sidebar .widget_ucart_search a {
	margin-right: 5px;
	font-size: 10px;
	letter-spacing: 1px;
}
.sidebar .widget_search a:hover,
.sidebar .widget_welcart_search a:hover,
.sidebar .widget_ucart_search a:hover {
	text-decoration: none;
}
.sidebar .widget_search #searchsubmit,
.sidebar .widget_welcart_search #searchsubmit,
.sidebar .widget_ucart_search #searchsubmit {
	width: 40px;
	height: 26px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	background: #dfdfdf url('../images/icons.png') no-repeat 50% -157px;
	cursor: pointer;
	border: none;
	text-indent: -9999px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	vertical-align: middle;
}
.sidebar .widget_search input#s,
.sidebar .widget_welcart_search input.searchtext,
.sidebar .widget_ucart_search input.searchtext {
  border: none;
  background: #fff;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	width: 70%;
	padding: 6px 4px;
	vertical-align: middle;

}
.sidebar .widget_search input#s {
	width: 55%;
}

.sidebar .widget_welcart_search form div { display: none; /* hide default useless search */}


/*****************************************/
/* ウィジェット：ログイン */
/*****************************************/
.sidebar .widget.widget_welcart_login .loginbox {
 padding: 20px 15px;
	width: auto;
	background: #f0f0f1;
}
.sidebar .widget_welcart_login form br {display: none;}
.sidebar .widget_welcart_login form input[type="text"],
.sidebar .widget_welcart_login form input[type="password"] {
  border: none;
  background: #fff;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	display: block;
	width: 99%;
	margin: 0 0 10px 0;;
	padding: 6px 0px;
	text-align: center;
	vertical-align: middle;
	}
	.sidebar .widget_welcart_login form .submit { margin: 20px 0 10px 0;}
		.sidebar .widget_welcart_login form .submit input { display: block; width: 99%;}

/*****************************************/
/* ウィジェット：カレンダー */
/*****************************************/
.welcart_calendar_body.welcart_widget_body {
 font-size: 0.85em;
}
#wp-calendar {
 font-size: 1em;
	width: 99%;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #e6e6e6;
	text-align: center;
}
#wp-calendar caption {
	padding: 8px;
	line-height: 1;
	background-color: #f9f8f6;
	letter-spacing: 1px;
	font-size: 0.9em;
}
#wp-calendar th,
#wp-calendar td {
	padding: 5px 2px;
		border: 1px solid #e6e6e6;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1;
}
#wp-calendar th {
	background-color: #c8c6c2;
	padding: 2px;
	color: #FFF;

}
#wp-calendar td {
	background: #fff;
	color: #8a8a83;
}
#wp-calendar td.businesstoday {
background: #f2f2ec;
}

#wp-calendar td.businessday,
span.business_days_exp_box,businessday {
  background-color: #fde1e1;
  color: #f99595;
  }
  span.business_days_exp_box,businessday {
    margin: 0 0 0 5px;
  }






/*****************************************/
/* ウィジェット：おすすめ商品 */
/*****************************************/
.sidebar .widget_welcart_featured .thumimg,
.sidebar .widget_ucart_featured .thumimg {
	margin: 0px auto;
}
.sidebar .widget_welcart_featured .thumimg img,
.sidebar .widget_ucart_featured .thumimg img {
	text-decoration: none;
	width: 100%;
	height: auto;
}
.sidebar .widget_welcart_featured .thumtitle,
.sidebar .widget_ucart_featured .thumtitle {
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
.sidebar .widget_welcart_featured .thumtitle a,
.sidebar .widget_ucart_featured .thumtitle a {
	text-decoration: none;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
.sidebar .widget_welcart_featured .thumtitle a:hover,
.sidebar .widget_ucart_featured .thumtitle a:hover {
	font-weight: bold;
}

/*****************************************/
/* ウィジェット：ベストセラー */
/*****************************************/
.widget_welcart_bestseller ul li {
 	counter-increment : item;
 	border-bottom: 1px dotted #ddd;
 	padding: 0 0 0 15px;
 	margin-top: 5px;
 	line-height: 1;
 	position: relative;
}
.widget_welcart_bestseller ul li a:before {
  content: counter(item) "";
  font-weight: bold;
  color: #ccc;
  margin-right: 8px;
  font-style: italic;
  font-family: helvetica;
  position: absolute;
  top: 5px;
  left: 0;
  }


/*********************************************************************/
/* コンテンツの共通 CSS */
/*********************************************************************/
#content section {
  line-height: 1.8;
  }
#content .storycontent p { margin: 0 0 1.5em 0;}
#content .storycontent a {
	color: #b69f1a;
	padding: 0 2px;
	text-decoration: none;
	}
	#content .storycontent a:hover { text-decoration: underline;}
 #content h2.pagetitle,
 #content .pagetitle {
  display: block;
  font-size: 1.8em;
  font-weight: bold;
  }
#content h1.pagetitle {
  color: #444;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 40px 0;
  font-size: 1.6em;
  border-bottom: 1px solid #eee;
  padding: 0 0 20px 0px;
  }
  .categoryhead {
     margin: 0 0 30px 0;
    }
    #content .categoryhead h1.pagetitle {
      margin: 0 0 10px 0;
    }
    #content .categoryhead span {
      font-size: 0.9em;
    }

#content .blogindex h2 {
 	padding: 5px 0px;
	margin: 30px 0 10px 0;
	font-size: 1.17em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}
#content .storymeta {
  padding: 5px 3px;
  text-align: right;
  font-size: 11px;
  margin: -34px 0 34px 0;
}

#content .postmetadata {
  font-size: 10px;
  margin: 20px 0 0 0;
  background: #f9f9f9;
  padding: 3px 10px;
  }
  #content .postmetadata span { padding: 0 0.5em;}
#content .post h2 {
  padding: 5px 10px;
  margin: 40px 0 20px 0;
  font-size: 1em;
  font-weight: normal;
  background: #f9f9f9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }

#content .blogindex .postsummary {
  margin: 0 0 100px 0;
}
#content .entry p {
  padding: 0 0 0.7em 0;
}
#content .post img,
#content .blogindex img {
  max-width: 100%;
  height: auto;
  }

#content .feedback h3 {
  padding: 5px 10px;
  margin: 40px 0 20px 0;
  font-size: 1em;
  font-weight: normal;
  background: #f9f9f9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }


/* catbox */
#content .catbox {
	width: auto;
	height: 100%;
}
/* page_box */
#content .page_box {
	width: auto;
	margin: 0px;
	padding: 30px 20px;
	background-color: #FFFFFF;
}

/* thumbnail_box */
#content .rcmnd,
#content .thumbindex {
  width: 975px;
  margin-right: -20px; /* megative margin for IE */
  letter-spacing: -.40em;
}
.home #content h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 1.4em;
	margin: 50px 0 0;
	}
#content .rcmnd p,
#content .thumbindex p { letter-spacing: normal;}

#content .thumbnail_box {
 letter-spacing: normal;
	width: 290px;
	margin: 0 35px 20px 0;
	text-align: center;
	vertical-align: top;
	padding: 30px 0 20px 0;
	display: inline-block;
  *display: inline;
  *zoom: 1;
	overflow: hidden;
}

.thumbnail_box .thumimg {
  vertical-align: bottom;
  overflow: hidden;
  margin: 0 0 15px 0;
  }

.thumbnail_box .thumtitle {
	width: auto;
	text-align: left;
	float: left;
	line-height: 1.2;
	margin: 0 0 0px 0;
}
.thumbnail_box .thumtitle a {
	text-decoration: none;
	white-space: normal;
	word-wrap: break-word;
}

.thumbnail_box .thumtitle span {
  display: block;
  margin: 4px 0 0 0;
	font-size: 0.9em;
	}

.thumbnail_box .price {
  font-size: 0.9em;
  text-align: right;
  font-weight: bold;
  color: #333;
}

.thumbnail_box a.detailbutton {
	width: 89px;
	height: 16px;
	padding-top: 5px;
	margin-top: 10px;
	background: #333;
	display: block;
	color: #566732;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}
.thumbnail_box a.detailbutton:active {
	outline: none;
}


.pagination {
  clear:both;
  padding:10px;
  margin: 0 0 40px 0;
  border: 1px solid #eee;
  position:relative;
  line-height:1;
  text-align: center;
  font-size: 11px;
  }

.pagination span, .pagination a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0px 5px 0px 0;
  padding: 6px 9px;
  text-decoration:none;
  width:auto;
  color:#fff;
  background: #333;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }

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

.pagination .current{
  padding:6px 9px 5px 9px;
  color:#333;
  background: #fff;
  }


.category_images img {
  display: block;
  vertical-align: bottom;
  margin: 0 0 30px 0;
  width: 100%;
  height: auto;
}


/* 関連商品表示ガイド */
.relatedbox {
 clear: both;
 padding-top: 50px;
}
.relatedbox h3 {
 letter-spacing: 1px;
 border-bottom: 1px solid #eee;
 padding: 0 0 2px 0;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 0.9em;
 margin-bottom: 20px;
 }


/* ご利用ガイド */
section.guide {
 padding: 0 0 40px 0px;
 }
 .guide h2 {
  padding: 14px 15px;
  margin: 40px 0 20px 0px;
  font-size: 1.2em;
  line-height: 1;
  background: #3f3f3f;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
  .guide ol li {
    list-style-type: decimal;
    margin: 0 0 1em 0;
  }

 .guide ul {
margin-top:1em;
padding-left:2em ;
  }
  .guide ul li {
    list-style-type:circle;
    margin: 0 0 1em 0;
  }

 .guide h5:before{
content:"●";
margin-right:0.25em;
}




/* 特定商取引法に基づく表記のテーブル */
table.legalinfo {
	width: 100%;
	margin: 0 0 20px 0px;
	border-collapse: collapse;
	}
  table.legalinfo th {
  white-space: nowrap;
 	border-bottom: 1px dotted #e6e6e6;
 	border-left: none;
  color: #555;
  font-weight: bold;
  border-right: none;
  text-align: left;
  width: 25%;
  }
  table.legalinfo td {
 	border-bottom: 1px dotted #e6e6e6;
  color: #4c4c4c;
  }
  table.legalinfo th,
  table.legalinfo td {
  text-align: left;
  padding: 15px 0px;
  }


/* 管理者ログイン中に、画面上に表示される「Edit」リンクが邪魔なので表示しないようにする */
.post-edit-link { display: none; }



/*********************************************************************/
/* フッター */
/*********************************************************************/


#footer {
	width: auto;
	background: #25292F;
	color: #bababa;
	padding: 70px 0;
	text-align: center;
	}
	#footer a { color: #a0a0a0;}

#footer p {
	margin: 0px;
	padding: 0px;
}
#footer p.copyright {
	font-size: 12px;
}
#footer p.credit {
	margin-top: 20px;
	font-size: 10px;
	text-align: center;
}
#footer ul.footernavi {
	padding: 0px;
	margin: 0px;
}
#footer li {
	display: inline;
	white-space: nowrap;
	margin: 0px;
	padding: 0px 20px;
	font-size: 0.9em;
	}
	#footer li a { color: #d9d9d9;}


/*********************************************************************/
/* フォーム */
/*********************************************************************/

ol#commentlist { padding: 0 0 0 20px;}
ol#commentlist  li.comment {
 padding: 0 0 20px 55px;
 margin: 0 0 20px 0;
 position: relative;
 border-bottom: 1px dotted #eee;
 }
 ol#commentlist  li.comment img.avatar {
   border: 4px solid #f8f8f8;

   position: absolute;
   top: 3px;
   left: 0;
   }
  ol#commentlist  li.comment cite {
    font-size: 0.8em;
  }

input[type="text"],
input[type="password"],
textarea {
  font-family:Verdana,Arial,sans-serif;
  font-size: 1em;
  border: 0;
  padding: 7px;
  width: 90%;
  color: #444;
  border: solid 1px #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 1px rgba(255, 255, 255, 0.5);

  }

#commentform input[type="text"] {
   width:300px;
   margin: 0 10px 20px 0;
   }
#commentform textarea { width: 500px; }


button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button:visited {
  display: inline-block;
  padding: 13px 30px;
  background-color: #000000;
  font-weight: bold;
  border: none;
  color: #fff;
    -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  cursor: pointer;
}
.button:hover,
.button:visited:hover,
.button:focus,
.button:visited:focus {
  background-color: #555;
  color: #ffffff;
}

/* Positive buttons （目立つボタン）*/
input[type="submit"].to_customerinfo_button,
input[type="submit"].to_confirm_button,
input[type="submit"].checkout_button {
  background: #383838;

}


/* Negative buttons （目立たなくて良いボタン）*/
input[type="submit"].back_to_customer_button,
input[type="submit"].back_cart_button,
input[type="submit"].back_to_delivery_button,
input[type="submit"].delButton,
input[type="button"].continue_shopping_button,
.upbutton input[type="submit"] {
  background: #c2c1be;
  border: none;
  }
input[type="submit"].delButton,
.upbutton input[type="submit"] {  padding: 5px 15px;}
.upbutton { text-align: right; }


/*********************
CLEARFIXIN'
*********************/
#main:after,
.clearfix:after,
section:after,
.usccart_navi ol:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#main,
.clearfix,
section,
.usccart_navi ol {
  display: inline-table;
  min-height: 1px;
}
* html .clearfix,
* html #main,
* html section,
* html .usccart_navi ol {
  height: 1px;
}
.clearfix,
#main,
section,
.usccart_navi ol {
  display: block;
}
.clear {
  clear: both;
}


/********************************************************************
jQueryプラグイン『pikachoose』を利用しています。
その他の写真ギャラリーの見せ方をしたい場合は、お好みのプラグインを探してみて下さい。
Item Photogallery by http://www.pikachoose.com/
********************************************************************/

.pikachoose { width: 580px; margin: 0 0 30px 0;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 0px; height: 160px; }
	.pika-thumbs li{
	  width: 140px;
	  margin: 10px 0 0 0;
	  padding: 0;
	  overflow: hidden;
	  float: left;
	  list-style-type: none;
	  margin: 0 0px;
	  cursor: pointer;
	  }
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
	.pika-thumbs li .clip img { width: auto; height: auto;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 100%; height: auto;}
.pika-stage { position: relative;  text-align:center; zoom: 1; }
.pika-stage img{height:auto; width: 100%; vertical-align: bottom;}


/* Ths play, pause, prev and next buttons */
.pika-imgnav a { position: absolute; font-size: 0; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../images/prev.gif) no-repeat left 45%; height: 100%; width: 40px; top: 0px; left: -2px;cursor:pointer;}
	.pika-imgnav a.next {background: url(../images/next.gif) no-repeat right 45%; height: 100%; width: 40px; top: 0px; right: -2px;cursor:pointer;}
	.pika-imgnav a.previous,
	.pika-imgnav a.next{
   -moz-background-size: 40px;
   -webkit-background-size: 40px;
   -o-background-size: 40px;
   background-size: 40px;
   }
/* The previous and next textual buttons */
.pika-textnav { display: none;}



/*for the tool tips*/
.pika-counter{
 position: absolute;
 bottom: 10px;
 right:10px;
 padding: 3px 6px;
 color:#777;
 background:rgba(255,255,255,0.7);
 font-size:10px;
 }

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */
.pika-loader{ background:url(../images/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px;
	text-align:right; position:absolute; top:15px; right:15px; }


.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 10px 0 0 0; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 160px; width: 580px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}





/********************************************************************

/*********************************************************************/
.parallax-window1,
.parallax-window2 {
    min-height: 600px;
    background: transparent;
    position: relative;
	}
	.parallax-window2 { margin-bottom: 20px;}

hgroup.tagline {
	position: absolute;
	top: 48%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	}
	hgroup.tagline h1 {
		font-weight: lighter;
		letter-spacing: 1px;
		line-height: 1.2;
		font-size: 28px;
		text-transform: uppercase;
	}
	hgroup.tagline p {
		font-weight: normal;
		letter-spacing: 2px;

	}
	hgroup.tagline a {
		margin-top: 30px;
		display: inline-block;
		border-radius: 2px;
		padding: 10px 25px;
		font-size: 0.9em;
		letter-spacing: 2px;
	}

	hgroup.tagline.white { color: #fff;}
	hgroup.tagline.white a { color: #fff; border: 1px solid #fff; }
	hgroup.tagline.black { color: #222;}
	hgroup.tagline.black a { color: #222; border: 1px solid #222; }


.rcmnd{
}
.rcmnd div {
	transition: .8s;
}

.thumbnail_box {
opacity: 0;
}
.mv01{
opacity: 1;
}









/*********************************************************************/
/* Welcart Item single page CSS Start */

span.cprice {
	text-decoration: line-through;
	font-weight: normal;
	font-size: 12px;
}
em.tax {
	color: inherit;
	text-decoration: none;
	letter-spacing: 0em;
	font-weight: normal;
	font-style: normal;
	font-size: 0.7em;
}

dl.itemGpExp {
	margin: 0px;
	padding: 0px;
}
dl.itemGpExp dt {
	margin: 0px;
	padding: 3px 0px 0px 0px;
	height: 16px;
	background-image: url('images/gp.gif');
	background-position: left center;
	background-repeat: no-repeat;
	color: 777;
	font-weight: bold;
	font-size: 13px;
}
.stockstatus dl.itemGpExp dd {
	margin: 0 0 0 0px;
	padding: 0 0 10px 0px;
	text-align: right;
	position: relative;
}
dl.itemGpExp ul {
	margin: 0px;
	padding: 0px;
}
dl.itemGpExp li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	letter-spacing: 1px;
	font-size: 13px;
}


#itempage .field {
	margin: 0px;
	width: auto;
	height: auto;
}
#itempage .field hr {
	color: #CCCCCC;
}
#itempage .field .field_name {
	text-align: left;
}
#itempage .field .field_price {
	margin: 0px;
	padding: 0px;
	width: auto;
  font-size: 1.4em;
  font-family: Helvetica;

}
#content h1.item_page_title {
	margin: 0 0 20px 0;
  color: #333;
	font-size: 2em;
	line-height: 1.3;
}
#itempage h2.item_name {
	padding: 0;
	font-size: 14px;
	line-height: 18px;
}


#itempage .description {
	margin-bottom: 10px;
}
*:first-child+html #itempage .description {
	display: inline;
}

#itempage section.orderitem {
  margin: 40px 0;
}
#itempage section.orderitem .stockstatus {
  }
#itempage section.orderitem .actionform {
  padding: 30px 0 0 0;
  }

  .stockstatus dl {
    position: relative;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    }
    .stockstatus dl dt {
      font-size: 0.9em;
      font-weight: bold;
    }
    .stockstatus dl dd {
       position: absolute;
       top: 10px;
       right: 0;
       }
       .stockstatus dl dd.field_cprice,
       .stockstatus dl dd.field_price {
         letter-spacing: 1px;
         font-weight: 100;
         font-size: 1.5em;
         font-family: helvetica;
         font-family: 'Sintony', sans-serif;
         letter-spacing: -1px;
         }

 select.iopt_select {
     border-radius:3px;
     height: 30px;
     font-size: 14px;
     border: none;
     cursor: pointer;
     background: #fff;
     border: 1px solid #ddd;
 }


#itempage form {
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
}
#itempage .itemmainimg img {
  margin: 0 0 0px 0;
  max-width: 750px;
}
#itempage .itemsubimg {
	margin: 0 0 40px 0;

}
#itempage .itemsubimg img {

}
#itempage .skuform {
	width: 100%;
}
#itempage .skuform .skuquantity {
	padding-right: 4px;
	padding-left: 4px;
	width: 50px;
	text-align: right;
}


#itempage table {
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
  border-color: gray;
  }
  #itempage table th,
  #itempage table td {
   padding: 15px 0;
   border-bottom: none;
   font-weight: normal;
   font-size: 0.9em;
   }
   #itempage table td input,
   #itempage table td select {
     padding: 5px 0;
     width: 100%;
     font-size: 1.1em;
   }
   #itempage table td input[type="radio"] { width: auto;}


 /* SKU SINGLE */
#itempage table.skusingle,
#itempage table.item_option {
 	margin: 0px 0px 10px 0px;
 	padding: 0px;
  background: #f0f0f1;
  }


  #itempage table.skusingle td,
  #itempage table.item_option td {
  	margin: 0px;
  	padding: 3px 13px 3px 0px;
  }

  .addtocart {
    margin: 0px 0 0 0;
    padding: 15px 15px;
    background: #f0f0f1;
    }
    #itempage .skuform .skuquantity {
      margin: 0 5px 0 10px;
      padding: 5px;
      width: 1em;
      text-align: center;
      letter-spacing: 1px;
      font-size: 1em;
      font-family: helvetica;
      }
      .addtocart input[type=submit] {
        margin: 0 0 0 10px;
        padding: 10px 0;
        width:170px;
        }

/* SKU MULTI */
.skumultibox {
  padding: 0 0 40px 0;
}
.skumultibox + div.skumultibox {
  padding: 0 0 0px 0;
}
#content .post .skumultibox h3 {
  margin: 0;
  margin: 0 0 15px 0;
  padding: 10px 10px 10px 10px;
  background: #f3f3f3;
  color: #444;
  font-size: 14px;
  line-height: 1em;
  }
  #content .post .skumultibox h3 span {
    padding-left: 1em;
    font-weight: normal;
    font-size: 12px;
  }


#itempage table.skumulti {
 	margin: 0;
 	padding: 0;
 	width: 100%;
 	border: 1px solid #CCC;
 	border-collapse: collapse;
  }
  #itempage table.skumulti th {
  	margin: 0px;
  	padding: 3px;
  	border-right: 1px solid #FFF;
  	border-bottom: 1px solid #FFF;
  	background-color: #E6E6E6;
  	text-align: center;
  	font-weight: normal;
  	font-size: 12px;
  }
  #itempage table.skumulti th.thborder {
  	border-bottom: 2px solid #CCC;
  }
  #itempage table.skumulti td {
  	margin: 0px;
  	padding: 3px;
  	border: 1px solid #D9D9D9;
  }
  #itempage table.skumulti td.subborder {
  	border-bottom: 3px solid #D9D9D9;
  }
  #itempage table.skumulti td.skudisp {
  	color: #f00;
  	font-weight: bold;
  }

.zaiko_status {
   display: block;
  margin: 0 10px 0 70px;
  padding: 15px 25px;
    -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #c8c6c2;
  color: #fff;
   text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  line-height: 1;
}


#itempage .assistance_item {
	padding: 0px;
	width: auto;
}
#itempage .assistance_item h3 {
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 3px 5px;
	height: 18px;
	background-color: #999999;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
}
#itempage .assistance_item ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}
#itempage .assistance_item li {
	float: left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 312px;
}
#itempage .assistance_item .listbox {
	margin-right: 10px;
	padding: 10px;
	width: auto;
	border: 1px solid #cccccc;
	background-color: #f9f9f9;
}
#itempage .assistance_item .slit {
	float: left;
	overflow: hidden;
	width: 100px;
	height: 100px;
	background-image: url('image/no_img.gif');
	background-repeat: no-repeat;
}
#itempage .assistance_item .detail {
	margin: 0px;
	padding-top: 5px;
	padding-left: 115px;
	width: auto;
}
#itempage .assistance_item h4 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #660000;
	font-weight: bold;
	font-size: 12px;
	line-height: 150%;
}
#itempage .assistance_item .detail p {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 11px;
	line-height: 150%;
}
.page_content {
	padding: 10px;
}
/* Welcart Item single page CSS End */

/* wc_item_single Start */



#itempage .assistance_item {
	width: 740px;
}
#itempage .assistance_item ul {
	overflow: hidden;
	margin-right: -10px;
	width: 750px;
	_zoom: 1;
}
#itempage .assistance_item ul li {
	margin-right: 10px;
	width: 240px;
}
#itempage .assistance_item .listbox {
	overflow: hidden;
	margin-right: 0px;
	height: 125px;
}
/* wc_item_single End */



/*********************************************************************/
/* 商品カテゴリー複合検索画面 */
/* ********************************************************************/

#searchbox {
	margin: 0px 0 15px 0;
	padding: 20px 30px;
	width: auto;
	border: 10px solid #f6f6f0;
	background: #f8f8f3;

}
#searchbox label.outlabel {
	font-weight: bold;
}

#searchbox legend {
font-weight: bold;
}
#searchbox fieldset {
 margin: 20px 0 0 0;
	border: 2px solid #ebebe0;
	padding: 20px 20px;
}

#searchbox fieldset ul {
	margin: 0px;
}
#searchbox fieldset li {
	width: 100px;
	display: inline-block;
}

#searchbox input.usces_search_button {
  margin: 20px auto 0px auto;
  width: 180px;
}

/*********************************************************************/
/* Welcart Member page CSS Start */
#memberpages #memberinfo ul {
	margin: 0px;
	padding: 0px 0px 15px 20px;
	list-style-position: outside;
}
#memberpages #memberinfo li {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
	line-height: 24px;
}
#memberpages #memberinfo li strong {
	color: #cc0000;
}

#memberpages div.loginbox {
 	width: 400px;
 	margin: 0 auto;
}
#memberpages div.loginbox form {
	margin: 0px auto 0px auto;
	padding: 10px 30px 20px 30px;
	background: #e3e3e3;
}
#memberpages input.loginmail,
#memberpages input.loginpass {
	padding: 10px;
	width: 300px;
	font-size: 1.2em;
}

#memberpages .loginbox p {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	color: #333333;

	line-height: 24px;
}
#memberpages .loginbox p#nav {

}
#memberinfo table {
	margin-top: 10px;
	width: 99%;
	border-collapse: collapse;
	border-right: 1px solid #e6e6e6;
}
#memberinfo table .num{
	font-size: 14px;
}
#memberinfo table .num + td { display: none;	border-left: 1px solid #e6e6e6; }
#memberinfo table .rightnum,
#memberinfo table .date {
	padding: 10px 5px;
	border-left: 1px solid #e6e6e6;
	text-align: right;
	white-space: nowrap;
}


#memberinfo th,
#memberinfo td {
  	padding: 12px 15px;
	line-height: 150%;
	background: #fff;
	}

#memberinfo th {
	width: 25%;
	border: 1px solid #dedede;
	background-color: #f0f0f1;
	border-right: none;
	color: #555;
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
	font-size: 12px;
}
#memberinfo th.historyrow {
	background-color: #f3f3f3;
	text-align: center;
	white-space: nowrap;
	font-size: 11px;
}
#memberinfo td {
	border-top: 1px solid #e6e6e6;
	border: 1px solid #e6e6e6;
	color: #4c4c4c;
}
#memberinfo td.retail {
	padding: 10px 10px 40px 10px;
	border-left: 1px solid #e6e6e6;
	background-color: #fcfcfc;
}
#memberinfo td.retail table {
  margin: 0;
  width: 100%;
  background: #fff;
  }
#memberinfo td.retail table th {
  padding: 5px;
  width: auto;
  background: #f3f3f3;
  text-align: center;
  font-size: 12px;
}
#memberinfo td.retail table td {
  padding: 5px;
  border-left: 1px solid #e6e6e6;
  text-align: center;
  font-size: 0.9em;
  }
  #memberinfo td.retail table td.aleft { text-align: left; }
  #memberinfo td.retail table td img {
    margin: 0;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    vertical-align: bottom;
    }

#memberinfo h3 {
	margin: 50px 0px 20px 0px;
	padding: 3px 0px;
	border-bottom: 1px solid #777;
	font-weight: normal;
	font-size: 1.2em;
}

#memberinfo .customer_form input {
	margin: 0 8px;
	width: 50%;
	font-size: 1em;
}
#memberinfo .customer_form input#zipcode {
	margin-left: 8px;
	width: 80px;
}
#memberinfo .customer_form input#address1,#memberinfo .customer_form input#address2,#memberinfo .customer_form input#address3 {
	margin-right: 8px;
	margin-left: 0px;
	width: 75%;
}

/* 実用性の薄いリンクを表示しない*/
#memberinfo a.usces_logout_a,
.currency_code { display: none;}


/* Welcart Member page CSS End */



/*********************************************************************/
/* Welcart cart page CSS Start */

/* Common Form elements */
.send {
	margin: 40px 0 15px 0;
	padding: 30px;
	width: auto;
	border: 1px solid #dedede;
	background: #f0f0f1;
	text-align: center;
}
.customer_form em {
  margin: 0 2px 0 0;
  color: #f00;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
  }

#content h1.cart_page_title {
	margin: 0 0 30px 0;
	color: #333;
	font-size: 2em;
	line-height: 1;
}

.usccart_navi {
   margin: 0 0 30px 0;
}
.usccart_navi ol {
	margin: 0 0 20px 0;
	padding: 0px;
	width: auto;
}

div.usccart_navi li.ucart{
	width: 24.9%;
	float: left;
	margin: 0px;
	height: 40px;
	line-height: 40px;
	background-color: #eeeeef;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	counter-increment : item ;
	position: relative;
}
div.usccart_navi li:before {
    content: counter(item) "";
    background: #fff;
    color: #d5d5d5;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    font-size: 11px;
    height: 18px;
    width: 18px;
    margin: -2px 6px 0 20px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    }
div.usccart_navi li.usccart_cart,
div.usccart_navi li.usccart_customer,
div.usccart_navi li.usccart_delivery,
div.usccart_navi li.usccart_confirm { background: #000000; color: #fff; }

div.usccart_navi li.usccart_cart:before,
div.usccart_navi li.usccart_customer:before,
div.usccart_navi li.usccart_delivery:before,
div.usccart_navi li.usccart_confirm:before {
     background: #ffffff;
     color: #000000;
}
div.usccart_navi li.usccart_cart:after,
div.usccart_navi li.usccart_customer:after,
div.usccart_navi li.usccart_delivery:after{
	content: '';
	position: absolute;
	top: 12px;
	right: -6px;
	width: 15px;
	height: 15px;
	transform: scale(0.707) rotate(45deg);
	-webkit-transform: scale(0.707) rotate(45deg);
	-moz-transform:  scale(0.707) rotate(45deg);
	z-index: 1;
	background: #000000;
	}
 div.usccart_navi li:last-child:after {
 	content: none;
 }




#cart_table {
	margin: 20px 0;
	width: 100%;
	border-collapse: collapse;
}
#cart_table {table-layout:fixed\9;} /*IE8 img width hacking*/
#cart_table th,
#cart_table td {
 	padding: 10px 8px;
	vertical-align: middle;
	line-height: 150%;
}

#cart_table th {
	border: 1px solid #dedede;
	background-color: #f0f0f1;
	color: #555;
	white-space: nowrap;
	font-weight: bold;
	font-size: 12px;
	}
#cart_table td {
	border: 1px solid #dedede;
	background: #fff;
	color: #666;
	text-align: center;
    font-size: 0.9em;
  }
  #cart_table td.aleft {
    text-align: left;
    font-size: 12px;
    line-height: 2em;
  }
  #cart_table .aright {
    text-align: right;
  }
  #cart_table td img {
    margin: 0;
    min-width: 50px !important;
    height: auto;
    display: block;
    vertical-align: bottom;
    -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
           border-radius: 5px;
  }
  #cart_table td input.quantity {
    padding: 4px;
    width: 2em;
    text-align: center;
  }
#cart_table tfoot {
   padding: 10px;
   background: #fff;
   background-color: #fdfcfa;
   font-size: 1em;
   }
   #cart_table tfoot th { font-size: 1em;}
   #cart_table tfoot th.aright+th.aright { color: #ff6767; }

#point_table {
	margin: 30px 0 30px auto;
	width: 400px;
	border: 2px solid #dfdfdf;
	border-collapse: collapse;
}
#point_table th,
#point_table td {
	padding: 12px 15px;
	line-height: 150%;
 }

#point_table td {
	border-top: 1px dotted #eae9e6;
	border-bottom: 1px dotted #eae9e6;
	background-color: #f0f0f1;
	color: #4c4c4c;
	text-align: right;
	}
	#point_table td input.used_point { margin: 0 5px 0 0; padding: 5px;}




#inside-cart .post {
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: auto;
}
#inside-cart h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 10px;
	height: 32px;
	border-bottom: 2px solid #ffe679;
	background-color: #ffcc00;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
}
#inside-cart p {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	color: #333333;
	font-size: 12px;
	line-height: 24px;
}

#customer-info .post {
	margin-top: 10px;
	padding: 15px 0px;
	width: auto;
}



.error_message {
	color: #ff7676;
	font-weight: bold;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 2em;
}
#customer-info h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 10px;
	height: 32px;
	border-bottom: 2px solid #ffc56a;
	background-color: #ff9900;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
}
#customer-info form {
	margin: 0px;
	padding: 0px;
}


#customer-info table,
#delivery-info table.customer_form,
#newmember table.customer_form {
	margin-top: 10px;
	width:100%;
	border-collapse: collapse;
	border-right: 1px solid #e6e6e6;
}
#customer-info th,
#customer-info td,
#delivery-info table.customer_form th,
#delivery-info table.customer_form td,
#newmember table.customer_form th,
#newmember table.customer_form td {
	padding: 12px 15px;
	line-height: 150%;
 }
#customer-info th,
#delivery-info table.customer_form th,
#newmember table.customer_form th {
	width: 25%;
	border: 1px solid #dedede;
	background-color: #f0f0f1;
	color: #555;
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
	font-size: 12px;

}
#customer-info td,
#delivery-info td,
#newmember table.customer_form td  {
	border-top: 1px solid #e6e6e6;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
	color: #4c4c4c;
	}

#customer-info .customer_form input,
#newmember table.customer_form input {
	margin: 0 8px 0 0;
	font-size: 1em;
}
#customer-info .customer_form input[type="text"],
#newmember table.customer_form input[type="text"] {
	width: 50%;
}
.actionform .iopt_label { display: none;  }

#customer-info .customer_form tr.inp1 input {
	margin-left: 8px;
	width: 82%;
}
#customer-info .customer_form tr.inp2 input {
	margin-right: 8px;
	margin-left: 0px;
	width: 75%;
}

#delivery-info .post {
	margin-top: 10px;
	padding: 15px 0px;
	width: auto;
}

#customer-info .customer_form input#zipcode { width: 80px;}
#delivery-info h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 10px;
	height: 32px;
	border-bottom: 2px solid #ffaa68;
	background-color: #ff6600;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
}


#customer_pref{
  height: 27.5px;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

#delivery-info .customer_form dl {
	margin: 0px;
	padding: 0px;
	width: auto;
}
#delivery-info .customer_form dt {
	padding-top: 5px;
	width: auto;
	color: #333333;
	font-size: 12px;
	line-height: 150%;
}
#delivery-info .customer_form dd {
	margin: 0px;
	padding: 0px 0px 5px 20px;
	color: #333333;
	font-size: 12px;
	line-height: 150%;
}
#delivery-info #delivery_table input {
	margin-right: 3px;
	width: 50%;
}
#delivery-info #delivery_table tr.inp1 input {
	margin-right: 0px;
	margin-left: 3px;
	width: 83%;
}
#delivery-info #delivery_table tr.inp2 input {
	margin-right: 3px;
	margin-left: 0px;
	width: 76%;
}
#delivery-info .customer_form .btn {
	width: 24px;
}
#delivery-info #time {
	margin-top: 10px;
}
#delivery-info #notes_table textarea,
#delivery-info #time textarea {
	padding: 6px;
	width: 94%;
	height: 100px;
	font-size: 1.1em;
}

#info-confirm .post {
	margin-top: 10px;
	padding: 15px 0px;
	width: auto;
	background-color: #ffffff;
}
#info-confirm h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 10px;
	height: 32px;
	border-bottom: 2px solid #ff8f71;
	background-color: #ff3300;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
}
#info-confirm form {
	margin: 0px;
	padding: 0px;
}
#info-confirm #confirm_table {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #e6e6e6;
}
#confirm_table h3 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 13px;
	line-height: normal;
}
#confirm_table th,
#confirm_table td {
padding: 12px 15px;
	line-height: 150%;
	}

#confirm_table th {
	width: 25%;
	border-right: none;
	border: 1px solid #dedede;
	background-color: #f0f0f1;
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
	font-size: 12px;
}
#confirm_table td {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	color: #4c4c4c;
	background: #fff;
}
#confirm_table .ttl td,
#confirm_table .ttl {
	background: #e4e4e4;
	font-size: 14px;
}
#confirm_table .bdc td {
	background: #fcffcc;
}

#coml-page h2,#error-page h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 10px;
	height: 32px;
	border-bottom: 2px solid #b2b165;
	background-color: #666600;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
}
#coml-page p,#error-page p {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
	line-height: 150%;
}
#coml-page form,#error-page form {
	margin: 0px;
	padding: 0px;
}

#coml-page .post,#error-page .post {
	margin-top: 10px;
	padding: 15px;
	width: auto;
	background-color: #ffffff;
}


table.customer_form input {
  margin: 0 15px 0 0;
  padding: 5px;
  color: #000000;
  font-size: 1.2em;
}

#search_zipcode{
  height: 27.5px;
  color: #ffffff;
  position: relative;
  top: -1px;
}



/*********************************************************************/
/* Welcart Inquiry page CSS Start */

.inqbox {
	padding-top: 0px;
	padding-bottom: 20px;
	width: auto;
}
.inqbox ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style-position: outside;
}
.inqbox li {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
	line-height: 24px;
}
.inqbox li strong {
	color: #cc0000;
}
.inqbox .inquiry_table {
	margin-top: 10px;
	width: 99%;
	border-collapse: collapse;
	border-right: 1px solid #e6e6e6;
}
.inqbox form {
	margin: 0px;
	padding: 0px;
}
.inqbox th {
	width: 25%;
	border: 1px solid #e6e6e6;
	background-color: #f3f3f3;
	border-right: none;
	color: #555;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}
.inqbox td {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	color: #4c4c4c;
}

.inqbox th,
.inqbox td {
padding: 12px 15px;
	line-height: 150%;
	}

.inquiry_table input {
	padding: 8px;
	width: 95%;
	font-size: 1.2em;
}
.inquiry_table textarea {
	padding: 8px;
	width: 94%;
	height:200px;
	font-size: 1.2em;
}

.inqbox .inquiry_comp {
	margin: 50px auto 0px auto;
	padding: 15px 0px;
	color: #336600;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
}
.inqbox .compbox {
	padding: 10px;
	border: 1px solid #FFCC00;
	background-color: #FFFFCC;
	font-size: 1em;
	line-height: 1.5em;
}


.hidden {
		display: none !important;
}







/*リニューアル*/

@import "library/css/walden.css";
@import "library/css/usces_cart.css";
@import "library/css/responsive.css";


@font-face {
  font-family: "asobi";
	src:url(webfonts/asobi.woff) format('woff');
	font-display: swap;
}


a:hover {
    color: inherit;
    text-decoration: none;
}

#content .storycontent p {
    text-align: justify;
}

.mainnavi a {
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.mainnavi a:hover {
  color: #ffffff;
}

.mainnavi a::after {
  content: "";
      width: 0;
      height: 1px;
      display: block;
      background: #ffffff;
      position: absolute;
      bottom: 8px;
      left: 0;
      right: 0;
      margin: 0 auto;
      transition: .5s;

}


.mainnavi a:hover:after {
  content: "";
      width: calc(100% - 20px);
      transition: .5s;

}

.main-img{
  background: #000000;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  position: fixed;
}


.main-img .logo-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  max-width: 40%;
}

.main-img .logo-img{
  width:70%;
}


.main-img .logo-roll{
  margin-top: 20px;
  width:100%;
}

.main-img .logo-typo{
  margin-top: 20px;
  width:60%;
}


#header{
	background-color:#000;
	z-index:	20;
	position:	fixed;
	padding-top:15px;
	padding-bottom:15px;
  top:0;
}

#header .padder{
  width: calc(100% - 80px);
  padding:0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

#header .padder .site-logo{
  width: 200px;
}


#promo_banner{
  background: #000000;
  color: #ffffff;
  position: relative;
  z-index: 10;
  text-align: left;
  padding: 0 40px 5px;
}

.top-main-contents{
  margin-top: 100vh;
  background: #ffffff;
  position: relative;
  z-index: 10;

}

#footer{
	z-index:	10;
	position:	relative;
  background: #ffffff;
  padding: 0 0 0;
  display: flex;
  flex-direction: column;
}

#footer li {
  display: inline;
  white-space: nowrap;
  margin: 0px;
  padding: 0px 10px;
  font-size: 0.9em;
}

#footer li a{
  color: #000000;
}

#footer li a:hover{
  opacity: 0.6;
}

#footer p.credit{
  background: #000000;
  color: #ffffff;
  padding: 5px 0;
}

.contact{
  background: #ffffff;
  z-index:	10;
  position:	relative;
}

.contact h2{
  width: 200px;
  margin: 0 auto;
  margin-bottom: 30px;
  margin-top: 80px;
}


#footer .contact p{
  color:#000000;
  line-height: 2.5em;
  margin-bottom: 30px;
  width: 100%;
}

#footer .sns{
  background: #ffffff;
  padding-bottom: 50px;
}

#footer .sns ul{
  display: flex;
  justify-content: space-between;
  width: 190px;
  margin: 0 auto;
}


#footer .sns ul li{
  padding: 0;
}

#footer .sns ul li a{
}

#footer .sns ul li a img{
  height: 50px;
  width: 50px;
}


#footer .sns ul li a img.insta{
  background: url(https://www.kojiasobi.jp/wp-content/uploads/2022/12/8147E520784C21CC.jpg);
  background-size: cover;
  border-radius: 2px;
}

#wrap {
    width: 1200px;
    margin: 0 auto;
}

#content .rcmnd{
  width: 100%;
  display: flex;
  justify-content: space-between;

  margin-bottom: 90px;
  flex-wrap: wrap;
}

#content.news{
    padding-top: 120px;
}

#content .thumbnail_box{
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
}

.news h2{
  text-align: center;
  font-family: "asobi";
  font-size: 48px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;

}

.news h2::after{
  content: "［お知らせ＆ご案内］";
    display: inline-block;
    font-size: 12px;
    margin-top: 20px;
    font-weight: normal;
}

.products h2{
  text-align: center;
  font-family: "asobi";
  font-size: 48px;
  margin-bottom: 50px;
  padding-top: 100px;
  display: flex;
  flex-direction: column;
}


.products h2::after{
  content: "［糀ASOBIの商品］";
    display: inline-block;
    font-size: 12px;
    margin-top: 20px;
    font-weight: normal;

}

.post-article{
  width: calc((100% - 80px) / 3);
  margin-bottom: 40px;
}

.post-article a{
  display: block;
  position: relative;
}

.post-article a .thumbnail_box .thumimg{
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  margin: 0;
  position: relative;
}

.post-article a .thumbnail_box .thumimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top:0;
  left:0;
}

.post-article a .thumtitle{
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, #000000ff, #000000cc, #00000099, #00000000);
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0;

}

.post-article a:hover .thumtitle{
  background: #000000;
  padding-top: 100%;

}

.post-article a:hover:after{
  content: "詳しく見る";
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 150px;
  text-align: center;
  opacity: 0;
  transition: 1s;
}

.post-article a:hover:after{
  opacity: 1;
  transition: 1s;
}

.post-article a .thumtitle::after{
  bottom: 180px;
  content: "→";
  color: #ffffff;
  position: absolute;
  font-size: 60px;
  height: 100px;
  width: 100px;
  border: 1px solid #ffffff;
  border-radius: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 10s;
  opacity: 0;
  transition: 1s;
}

.post-article a:hover .thumtitle::after{
  transition: 1s;
  opacity: 1;
}


.post-article a .thumtitle time{
  color: #ffffff;
  font-size: 12px;
}

.post-article a .thumtitle time::before{
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(https://www.kojiasobi.jp/wp-content/uploads/2022/12/date.svg);
  background-size: cover;
  margin-right: 6px;
  margin-left: 1px;
  position: relative;
  top: 1px;

}

.home #content .post-article a .thumtitle h3{
  margin-top: 3px;
  margin-bottom: 3px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5em;
  padding-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.post-article a .thumtitle p{
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5em;
}


.logo-box-black {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 300px;
    max-width: 40%;
    margin: 0 auto;
}

.logo-img-black {
    width: 70%;
}

.logo-roll-black {
    margin-top: 20px;
    width: 100%;
}

.logo-typo-black {
   margin-top: 20px;
   width: 60%;
}

.top-about{
  margin-top: 120px;
}



.top-about h3{
  text-align: center;
  font-size: 38px;
  line-height: 1.5;
  color: #000000;
  margin-top: 54px;
}

.top-about p{
  text-align: center;
  line-height: 2.5em;
  font-size: 18px;
}



.top-img{
  object-fit: cover;
  width: 960px;
  height: 600px;
  object-position: center;
  margin:0 auto;
  display: block;
}

article.product{
  width:calc((100% - 80px) / 3);
  padding-bottom: 170px;
  margin-bottom: 80px;
  position: relative;
}



.thumbnail_box .thumtitle{
  width: 100%;
}

.home #content article.product h3{
  text-align: justify;
  font-weight: bold;
  color: #000000;
  margin: 40px 0;
  line-height: 1.5;
  font-size: 20px;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.home #content article.product p.product-detail{
  color: #000000;
  text-align: justify;
  line-height: 2;
  position: absolute;
  bottom: 100px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.product-button{
  background: #000000;
  color: #ffffff;
  display: flex;
  justify-content: center;

  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;

}

.widget_welcart_featured .product-button{
  position: relative;
}

.product-button:hover{
  background: #20a900;

}

.price {
    font-size: 18px;
    text-align: right;
    font-weight: bold;
    color: #000000;
    position: absolute;
    bottom: 70px;
    display: flex;
    justify-content: end;
    width: 100%;
    letter-spacing: 0.05em;
}


.widget_welcart_featured .price{
  position: relative;
  bottom: initial;
  margin: 10px 0;
}

.widget_welcart_featured .price::after {
  content: "(税込)";
  font-size: 0.7em;
  font-weight: normal;
  margin-left: 5px;
}

.sidebar .widget_welcart_featured .thumtitle {
  text-align: justify;
  font-weight: bold;
  color: #000000;
  margin: 10px 0;
  line-height: 1.5;
  font-size: 20px;
}

.home .price::after {
  content: "(税込)";
  font-size: 0.7em;
  font-weight: normal;
  margin-left: 5px;
}

.product-button p{
  line-height: 1;
}

.sidebar .widget_welcart_category li a {
    color: #000000;
    line-height: 1.75;
    padding: 4px 0;
}

.sidebar .widget_welcart_category li a:hover {
    opacity: 0.6;
}

.obsession-box{
  margin: 120px 0;
}

.obsession{
  position: relative;
  width: 960px;
  height: 600px;
  margin:0 auto;
  display: block;
}


.obsession::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00000099;
  mix-blend-mode: multiply;
  transition: 1s ease-in-out;
}

.obsession:hover:before{
  background: #764013;
  transition: 1s ease-in-out;
}

.obsession::after{
  content: "素材のこだわり";
  height: 1em;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 32px;
  letter-spacing: 20px;
  text-indent: 20px;

}

.obsession p{
  opacity: 0;
  color: #ffffff;
  position: absolute;
  top: 50px;
  bottom: 0;
  margin: auto;
  height: 1em;
  text-align: center;
  width: 100%;
  letter-spacing: 1em;
  transition: 1s ease-in-out;

}

.obsession:hover p{
  opacity: 1;
  letter-spacing: .5em;
  transition: 1s ease-in-out;
}

.product a .thumbnail_box .thumimg{
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  margin: 0;
  position: relative;
}

.product a .thumbnail_box .thumimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top:0;
  left:0;
}


/*--カラーミー--*/
.cartjs_box{
padding:0!important;
}
.cartjs_cart_in input{
width:100%!important;
background-color: #20a900!important;
transition:0.2s;
}
.cartjs_cart_in input:hover{
background-color: #67c97e!important;
}

.clearfix:after{
  content:none;
}

.link-button{
  width: 960px;
  margin: 0 auto;
  border: 1px solid #000000;
  color: #000000;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  letter-spacing: 0.05em;
  transition: .5s;

}

.link-button:hover{
   background: #000000;
   color: #ffffff;
  transition: .5s;
}

#footer{
  padding-top: 200px;
}

#wrap{

}

.breadcrumb{
  margin: 70px 16px 2em;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;

  padding: 1em 0 0.5em;
  line-height: 1;
  width: calc(100% - 32px);
}

.breadcrumb li{
  display: flex;
}

.breadcrumb li:last-child {
  width:100%;
}

.breadcrumb li:last-child span{

  overflow: hidden;
  white-space: pre-wrap;
  overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

.breadcrumb li:nth-child(1) {
    padding-left: 26px;
    position: relative;
}

.breadcrumb a, .breadcrumb span {
    font-size: 12px;
    white-space: nowrap;
}

.breadcrumb li:not(:first-child):before {
    margin: 0 0.5em 0 1em;
    font-size: 12px;
    content: "/";
}


.breadcrumb li:nth-child(1) a:before {
    content: "";
    width: 18px;
    height: 15px;
    display: inline-block;
    background: url(https://www.kojiasobi.jp/wp-content/uploads/2022/12/home.svg);
    background-size: cover;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: -2px;
}

.single-main{
  display: flex;
  justify-content: space-between;
}


#content.two-column.blog .beta{
  width: 320px;
  float: none;
}

#content.two-column.blog .alpha {
  width: 840px;
  float: none;

}


#content h1.pagetitle {
    color: #000000;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 40px 0;
    font-size: 32px;
    border-bottom: 1px solid #eee;
    padding: 0 0 10px 0px;

}

.sidebar li li {
    width: auto;
    height: auto;
    padding: 0 0 0 0px;
}

.sidebar .widget_welcart_category li a {
    color: #000000;
    line-height: 1.75;
    padding: 4px 0;

}



.cate-box{
  display: flex;
  justify-content: space-between;
  margin: -30px 0 40px;
  flex-wrap: wrap;
}

.category-name{
  background: #000000;
  padding: 2px 5px;
  color: #ffffff;
  margin-top: -2px;
  border-radius: 5px;
}

.nav-link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 100px;
}

.link-prev, .link-next, .link-archive {
    width: 180px;
    position: relative;
}

.link-prev a, .link-next a, .link-archive a {
    display: block;
    padding: 1em;
    background: none;
    text-align: center;
    transition: 0.5s;
    color: #333333;
    border: 1px solid #999999;
}

.link-prev a:hover, .link-next a:hover, .link-archive a:hover {
    border: 1px solid #000000;
    background: #000000;
    color: #ffffff;
}

.link-next {
    order: 3;
    text-align: right;
}

.link-archive {
    order: 2;
}

.link-next a:after {
    -webkit-transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    transform: rotate(45deg);
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    content: "";
}

.link-next a:hover:after {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.link-next a:before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    width: 12px;
    height: 1px;
    margin: auto;
    background: #999999;
    content: "";
}

.link-next a:hover:before {
    background: #ffffff;
}

.link-prev a:before {
    -webkit-transform: rotate(225deg);
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1em;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    transform: rotate(225deg);
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    content: "";
}

.link-prev a:hover:before {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.link-prev a:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1em;
    bottom: 0;
    width: 12px;
    height: 1px;
    margin: auto;
    background: #999999;
    content: "";
}

.link-prev a:hover:after {
    background: #ffffff;
}

.sidebar .widget_welcart_category .widget_title,.sidebar .widget_title {
  width: auto;
  margin: 0 0 10px 0;
  padding: 5px;
  font-size: 1em;
  line-height: 1;
  font-weight: bold;
  color: #ffffff;
  background: #000000;
}


.guide h2 {
    padding: 14px 15px;
    margin: 40px 0 20px 0px;
    font-size: 1.2em;
    line-height: 1;
    background: #000000;
    color: #fff;
    border-radius: 0;
}

hr {
    border: 0;
    height: 1px;
    background: #ddd;
    margin: 15px 0;
}

.story-box{
  display: flex;
  justify-content: space-between;
}

.story-box::after{
  content: none;
}

.story-box .story-detail{
  position: relative;
  padding-left: 50px;
}




.story-box .story-detail h3{
  color: #000000;
  font-size: 28px;
  position: relative;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  }

  .story-box .story-detail h3::after{
    content: "“";
    font-size: 180px;
    position: absolute;
    top: -110px;
    left: -60px;
    opacity: 0.05;
  }




.story-box .story-detail p{
  color: #000000;
  line-height: 2em;
  letter-spacing: 0.05em;
}

.story-box .story-detail p + p{
  margin-top: 15px;
}

.em-min{
  line-height: 1em;
}

.margin-bottom50{
  margin-bottom: 50px;
}

.margin-bottom120{
  margin-bottom: 120px;
}

.product-content hr{
  margin: 100px 0;
}

.product-h2{
  text-align: center;
  font-size: 48px;
  color: #000000;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.product-h2::after{
  content:attr(data-text)"";
  display: inline-block;
  font-size: 16px;
  margin-top: 25px;
}

.material-box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.material{
  width: calc((100% - 60px) / 3);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 50px 0;
}

.material img{
  max-width: 270px;
  height: 270px;
}

.material-h3{
  text-align: center;
  font-size: 82px;
  color: #000000;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  display: flex;
  justify-content: center;
  flex-direction: column;
  line-height: 1;
  margin: 15px 0;
}

.material-h3::after{
  content:attr(data-text)"";
  display: inline-block;
  font-size: 12px;
  margin-top:5px;
}

.material-h3 span{
  letter-spacing: -10px;
}

.material-h3 span span{
  letter-spacing: -15px;
}

.material-h3 span span span{
  letter-spacing: -20px;
}

.material p{
  text-align: center;
  line-height: 2.25;
}

.product-takando{
  width: 600px;
  max-width: 100%;
  margin-top: 200px;
}

#privacy-policy strong{
  margin-top: 20px;
  display: block;
  font-size: 20px;
}

table.legalinfo td {
    border-bottom: 1px dotted #e6e6e6;
    color: #000000;
}

table.legalinfo th {
    white-space: nowrap;
    border-bottom: 1px dotted #e6e6e6;
    border-left: none;
    color: #000000;
    font-weight: bold;
    border-right: none;
    text-align: left;
    width: 25%;
    vertical-align: top;
  }


#faq strong{
  font-size: 20px;
  color: #000000;
  display: flex;
align-items: baseline;
}

#faq strong + br,#faq span + br{
  display: none;
}

#faq strong::before{
  content:"Q";
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  margin-right: 5px;
  font-size: 32px;
}

#content #faq .entry p > span:nth-child(3){
display: flex;
align-items: center;
}

#content #faq .entry p > span:nth-child(3)::before{
 content:"A";
 font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
 margin-right: 5px;
 margin-left: 7px;
 font-size: 20px;
 color: #000000;
}

#fourClm.sidebar ul{
  display: flex;
  justify-content: space-between;
}

#fourClm.sidebar li.widget {
    padding: 0px 0px 0px 0px;
    width: calc((100% - 80px) / 3);
    margin: 0 0 0 0;
}

#fourClm.sidebar .clmwrap{
  width: 100%;
}


#content .blogindex h2 {
    padding:0;
    margin: 0 ;
    border: none;



}

#content .blogindex h2{
  color: #000000;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 40px 0;
  font-size: 32px;
  border-bottom: 1px solid #eee;
  padding: 0 0 10px 0px;
  display: block;



}

.product-detail{
  text-align: justify;
}

.post-archive{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;

}

.post-img{
  width: 250px;
  height: 250px;
  min-width: 250px;
  min-height: 250px;
  position: relative;
}

#content .blogindex .post-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}



#content .blogindex .postsummary{
  width: 560px;
  margin: 0;
}

.postsummary .cate-box{
  margin: -30px 0 20px;
}


element.style {
    padding-bottom: 10px;
}

#wrap #sb_instagram {

    background: #eeeeee;
    padding: 10px 10px 20px!important;
}

#itempage{
  display: flex;
  justify-content: space-between;
}

#content.two-column.itemsingle .beta {
    width: 580px;
    float: none;
}

.addtocart{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 0 0 0;
padding: 15px 15px;
background: #f0f0f1;
}

.addtocart input[type=submit]{
  flex: 1;
  background: #20a900;
  padding: 20px 0;
}

input[type="submit"].to_customerinfo_button{
  background: #20a900;
}

input[type="submit"].to_deliveryinfo_button{
  background: #20a900;
}


input[type="submit"].to_confirm_button{
  background: #20a900;
}

input[type="submit"].checkout_button{
  background: #20a900;
}

.logout{
  display: none!important;
}

.utilities {
    text-align: right;
    position: absolute;
    right: 53px;
    top: -28px;
    z-index: 10;
}

.margin-top200{
  margin-top:200px;
}

.relatedbox h3 {
    letter-spacing: 1px;
    border-bottom: 1px solid #eee;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 40px;
    color: #000000;
}

#content .relatedbox .thumbindex{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#content .relatedbox .thumbnail_box{
  width: calc((100% - 80px) / 3);
  padding-bottom: 170px;
}

.relatedbox .thumbnail_box .thumimg a img{
  width: 100%;
  height:auto;
}

.relatedbox .thumbnail_box .thumtitle{
  text-align: justify;
  font-weight: bold;
  color: #000000;
  margin: 40px 0;
  line-height: 1.5;
  font-size: 20px;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.relatedbox .thumbnail_box .price {
    font-size:18px;
    text-align: right;
    font-weight: bold;
    color: #000000;
}

.relatedbox .thumbnail_box .price{
  bottom: 70px;
}

body {
    font-size: 100%;
    margin: 0px;
    padding: 0px;
    line-height: 150%;
    word-wrap: break-word;
    color: #000000;
    background: #ffffff;
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
    -webkit-animation: bugfix infinite 1s;
}

a {
    color: #000000;
    text-decoration: none;
}

.relatedbox {
    clear: both;
    padding-top: 50px;
    margin-bottom: 100px;
}

#content .rcmnd, #content .thumbindex {
    width: 100%;
    margin-right: 0;
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.archive #content a{
  width: calc((100% - 80px) / 3);
  margin-bottom: 60px;
  padding-bottom: 170px;
  display: block;
  position: relative;
}

.archive #content .thumbnail_box{
  width: 100%;
  position: initial;
}

.archive .thumbnail_box .thumtitle{
  text-align: justify;
  font-weight: bold;
  color: #000000;
  margin: 40px 0;
  line-height: 1.5;
  font-size: 20px;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.archive .thumbnail_box .price {
  font-size:18px;
  text-align: right;
  font-weight: bold;
  color: #000000;
  top: initial;
  bottom: 70px;
}

.archive .thumbnail_box .thumimg img{
  width: 100%;
  height:auto;
}

.archive .product-detail{
  color: #000000;
  text-align: justify;
  line-height: 2;
  position: absolute;
  bottom: 100px;
}



.pagination {
    clear: both;
    padding: 10px;
    margin: 0 0 40px 0;
    border:  none;
    position: relative;
    line-height: 1;
    text-align: center;
    font-size: 11px;
}

.sidebar .widget_welcart_bestseller ul li a{
padding-left: 20px;
line-height: 1.5;
}

.sidebar .widget_welcart_bestseller ul li a:hover{
opacity: 0.6;
}


.widget_welcart_bestseller ul li a:before {
    content: counter(item) "";
    font-weight: bold;
    color: #ccc;
    margin-right: 8px;
    font-style: italic;
    font-family: helvetica;
    position: absolute;
    top: 7px;
    left: 0;
}

.sidebar .widget_welcart_featured .thumtitle{
  margin-top: 5px;
}

.sidebar .widget_welcart_featured .thumtitle a{
  font-weight: bold;
  color: #000000;
  text-align: justify;
  font-size: 16px;
  line-height: 1.5;
}

.pagination .current {
    padding: 6px 9px 5px 9px;
    position: relative;
    top: 1px;
    color: #333;
    background: #fff;
    border: 1px solid #000000;
}

.pagination span, .pagination a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0px 5px 0px 0;
    padding: 6px 9px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.mw_wp_form_input .mw-input-page {
    display: block;
}

.mw_wp_form_input .mw-check-page {
    display: none;
}

.contact-form table {
    width: 100%;
    margin-top: 30px;
}

.contact-form table tr:first-child {
    border-top: 1px solid #ccc;
}

.contact-form table tr {
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;

}

.contact-form table th {
    padding: 15px 15px 15px 0;
    min-width: 250px;
}

.wrap .contact-form table th, .wrap .contact-form table td {
    vertical-align: middle;
}


.contact-form table th {
    width: 20%;
    line-height: 42px;
}

.contact-form table th div {
    display: flex;
    align-items: center;
}


.table-common th span {
    background: #990000;
    margin-left: 10px;
    color: #ffffff;
    font-size: 12px;
    padding: 2px 8px 2px;
    border-radius: 5px;
    height: 22px;
    line-height: 1;
    display: flex;
    align-items: center;

}

.contact-form table td {
    padding: 15px 0 15px 15px;
    width: calc(100% - 250px);
}

.wrap .contact-form table th, .wrap .contact-form table td {
    vertical-align: middle;
}

.contact-form table th, .contact table td {
    line-height: 1.75;
}


input[type="text"], input[type="password"], textarea,input[type="email" i]  {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    border: 0;
    padding: 0.5em 1em;
    width: calc(100% - 2em - 2px);
    color: #000000;
    border: solid 1px #cccccc;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px rgb(255 255 255 / 50%);
    -moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 1px rgb(255 255 255 / 50%);
}

.contact-form button {
    display: block;
    z-index: 1;
    position: relative;
    width: 50%;
    min-width: 200px;
    margin-top: 40px;
    padding: 1em;
    text-align: center;
    transition: 0.5s;
    color: #555555;
    border: 1px solid #cccccc;
    margin: 0 auto;
    font-size: 15px;
    background: #ffffff;
    margin-top: 50px;
}

.contact-form button:after {
    -webkit-transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    transform: rotate(45deg);
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    content: "";
}

.contact-form button:hover{
  background: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}

.contact-form button:hover:after {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.shop-box{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.margin-bottom50{
  margin-bottom: 50px;
}

#wrap .box_bage {
    background-color: #f9f8f6;
    padding: 25px 50px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 400px;
}

.school-box{
  display: flex;
  justify-content: space-between;
}

.school-detail h2{
  line-height: 1.5;
  color: #000000;
    font-size: 28px;
    position: relative;
    margin-top: 0;
    margin-bottom: 12px;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;

}

.school-detail h2::after{
content: "“";
font-size: 180px;
position: absolute;
top: -110px;
left: -60px;
opacity: 0.05;
}

.school-detail p{
  margin-bottom: 30px;
}


.school-detail .box_bage{

}

.school-detail img{
  margin: 42px 42px 0 0;
}

#itempage .skuform .skuquantity{
  width: 2em;
  padding:18px 8px;
}




.relatedbox .thumbindex p{

}


.related-detail{
  color: #000000;
  text-align: justify;
  line-height: 2;
  position: absolute;
  bottom: 100px;
}

.thumbnail_box .thumimg {

}

.thumbnail_box .thumimg {
    vertical-align: bottom;
    overflow: hidden;
    margin: 0;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.relatedbox .thumbnail_box .thumimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

#content .rcmnd p, #content .thumbindex p {
    letter-spacing: normal;
    cursor:default;
}

.stockstatus dl dd{
  position: initial;
}

.stockstatus dl {
    position: relative;
    margin: 0;
    padding: 18px 0;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stockstatus dl dd.field_price{
  font-size: 24px;
}

#wrap #itemgallery{
  width: 100%!important;
  height: auto!important;
  display: flex;
  justify-content: space-between;
}

.jcarousel-skin-pika .jcarousel-item-horizontal{
  margin: 0;
  width: calc((100% - 30px) / 4);
}

.pika-thumbs li .clip {
    position: relative;
    height: 0;
    padding-top: 70%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

#content .post #itempage img, #content .blogindex img{
  position: absolute;
  top:0;
  left: 0;
}


.jcarousel-skin-pika .jcarousel-clip-horizontal{
  width: 100%;
  height: auto;
}

.pikachoose{
  width: 100%;
}

.pika-stage {
    position: relative;
    text-align: center;
    zoom: 1;
    height: 0;
    width: 100%;
    padding-top: 70%;
}

#content .pika-stage > img{
    object-fit: cover;
    height: 100%;
}

.pika-imgnav a.previous {
    background-position: center;
    height: 100%;
    width: 40px;
    top: 0px;
    left: -3px;
    cursor: pointer;
    -moz-background-size: 40px;
    -webkit-background-size: 40px;
    -o-background-size: 40px;
    background-size: 40px;
}


.pika-imgnav a.next {
    background-position: center;
    height: 100%;
    width: 40px;
    top: 0px;
    right: -3px;
    cursor: pointer;
    -moz-background-size: 40px;
    -webkit-background-size: 40px;
    -o-background-size: 40px;
    background-size: 40px;
}

ul.sitemap li a{
  padding: 15px 0;
  border-bottom: 1px solid #eeeeee;
  display: block;
  }


  ul.sitemap li:nth-child(1) a{
  border-top: 1px solid #eeeeee;
  }

  ul.sitemap li a:hover{
    opacity: 0.6;
  }


  a.footer-shop{
    position: relative;
    max-width: 960px;
    margin: auto;
    display: block;

  }


  a.footer-shop::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none;
    mix-blend-mode: multiply;
    transition: 1s ease-in-out;
  }

  a.footer-shop:hover:before{
    background: #764013;
    transition: 1s ease-in-out;
  }

  a.footer-shop::after{
    content: "店舗案内";
    height: 1em;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 32px;
    letter-spacing: 40px;
    text-indent: 40px;
    transition: 1s ease-in-out;
    opacity: 0;
  }


  a.footer-shop:hover:after{
    content: "店舗案内";
    height: 1em;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 32px;
    letter-spacing: 20px;
    text-indent: 20px;
    transition: 1s ease-in-out;
    opacity: 1;
    }


  .item_page_title{
    line-height: 1.5;
  }


  #content #cart_table td img{
    position: relative;
    display: inline;
  }

.css-fade1{
  /*アニメーション設定*/
  animation-name:fade-in1;
  animation-duration:2.2s; /*アニメーション時間*/
  animation-timing-function: ease-out; /*アニメーションさせるイージング*/
  animation-delay:.5s; /*アニメーション開始させる時間*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-direction:normal; /*往復処理をするかどうか*/
  animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
	opacity:0;
}
.css-fade2{
  /*アニメーション設定*/
  animation-name:fade-in2;
  animation-duration:1.4s; /*アニメーション時間*/
  animation-timing-function: ease-out;/*アニメーションさせるイージング*/
  animation-delay:1s; /*アニメーション開始させる時間*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-direction:normal; /*往復処理をするかどうか*/
  animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
	opacity:0;
}

.css-fade3{
  /*アニメーション設定*/
  animation-name:fade-in3;
  animation-duration:1.2s; /*アニメーション時間*/
  animation-timing-function: ease-out;/*アニメーションさせるイージング*/
  animation-delay:1.3s; /*アニメーション開始させる時間*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-direction:normal; /*往復処理をするかどうか*/
  animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
	opacity:0;
}

.home .css-fade4{
  /*アニメーション設定*/
  animation-name:fade-in4;
  animation-duration:2s; /*アニメーション時間*/
  animation-timing-function: ease-out;/*アニメーションさせるイージング*/
  animation-delay:1.5s; /*アニメーション開始させる時間*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-direction:normal; /*往復処理をするかどうか*/
  animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
	opacity:0;
}



.css-fade3-3{
  /*アニメーション設定*/
  animation-name:fade-in3;
  animation-duration:0.5s; /*アニメーション時間*/
  animation-timing-function: ease-out;/*アニメーションさせるイージング*/
  animation-delay:1.5s; /*アニメーション開始させる時間*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-direction:normal; /*往復処理をするかどうか*/
  animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
	opacity:0;
}



#cart .price{
  position: initial;
  text-align: center;
  letter-spacing: 0;
  display: table-cell;
  width: auto;
}



/*アニメーション*/
@keyframes fade-in1 {
  0% {opacity: 0; transform: translate3d(0,-20px,0); width: 50%; transform: rotate(360deg);}
  100% {opacity: 1; transform: translate3d(0,0,0); width:70%; transform: rotate(0deg);}
}

@keyframes fade-in2 {
  0% {opacity: 0; transform: translate3d(0,30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@keyframes fade-in3 {
  0% {opacity: 0; transform: translate3d(0,20px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@keyframes fade-in4 {
  0% {opacity: 0; transform: translate3d(0,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}




#content.two-column.blog .alpha-item{
   width:100%;
}

.item-box{
   width:100%; 
   display:flex; 
   justify-content:space-between;
}

.item-box-left{
   width:580px;
}

.item-box-right{
   width:580px;
}

.item-box-right .cartjs_product_explain{
  width:100%!important;

}

.item-box-right .cartjs_product_table table{
  width:100%!important;
}

.item-box-right .cartjs_sk_link_other{
  width:100%!important;
}



@media screen and (max-width: 1280px) {
  #wrap{
    width: calc(100% - 80px);

  }

  .post-article {
    width: calc((100% - 60px) / 3);
    margin-bottom: 40px;
  }


  article.product {
    width: calc((100% - 60px) / 3);

  }

  #wrap .box_bage{
    width:100%;
  }

  .shop-detail {
    width: 40%;
  }

  .footer .shop-detail{
    width: 100%;
  }


  .shop-box img{
    width: 60%;
    height: auto;
  }

  .single-item #content.two-column.blog .alpha{
    width:100%;

  }


  .single-item #content.two-column.blog .alpha .item-box-left{
    width:calc((100% - 40px) / 2);
  }

  .single-item #content.two-column.blog .alpha .item-box-right{
    width:calc((100% - 40px) / 2);
  }

  #content.two-column.blog .alpha{
    width:calc(100% - 25% - 40px);

  }


  #content .blogindex .postsummary{
    width:calc(100% - 280px);
  }

  #content.two-column.blog .beta{
    width: 25%;
  }

  #wrap #itempage .alpha,#wrap #itempage .beta{
    width:calc(50% - 20px);
  }

  .pikachoose{
    width: 100%;
  }

  .material-h3{
    font-size: 6vw;
  }

  #content .relatedbox .thumbnail_box {
    width: calc((100% - 60px) / 3);

  }

  #content .thumbindex p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .archive #content a{
    width: calc((100% - 60px) / 3);
  }


  #fourClm.sidebar li.widget{
    width: calc((100% - 60px) / 3);
  }



}

@media screen and (max-width: 1080px) {






.arc-item-box {
    width: calc((100% - 40px) / 2);
    max-width: calc((100% - 40px) / 2);

}

  .post-article a .thumtitle::after{
    height: 6vw;
    width: 6vw;
    border-radius:5vw;
    bottom: 18vw;
    font-size: 4vw;
  }

  .post-article a:hover:after{
    bottom: 15.5vw;
  }

  .top-img{
    width: 100%;
    height: 80vw;
  }

  .obsession {
    width: 100%;
    height: 80vw;
  }


  .single-main{
    flex-direction: column;
  }

    #content.two-column.blog .alpha{
      width: 100%;
    }

    #content.two-column.blog .beta{
      width: 100%;
    }

    #content.two-column.blog .beta .sidebar{

    }

    #content.two-column.blog .beta .sidebar > ul{
      display: grid;
      grid-template-rows: 50% 40px 50%;
      grid-template-columns: calc((100% - 40px) / 2) 40px calc((100% - 40px) / 2);
    }

    #content.two-column.blog .beta .sidebar > ul > li:nth-child(1){
      grid-row: 1 / 2;
      grid-column: 1 / 2;
    }

    #content.two-column.blog .beta .sidebar > ul > li:nth-child(2){
      grid-row: 1 / 4;
      grid-column: 3 / 4;
    }

    #content.two-column.blog .beta .sidebar > ul > li:nth-child(3){
      grid-row: 3 / 4;
      grid-column: 1 / 2;
    }


    .pagination a{
      font-size: 3vw;
    }

    .pagination .current{
      font-size: 3vw;
    }

.sidebar .widget_welcart_category li a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  }

  .material {
      width: calc((100% - 40px) / 2);
    }

    .material-h3 {
      font-size: 8vw;
  }


  .story-box{
    flex-direction: column;

  }

  .story-box img{
    margin: 40px auto 40px;
    max-width: 90%;
    object-fit: contain;
    height: auto;
  }



}

@media screen and (max-width: 880px) {

.arc-item-box {
    width: calc((100% - 4vw) / 2);
    max-width: calc((100% - 4vw) / 2);
}

  #wrap{
    width: calc(100% - 8vw);

  }

  .post-article {
    width: calc((100% - 4vw) / 2);
  }

  .post-article a .thumtitle::after{
    height: 10vw;
    width: 10vw;
    border-radius:5vw;
    bottom: 22vw;
    font-size: 7vw;
  }

  .post-article a:hover:after{
    bottom: 18vw;
  }

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

  .top-about p{
    text-align: justify;

  }

  .obsession-box {
    margin: 5vw 0;
  }

  #promo_banner{

  text-align: center;

  }

  article.product {
    width: calc((100% - 4vw) / 2);
    margin-bottom: 10vw;
  }

  .home #content article.product p.product-detail{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 2vw;
  }

  .home #content article.product h3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 3vw;
    margin: 3vw 0 5vw;
  }

  .archive .thumbnail_box .thumtitle{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 3vw;
    margin: 3vw 0 5vw;
  }

  #footer li{

    width: 100%;
    display: block;
    padding: 0;

  }

  #footer .footernavi li{
    border-top: 1px solid #eeeeee;
  }

  #footer .footernavi li a{
    width:100%;
    padding: 1.5vw 0;
    display: block;
  }

  #footer p.credit{
    margin-top: 0;
  }

  .shop-box{
    flex-direction:column;
  }

  .shop-detail {
    width: 100%;
    margin-bottom: 4vw;
  }

  .shop-box img {
    width: 100%;
  }

  .shop-detail img{
    width: 60%;
  }

  #content .blogindex .postsummary{
    width:calc(100% - 30% - 4vw);
  }

  .post-img{
    width: 30%;
    height: 0;
    min-width: 0;
    min-height: 0;
    padding-top: 30%;
    position: relative;
  }

  .post-archive{
    margin-bottom: 5vw;
  }

  #content .blogindex .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
  }

  #content.two-column.blog .beta .sidebar > ul{
    grid-template-rows: 50% 4vw 50%;
    grid-template-columns: calc((100% - 4vw) / 2) 4vw calc((100% - 4vw) / 2);
  }

  #wrap #itempage .alpha,#wrap #itempage .beta{
    width:100%;
  }

  #itempage{
    flex-wrap: wrap;
  }

  #main{
    padding: 4vw 0;
  }

  .breadcrumb{
    margin-bottom: 0;
    margin-top: 100px;
    max-width: 100%;
    overflow: hidden;
  }

  #content .relatedbox .thumbnail_box {
    width: calc((100% - 4vw) / 2);
    margin-bottom: 10vw;
  }

  .thumbnail_box .thumtitle a{
    font-size: 3vw;
  }

  .archive #content a{
    width: calc((100% - 4vw) / 2);
  }

  #fourClm.sidebar ul{
    flex-wrap: wrap;
  }

  #fourClm.sidebar li.widget{
    width: 100%;
    margin-bottom: 4vw;
  }

  #header .padder{
  padding: 0 4vw;
  width: calc(100% - 8vw);

  }

  .menu-box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 36px;
  background: #000000;
  }

  .animenu .menu-box ul{
    padding: 0;
  }

  ul.subnavi a {
   margin: 0 10px 0 5px;
   padding: 7px 0 3px 24px;
   }

   .school-box{
     flex-direction: column;
   }

  .school-box > img{
        padding: 0;

        margin: 40px auto 0;
      }

.single-item #content.two-column.blog .alpha .item-box-left {
    width: calc((100% - 4vw) / 2);
}

.single-item #content.two-column.blog .alpha .item-box-right {
    width: calc((100% - 4vw) / 2);
}

}

@media screen and (max-width: 680px) {



.arc-item-box {
    width: 100%;
    max-width: 100%;
}



  .post-article {
    width: 100%;
    margin-bottom: 4vw;
  }

  .post-article a .thumtitle::after{
    height: 20vw;
    width: 20vw;
    border-radius:10vw;
    bottom: 42vw;
    font-size: 15vw;
  }

  .post-article a:hover:after{
    bottom: 36vw;
    font-size: 3vw;
  }

  .home #content .post-article a .thumtitle h3{
    font-size: 4vw;
  }

  #content .rcmnd p{
    font-size: 2.5vw;
  }

  .news h2,.products h2{
    font-size: 7vw;
margin-bottom: 6vw;
  }

  .news h2::after,.products h2::after{
    font-size: 2vw;
    margin-top: 2vw;
  }

  .post-article a .thumtitle {
    padding: 3vw;
    width: calc(100% - 6vw);
  }



  #content .blogindex h2{
    font-size: 4vw;

  }

  .product-detail{
    font-size: 2vw;
  }

  .postsummary .cate-box {
    margin: -30px 0 2vw;
  }

  .post-date{
    font-size: 1.5vw;
  }

  .category-name{
    font-size: 1.5vw;
    padding: 0 1vw;
    margin: 0;
  }

  #content.two-column.blog .beta .sidebar > ul{
    display: block;
  }

  .nav-link{
    flex-wrap: wrap;
  }

  .link-archive{
    order: 3;
    width:100%;
    margin-top: 4vw;
  }

  .link-next{
    order: 2;
  }

  .link-prev, .link-next{
    width:calc((100% - 4vw) / 2);
  }

  .material{
    width: 100%;
    margin: 8vw 0;
  }

  .material-h3 {
    font-size: 14vw;
  }

  .product-h2{
    font-size: 8vw;
  }

  .product-h2::after{
    font-size: 2vw;
    margin-top: 3vw;
  }

  .material-h3::after{
    font-size: 2vw;
    margin-top: 3vw;
  }

  #promo_banner{

  font-size: 1.8vw;
  }


.legalinfo tr {
  display: flex;
  flex-direction: column;
}

.legalinfo tr th{
  border: none;
  padding-bottom: 0;
}

.legalinfo tr td{

}

.story-box .story-detail {
    padding-left: 0;
}

.story-box .story-detail h3::after {
    content: "“";
    font-size: 180px;
    position: absolute;
    top: -120px;
    left: -10px;
    opacity: 0.05;
}

.contact-form table tr{
  flex-direction: column;
}

.contact-form table tr th{
  width: 100%;
  padding:15px 0 0 0;
}

.contact-form table tr td{
  width: 100%;
  padding:15px 0 15px 0;
}






.single-item .item-box{
   flex-direction: column;
}

.single-item #content.two-column.blog .alpha .item-box-left{
   width:100%;
}

.single-item #content.two-column.blog .alpha .item-box-right{
   width:100%;
   margin-top:2vw;
}

}

@media screen and (max-width: 480px) {

  .top-about h3 {

      font-size: 7vw;
      margin-top: 5vw;
      margin-bottom: 5vw;
  }

  #promo_banner{

  font-size: 1.8vw;
  padding: 0 0 2vw;
  }

  .obsession::after {
    font-size: 6vw;
    letter-spacing: 4vw;
    text-indent: 4vw;
  }

  .home #content article.product h3{
    margin: 3vw 0 0;
  }

  .product-detail{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3    g;

  }

  ul.subnavi a {
    margin: 0 0px 0 5px;
  }

  #header .padder .site-logo{
    width: 30vw;
  }

}


/*リニューアルここまで*/










h1#site-title,
div#site-title,
#wrap,
#leftbar,
.two-colmn {
  transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  }


	/* Tablet Portrait size to standard 960 (devices and browsers) */


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 768px) {




	  #content.two-column.itemsingle .alpha,
	  #content.two-column.itemsingle .beta,
  	#content.two-column.blog .alpha,
  	#content.two-column.blog .beta {
  	  width: 100%;
  	  float: none;
     }

   h1#site-title,
   div#site-title { font-size: 20px; float: none; }
   p.discprition { padding: 0px 0px 0px 0px; font-size: 11px;}
   .site-logo img { float: none;}

   #content h1.pagetitle { font-size: 1.5em; }
	  .topbanner img { max-width: 100%; height:auto; }

   #content .post img,
   #content .blogindex img {
   max-width: 100%;
   height: auto;
   }
 	 #content .rcmnd,
 	 #content .thumbindex { width: 100%;  }


   .pikachoose {  max-width: 100%; height:auto; margin: 0 auto; }
   .pika-thumbs li { width: 100px; }
   .jcarousel-skin-pika .jcarousel-clip-horizontal {height: 100px; width: 100%;}

   .flex-direction-nav a {width:40%; height: 100%;}
   .flex-direction-nav .flex-next,
   .flex-direction-nav .flex-prev { background: none;}


   .send button,
   .send input[type="button"],
   .send input[type="reset"],
   .send input[type="submit"] { display: block; width: 100%; font-weight: bold;}

   #commentform input[type="text"] {
   width: 95%;
   }







	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 768px) {

   .site-logo img { max-width: 150px;}
   #content .thumbnail_box { width: 30%; height: auto; margin: 0 5% 15px 0%;}
   #content .thumbnail_box:nth-child(3n) { margin-right: 0; }

   .thumbnail_box .thumimg img { width: 100%; height: auto;}

   #fourClm.sidebar { overflow: hidden;}
   #fourClm.sidebar .clmwrap { width: auto; }
   #fourClm.sidebar li.widget { width: 30%; margin: 0 5% 0 0; }
   #fourClm.sidebar li.widget:nth-child(3n) {margin-right: 0;}

   .sidebar .widget_welcart_search input.searchtext { width: 55%;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 880px) {

   h1#site-title,
   div#site-title { font-size: 20px; padding: 0px 0 0            px 0; }


   p.discprition { padding: 0px 0px 0px 0px; font-size: 10px;}

   #header {
     padding: 10px 0 15px;
   }

   .mainnavi {
     text-align: left; margin: 20px 0 0px 0;
   }

  	.mainnavi a {
     padding: 0px 4vw;
     font-size: 12px;
     text-align: right;
     }

     .mainnavi a:hover:after{
       content:  none;
     }

   .mainnavi ul {width: auto; }
   .mainnavi ul a { padding: 10px 10px;text-align: left; }



  .animenu div > ul, .animenu div > ul ul {
    visibility: visible;
    opacity: 1;
    height: 0px;
    transition: .5s;
    overflow: hidden;
    }

  .animenu input[type=checkbox]:checked ~ div ul {
    height: 200px;
    padding-bottom: 10px;
  }
  .animenu input[type=checkbox]:checked ~ ul div ul {
    display: block;
  }

  .animenu input[type=checkbox]:checked ~ label,
  .animenu input[type=checkbox] ~ label:hover {
    color: #aaa;
    text-shadow: none;
    background-color: #000000;
  }
  .animenu label {
    background-color: #222;









    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 0;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 24px;
    text-shadow: none;
    position: relative;
    display: flex;
    line-height: 1;
    padding: 0;
    margin: 0 4vw 0 0;
    width: 27px;
    height: 27px;
    flex-direction: column;
    justify-content: space-between;
  }

  .animenu label span{
    background: #ffffff;
    height: 4px;
    width:100%;
    display: block;
    transition: .5s;
    position: relative;
    top:0;
  }

  .animenu input[type=checkbox]:checked ~ label span:nth-child(1){
    transform: rotate(45deg);
    transition: .5s;
    top: 11.5px;
  }

  .animenu input[type=checkbox]:checked ~ label span:nth-child(2){
    opacity: 0;
    transition: .5s;

  }

  .animenu input[type=checkbox]:checked ~ label span:nth-child(3){
    transform: rotate(-45deg);
    transition: .5s;
    top: -11.5px;
  }





  ul.mainnavi {
    position: relative;
    margin: 0 !important;
    padding: 0.25em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none;
    border: none;
  }
  ul.mainnavi:after {
    content: '';
    position: absolute;
    left: 2em;
    top: -12px;
    border: 6px solid transparent;
    border-bottom-color: inherit;
  }
  ul.mainnavi li {
    display: block;
  }
  ul.mainnavi ul > li {
    float: none;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none;
  }
  ul.mainnavi > li > a {
    float: none;
    display: block;

  }
  ul.mainnavi ul {
    position: static;
    background-image: none;
    border: none;
    border-bottom: 1px solid #eee;
    margin: 0;
  }
  ul.mainnavi ul li:first-child > a {
  }
  ul.mainnavi ul li:first-child > a:after {
    content: none;
  }
  ul.mainnavi ul li:last-child > a {
    border: none;
  }
  ul.mainnavi ul a {
    padding-left: 2em;
    display: block;
    width: auto;
  }


   .utilities {
     top: -5px;
   }
      .utilities {
     text-align: center;
     padding: 3px 0px;
   }


   ul.subnavi {
     margin: 0;
     padding: 0;
     font-size: 0.8em;
     margin-right: 10px;
   }



   .topbanner,
   .headerslider {
     margin: 15px 0 20px 0;
     width: auto;
     height: auto;
   }

   .home #content h3 {
    padding: 0 0 5px 0;
    font-size: 1.1em;
    }

   #content .thumbnail_box { vertical-align: top; width: auto; display: block; height: auto; margin:0 0 10px 0;}

   .thumbnail_box .thumimg img { width: 80%; height: auto;}

   #memberpages div.loginbox {width: auto;}

   #fourClm.sidebar .clmwrap {
    width: auto;
    }

   #fourClm.sidebar li.widget {
   	padding: 0px 0px 0px 0px;
   	width: auto;
   	margin: 0 0px 40px 0;
   	float: none;
    width:100%;
   }


   .animenu{
     width: 26px;
     height: 26px;

     z-index: 9999;
   }

   }


/*********************************************************************/
/* usces_cart.css 関連画面に関するレスポンシブスタイル */
/*********************************************************************/


	@media only screen and (min-width: 769px) and (max-width: 979px) {
    .addtocart input[type=submit] { width: 150px; }
    #memberinfo th.historyrow {white-space: normal;  }
    #itempage .skuform .skuquantity { margin: 0 4px;}
 }

 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 	@media only screen and (max-width: 880px) {

   #itempage section.orderitem .stockstatus {
     float: none;
     width: auto;
     }
   #itempage section.orderitem .actionform {
     float: none;
     width: auto;
     }
   .actionform { margin: 20px 0 0 0;}

   #memberpages input.loginmail,
   #memberpages input.loginpass { width: 90%; }

   div.usccart_navi li.ucart,
   div.usccart_navi li:before{ font-size: 10px; }

    #cart_table th, #cart_table td,
   #memberinfo th, #memberinfo td { padding: 6px 3px; white-space: normal;}
   #memberinfo table .date,
   #memberinfo th.historyrow {white-space: normal;  }
}

	@media only screen and (max-width: 479px) {

    div.usccart_navi ol li.ucart {
     border-bottom: 1px solid #fff;
     width: 49%;
     }

    #itempage section.orderitem {padding: 10px;}
    .addtocart input[type="submit"] { width: 140px;}

    #cart_table td img { display: none;}
    input[type="submit"].delButton { padding: 5px 5px;}

    #point_table {
    margin: 20px 0;
    width: auto;
    }
    #customer-info th,
    #delivery-info table.customer_form th,
    #newmember table.customer_form th {
    	width: 25%;
    	font-size: 0.9em;
    	white-space: normal;
    }
    #customer-info .customer_form input,
    #newmember table.customer_form input,
    #customer-info .customer_form tr.inp2 input {
      margin: 0 0 4px 0 !important;
      display: block;
      width: 95%;
      }

}


/*********************************************************************/
/* アイコンのRetinaディスプレイ対応 */
/*********************************************************************/


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  ul.subnavi li a {
    background: url(https://www.kojiasobi.jp/wp-content/themes/welcart_walden/library/images/icons@2x.png) no-repeat 2px -53px;
    -moz-background-size: 20px 200px;
    -webkit-background-size: 20px 200px;
    -o-background-size: 20px 200px;;
    background-size: 20px 200px;
    }



  .sidebar .widget_search #searchsubmit,
  .sidebar .widget_welcart_search #searchsubmit,
  .sidebar .widget_ucart_search #searchsubmit {
    background: #dfdfdf url('../images/icons@2x.png') no-repeat 50% -157px;
    -moz-background-size: 20px 200px;
    -webkit-background-size: 20px 200px;
    -o-background-size: 20px 200px;;
    background-size: 20px 200px;
    }
}