@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url("https://use.typekit.net/ktz0oat.css");
/* CSS Document */

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html,body { height: 100%;}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,pre, form, fieldset, input, textarea, p, blockquote, th, td,section, nav, article, aside, hgroup, header, address,figure, figcaption 
{ margin: 0; padding: 0; text-align:justify;}

img, abbr, acronym, fieldset {border: 0;}
ul,li {list-style:none;}
a { text-decoration: none;}
img {max-width:100%;}
.clearText { text-indent:100%; white-space:nowrap; overflow:hidden;}


/* ------ Body ------ */
body { font-size: 16px; font-family: 'Noto Sans JP', sans-serif; background-color:#fff;}


/* ------ header top ------ */
.topmenu { margin:0; padding:0; width:100%; height:80px; background-color:#ffffff; border-bottom:5px solid #333399; float:left; position:fixed; z-index:100;}
.menuinner { margin:0 auto; padding:0 1%; width:98%; max-width:1200px; height:80px;}
.menuinner h1 { margin:15px 0 0 0; padding:0; width:20%; height:auto; float:left;}
.menu-header-menu-container { margin:0 3% 0 0; padding:0; width:62%; height:auto; float:left;}
#menu-header-menu li { margin:50px 0 0 0; padding:0; width:20%; height:auto; float:left; text-align:center;}
#menu-header-menu li a { color:#666666; font-family: "UD Shin Go NT Medium";}
#menu-header-menu li a:hover { color:#ff6600;}
.order { margin:0; padding:0; width:15%; height:auto; float:left;}
.order a { margin:40px 0 0 0; padding:0; width:80%; height:40px; line-height:40px; float:left; text-align:center; display:block; background-color:#3399cc; border-radius:10px 10px 0 0; font-family: "UD Shin Go NT Bold"; color:#ffffff; box-shadow:3px 0 3px #999999;}
.order a:hover { margin:30px 0 0 0; padding:0; width:80%; height:50px; line-height:50px; float:left; text-align:center; display:block; background-color:#333399; border-radius:10px 10px 0 0; font-family: "UD Shin Go NT Bold"; color:#ffffff; box-shadow:3px 0 3px #999999;}


#header_top { margin:80px 0 0 0; padding:0; width:100%; height:940px; float:left; background:url(parts/main-image000.jpg) top center; border-bottom:5px solid #3399cc;}
#header_top .inner { margin:0 auto; padding:0; width:100%; height:940px; max-width:1200px;}
.header_logo { margin:2% 20% 0 20%; padding:0; width:60%; height:auto; float:left;}
#header_top p { margin:0; padding:20% 0 0 0; font-size:3rem; text-align:center; color:#ffffff; text-shadow:3px 3px 3px #999999; font-family: "GSanSerif-B";}

@media (max-width: 1000px) {
.header_logo { margin:2% 20% 0 20%; width:60%;}
#header_top p { font-size:2.4rem;}
}

@media (max-width: 768px) {
.topmenu { display:none; height:0px;}
#header_top { margin:0; padding:0; width:100%; height:560px; float:left; background:url(parts/main-image000.jpg) bottom center; border-bottom:5px solid #3399cc;}

}


/* ------ ページコンテンツ基本 ------ */

#top-contents { margin:0; padding:0; width:100%; height:auto; float:left; display:block;}
#inner-top { margin:0 auto; padding:0 1%; width:98%; max-width:1200px; height:auto;}


#page-contents { margin:0; padding:0; width:100%; height:auto; float:left; display:block;}
#inner-page { margin:0; padding:0; width:100%; height:auto;}
.center { margin:0 auto; padding:0 1%; width:98%; max-width:1200px; height:auto;}
.all { margin:0; padding:0; width:100%; height:360px; float:left; border-bottom:5px solid #3399cc; background:center top;}


@media (max-width: 768px) {
#page-contents { margin:-50px 0 0 0; padding:0; width:100%; height:auto; float:left; display:block;}
.all { margin:0; padding:0; width:100%; height:360px; float:left; border-bottom:5px solid #3399cc; background:center top;}
}

#item-contents { margin:0; padding:0; width:100%; height:auto; float:left; display:block;}
#inner-item { margin:120px auto 0 auto; padding:0 1%; width:98%; max-width:1200px; height:auto;}

.usces-cart,.usces-member { margin:120px auto 0 auto; padding:0 1%; width:98%; max-width:1200px; height:auto;}

/* ------ footer ------ */
#footer { margin:0; padding:0; width:100%; float:left; display:block;}

.city { margin:0; padding:0; width:100%; height:180px; background:url(parts/city.png) top center; float:left;}

.menu-footer-menu-container { margin:0; padding:0; width:100%; height:60px; background-color:#cccccc; float:left;}
#menu-footer-menu { margin:0 auto; padding:0; width:100%; max-width:1200px; height:60px;}
#menu-footer-menu li { margin:0; padding:0 1%; width:auto; line-height:60px; float:left;}

.footer_contents { margin:0; padding:0; width:100%; height:300px; background-color:#3399cc; float:left; }
.footer_contents span { margin:0 auto; padding:0; width:100%; max-width:1200px; height:300px; background:url(parts/back_footer.png) top right; display:block;}





/* ------ カタログ ------ */
#page-contentC { margin:0; padding:0; width:100%; height:auto; float:left; display:block;}
#inner-pageC { margin:0 auto; padding:0 1%; width:98%; max-width:1500px; height:auto;}
.catboxC { margin:20px 2% 50px 0; padding:10px 0 0 0; width:75%; max-width:1500px; height:auto; float:left; border-top:3px solid #22943a;}










/* お問い合わせフォーム */
#form-inquiry { margin:0; padding:0 5%; width:90%; float:left; z-index:1;}

#form-inquiry ul { margin:30px 5%; padding:30px 0; width:90%; border-top:2px solid #000; border-bottom:2px solid #000; float:left;}

#form-inquiry li { margin:25px 0;}



/*
input, textarea {
	float: left; width: 94%; max-width: 94%; border: none; margin: 0.5rem 0; padding:15px 3%; border-radius: 10px; background:#ccc; color: darken(#f9f9f9, 50%);
  
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }

  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}

input[type=submit] {margin:50px 10px 0 10px; padding:15px 10%; background: #5b9bd5; color: #fff; width: auto; float: right;}
input[type=submit]:hover { padding:15px 10%; background:#0023ff; color: #fff; width: auto; float: right;}
textarea { height: 10rem;}
*/


.form-inq {
	float: left; width: 94%; max-width: 94%; border: none; margin: 0.5rem 0; padding:15px 3%; border-radius: 10px; background:#eee; color: darken(#f9f9f9, 50%);
  
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }

  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}

.inqbtn {margin:50px 10px 0 10px; padding:15px 10%; background: #5b9bd5; color: #fff; width: auto; float: right; border-radius: 10px; border: none;}
.inqbtn:hover { padding:15px 10%; background:#0023ff; color: #fff; width: auto; float: right; border-radius: 10px; border: none;}
textarea.form-inq { height: 10rem;}


.wpcf7-list-item {margin:0; padding:0; width:100%; float:left;}
.wpcf7-list-item label{margin:0 0 0 2%; padding:0; width:98%; float:left;}
input[type=radio] { padding:0 10px 0 0; width: auto; float:left;}
.wpcf7-list-item-label {margin:0; padding:2px 0 0 10px; float:left;}

.qa {margin:10px 0 0 2.9%; padding:0; width:90%; float:left; font-size:14px; color:#666;}



/* お問い合わせフォームボタン */
.myButton a {
	box-shadow: 0px 0px 0px 2px #bbdaf7; background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color:#79bbff; border-radius:5px; border:1px solid #84bbf3; display:inline-block; cursor:pointer;
	color:#ffffff; font-family:Arial; font-size:16px; padding:14px 30px; text-decoration:none; 
	text-shadow:2px 2px 0px #12304d; width:100%; box-sizing: border-box; text-align:center;}
.myButton a:hover { background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%); background-color:#378de5; color:#ffffff; text-shadow:2px 2px 0px #12304d;}
.myButton a:active { position:relative; top:1px;}




/* 商品一覧ページ */

#page_item-single { margin:0; padding:0; width:100%; height:360px; float:left; border-bottom:5px solid #3399cc;  background:url(parts/t24.png) top center; }
#page_item-single p { margin:265px 0 0 0; padding:10px 10px 20px 10px; text-align: center; font-family: Maru Folk Bold; color: #ffffff; font-size: 36pt; text-shadow:3px 3px 3px #666; background:rgba(0,0,0,0.3);}
.catbox { margin:0 auto; padding:0 1%; width:98%; max-width:1200px; height:auto;}

.select_left { margin:100px 0; padding:0 0 0 0; width:50%; max-width:600px; float:left;}
.itemimg { margin:0; padding:0; width:100%; text-align:center;}
.item_name { margin:0; padding:0; width:100%; text-align:center; font-family: Maru Folk Bold;}

.storycontent { margin:100px 0 0 0; padding:0 0 0 0; width:50%; max-width:600px; float:left;}
.page_content { margin:40px 0 0 0; padding:0; width:100%; float:left;}
.exp { margin:40px 0 0 0; padding:0; width:100%; float:left;}
.field_name1 { margin:0; padding:0; width:50%; font-size:18px; float:left; color:#999;}
.field_cprice { margin:0; padding:0; width:50%; font-size:18px; float:right; color:#999; text-decoration: line-through;}
.ss_cprice { color:#999;}
.field_name2 { margin:30px 0 0 0; padding:0; width:100%; font-size:18px; float:left;}
.field_field_dlprice { margin:0; padding:0; width:100%; float:left;}


.entry { margin:0; padding:0; width:100%; float:left;}
.usccart_navi { margin:0 0 50px 0; padding:0; width:100%; float:left;}
.header_explanation,.error_message { margin:0; padding:0; width:100%; float:left;}
.continue_shopping_button {display:none;}
.upbutton-p { font-size:18px!important;}

#memberpages {margin:100px 0!important; padding:0!important;}

@media (max-width: 768px) {
#page_item-single { margin:0; padding:0; width:100%; height:360px; float:left; border-bottom:5px solid #3399cc;  background:url(parts/t24.png) top center; }
#page_item-single p { margin:288px 0 0 0; padding:10px 10px 20px 10px; text-align: center; font-family: Maru Folk Bold; color: #ffffff; font-size: 24pt; text-shadow:3px 3px 3px #666; background:rgba(0,0,0,0.3);}
.select_left { margin:50px 5% 10px 5%; padding:0; width:90%; max-width:768px; float:left;}
.storycontent { margin:0 5%; padding:0; width:90%; max-width:768px; float:left;}
}



/* カートへ入れるボタン */
.field_button .skubutton {margin:50px 0; padding:15px 10%; background: #5b9bd5; color: #fff; width: auto; float: right; border-radius: 10px; border: none;}
.field_button .skubutton:hover { padding:15px 10%; background:#0023ff; color: #fff; width: auto; float: right; border-radius: 10px; border: none;}

/* カートの中ボタン */

.upbutton input[type=submit] {margin:50px 0; padding:15px 10%; background: #5b9bd5; color: #fff; width: auto; float: right; border-radius: 10px; border: none;}
.upbutton input[type=submit]:hover { padding:15px 10%; background:#0023ff; color: #fff; width: auto; float: right; border-radius: 10px; border: none;}
.to_customerinfo_button {margin:50px 0; padding:15px 10%; background: #5b9bd5; color: #fff; width: auto; border-radius: 10px; border: none; text-align:center;}
.to_customerinfo_button:hover { padding:15px 10%; background:#0023ff; color: #fff; width: auto; border-radius: 10px; border: none;}

/* お客様情報ボタン */

.customer_form th { margin:0!important; padding:0!important; width:30%!important; text-align:center!important; font-size:16px!important;}
.customer_form td { margin:0!important; padding:10px 3%!important; width:64%!important;}

.login_cs {
	float: left; width: 94%!important; max-width: 94%!important; border: none; margin: 0.5rem 0; padding:15px 3%; border-radius: 10px; background:#ddd; color: darken(#f9f9f9, 50%);
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }
	
  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}

.back_cart_button {margin:50px 0; padding:15px 10%; background: #5b9bd5; color: #fff; width: auto; border-radius: 10px; border: none; text-align:center;}
.back_cart_button:hover { padding:15px 10%; background:#0023ff; color: #fff; width: auto; border-radius: 10px; border: none;}
.next_cart_button {margin:50px 0; padding:15px 10%; background: #5b9bd5; color: #fff; width: auto; border-radius: 10px; border: none; text-align:center;}
.next_cart_button:hover { padding:15px 10%; background:#0023ff; color: #fff; width: auto; border-radius: 10px; border: none;}


/* 新パスワード取得ボタン */

.error_message { margin:0; padding:0; width:100%; float:left; text-align:center; color:#f00;}
.forget { margin:0 auto; padding:0; width:50%; min-width:360px;}
.loginforget { margin:0 auto; padding:0; width:100%; float:left;}
.mailadd { margin:0!important; padding:0!important; width:100%!important; float:left!important; background-color:#f00!important;}
.touroku { margin:20px 0 10px 0!important; padding:0!important; width:100%!important; float:left!important; text-align:center!important; font-size:16px!important;}


.loginforgetn {
	float: left!important; width: 94%!important; max-width: 94%!important; border: none; margin: 0.5rem 0!important; padding:15px 3%!important; border-radius: 10px; background:#ddd; color: darken(#f9f9f9, 50%);
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }
	
  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}
.member_loginbtn {margin:50px 10%; padding:15px 10%; background: #5b9bd5; color: #fff; width: 80%; border-radius: 10px; border: none; text-align:center;}
.member_loginbtn:hover { padding:15px 10%; background:#0023ff; color: #fff; width: 80%; border-radius: 10px; border: none;}


/* ログイン */


.lgin { margin:0 30% 100px 30%!important; padding:0!important; width:40%!important; float:left!important;}

.login_forms { margin:0!important; padding:5%!important; width:90%!important; float:left!important;}
.login_pp { margin:10px 0!important; padding:0!important; width:100%!important; float:left!important;}

.loginmails,.loginpasss {
	float: left!important; width: 94%!important; max-width: 94%!important; border: none; margin: 0.5rem 0!important; padding:15px 3%!important; border-radius: 10px; background:#ddd; color: darken(#f9f9f9, 50%);
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }
	
  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}


.member_login_button {margin:10px 10%; padding:15px 10%; background: #5b9bd5; color: #fff; width: 80%; border-radius: 10px; border: none; text-align:center;}
.member_login_button:hover { padding:15px 10%; background:#0023ff; color: #fff; width: 80%; border-radius: 10px; border: none;}

.nav2 { margin:0!important; padding:0 5%!important; width:90%!important; float:left!important; font-size:16px!important;}
.nav3 { margin:0!important; padding:0 5% 5% 5%!important; width:90%!important; float:left!important; font-size:16px!important;}



/* 支払い方法 */

#delivery-info {margin:100px 0; padding:0; width:100%; float:left;}
.customer_form {margin:30px 0!important; padding:0; width:100%; float:left; box-sizing: border-box;}
.customer_form th {margin:0; padding:0; width:20%!important; height: auto ; box-sizing: border-box; font-size:16px!important;}
.customer_form td {margin:0; padding:0; width:80%!important; height: auto ; box-sizing: border-box; font-size:16px!important;}
dt.payment_0 {margin:0; padding:0; width:24%!important; float:left;}
dd.payment_0 {margin:2px 0 0 0!important; padding:0; width:72%!important; float:left; font-size:16px!important;}
dt.payment_0 label {margin-left:2%; font-size:16px!important;}

#payment_name_0 {line-height:20px;}

.back_to_customer_button,.to_confirm_button {margin:10px 0 10px 0; padding:15px 0; background: #5b9bd5; color: #fff; width: 20%; border-radius: 10px; border: none; text-align:center;}
.back_to_customer_button:hover,.to_confirm_button:hover { padding:15px 0; background:#0023ff; color: #fff; width: 20%; border-radius: 10px; border: none;}



/* 内容確認 */


.confiem_notice {margin:100px 0 10px 0; padding:0; width:100%; float:left;}

.back_to_delivery_button {margin:10px 0 10px 0; padding:15px 0; background: #5b9bd5; color: #fff; width: 20%; border-radius: 10px; border: none; text-align:center;}
.back_to_delivery_button:hover { padding:15px 0; background:#0023ff; color: #fff; width: 20%; border-radius: 10px; border: none;}
.checkout_button {margin:10px 0 10px 0; padding:15px 0; background: #5b9bd5; color: #fff; width: 20%; border-radius: 10px; border: none; text-align:center;}
.checkout_button:hover { padding:15px 0; background:#0023ff; color: #fff; width: 20%; border-radius: 10px; border: none;}

/* 支払完了 */
#cart_completion {margin:100px 0; padding:0; width:100%; float:left;}




/* 新規入会フォーム */

#nyukai { margin:30px 0!important; padding:0; width:100%; float:left; box-sizing: border-box;}
#nyukai th { margin:0; padding:0; width:30%!important; height: auto ; box-sizing: border-box; font-size:16px!important;}
#nyukai td { margin:0; padding:0; width:35%!important; height: auto ; box-sizing: border-box; font-size:16px!important;}

#mailaddress1,#mailaddress2,#password1,#password2,.iopt_text,#name1,#name2,#name3,#name4,#zipcode {
	float: left!important; width: 94%!important; max-width: 94%!important; border: none; margin: 0.5rem 0!important; padding:15px 3%!important; border-radius: 10px; background:#ddd; color: darken(#f9f9f9, 50%);
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }
	
  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}

#zipcode {
	float: left!important; width: 34%!important; max-width: 34%!important; border: none; margin: 0.5rem 0!important; padding:15px 3%!important; border-radius: 10px; background:#ddd; color: darken(#f9f9f9, 50%);
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }
	
  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}

.search-zipcode {margin:10px 10px 10px 0; padding:15px 5%; background: #5b9bd5; color: #fff; width: 30%; border-radius: 10px; border: none; text-align:center;}
.search-zipcode:hover { padding:15px 5%; background:#0023ff; color: #fff; width: 30%; border-radius: 10px; border: none;}

#member_pref {
	float: left!important; width: 24%!important; max-width: 24%!important; border: none; margin: 0.5rem 0!important; padding:15px 3%!important; border-radius: 10px; background:#ddd; color: darken(#f9f9f9, 50%);
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }
	
  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}


#address1,#address2,#address3,#tel,#fax {
	float: left!important; width: 64%!important; max-width: 64%!important; border: none; margin: 0.5rem 10px 0.5rem 0!important; padding:15px 3%!important; border-radius: 10px; background:#ddd; color: darken(#f9f9f9, 50%);
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }
	
  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}


.send input[type=submit] {margin:50px 0; padding:15px 10%; background: #5b9bd5; color: #fff; width: auto; border-radius: 10px; border: none; text-align:center;}
.send input[type=submit]:hover { padding:15px 10%; background:#0023ff; color: #fff; width: auto; border-radius: 10px; border: none;}






/* パスワード変更 */

#loginpass1,#loginpass2 {
	float: left!important; width: 94%!important; max-width: 94%!important; border: none; margin: 0.5rem 10px 0.5rem 0!important; padding:15px 3%!important; border-radius: 10px; background:#ddd; color: darken(#f9f9f9, 50%);
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }
	
  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}

#member_login { margin:50px 10% 10px 20%; padding:15px 10%; background: #5b9bd5; color: #fff; width: 60%; border-radius: 10px; border: none; text-align:center;}
#member_login:hover { padding:15px 10%; background:#0023ff; color: #fff; width: 60%; border-radius: 10px; border: none;}