@charset "utf-8";
/*------------------------------
	 全ページ
 ------------------------------*/
 #leftbar #custom_html-2{
   margin-top: -20px;
   margin-bottom: 30px;
 }
 #leftbar #custom_html-2 a{
  display: block;
  padding: 10px;
  text-align: center;
  background: #333;
  color: #fff;
  border:1px solid #333;
  border-radius: 3px;
  transition: 0.5s;
 }
 #leftbar #custom_html-2 a:hover{
   background:transparent;
   color: #333;
 }

#header .subnavi .logout{
 display:none;
}
#footer .footernavi .page-item-6,
#footer .footernavi .page-item-9,
#footer .footernavi .page-item-11{
 display:none;
}
.sidebar .usces_recent_entries li a{
	 line-height: 1.32;
 }
 /*------------------------------
 	 トップ
  ------------------------------*/
 .info--list li{
	 margin-bottom:24px;
	 display: flex;
     align-items: flex-start;
	}
 .info--list li:last-child{
	 margin-bottom:0;
}
.info--list li .date{
	width: 124px;
	padding: 0.3em;
}
.info--list li .label{
	width: 110px;
	background: #333;
	color: #fff;
	text-align: center;
	padding: 0.3em;
	margin-right: 32px;
	}
 .info--list li .ttl{
	 flex: 1;
	 padding: 0.3em;
}
 .info--list li a:hover{
   color: #66cccc;
   text-decoration: underline;
 }
 /*------------------------------
  商品一覧
  ------------------------------*/
 #content .thumbnail_box{
 	text-align: center;
 }
 .thumbnail_box .thumimg{
 	max-height:200px;
 	margin-bottom: 0;
 }
 /*------------------------------
  商品詳細
  ------------------------------*/
.pika-stage img{
	width: 500px;
}
.pika-thumbs li{
	width: 180px;
}
.pikachoose{
	margin-bottom: 50px;
}
.addtocart input[type=submit]{
	width: 160px;
}
.relatedbox{
	display: none;
}
/*------------------------------
 固定ページ
 ------------------------------*/
 #content h1.pagetitle{
	 font-weight: bold;
 }
#content .post .caution{
	 color:#ff7373;
 }
 #content .post h2{
	background: #ebebeb;
	font-size: 1.4em;
  padding: 0.8em;
	padding-left: 1.1em;
  font-weight: bold;
  border-left: 10px solid #555;
  margin: 48px 0 30px;
}
#content .post h3.ttl_03{
	font-size: 1.23em;
	line-height: 2.22;
	margin: 40px 0 24px;
	padding: 2px 5px;
	border-bottom: 2px solid #555;
}
#content .post h4{
	font-size: 1.08em;
	margin: 24px 0 18px;
}
#content .post .entry p{
    margin: 0 0 16px;
		padding-bottom: 0;
}
.catbox .post .entry {
    border-bottom: none;
    padding-bottom: 80px;
}
.guide--navi{
	display: flex;
	flex-wrap: wrap;
}
.guide--navi li{
	margin-right: 10px;
	margin-bottom: 10px;
}
.guide--navi li a{
	background-color: #5f5f5f;
	border-radius: 30px;
	border:1px solid #5f5f5f;
	color:#fff;
	transition: 0.6s;
	padding: 0.5em 2em;
	display: block;
}
.guide--navi li a:hover{
	background:transparent;
	color:#5f5f5f;
}
.guide--local-navi{
	display: flex;
	flex-wrap: wrap;
}
.guide--local-navi li{
	width: 33%;
	margin-bottom: 15px;
}
.guide--local-navi li:before{
	content: "・";
}
.guide--local-navi li a{
	text-decoration: underline;
}
.guide--local-navi li a:hover{
	color: #66cccc;
}
.guide-flex-box{
	display: flex;
	align-items: flex-start;
}
.guide-flex-box .imgBox{
	width: 40%;
	background-color: #bababa;
	box-sizing: border-box;
	padding: 8px;
}
.guide-flex-box .imgBox img{
	width: 100%;
  display: inherit;
}
.guide-flex-box .textBox{
	width: 60%;
	box-sizing: border-box;
	padding-left: 40px;
	padding-top: 8px;
}
.guide-flex-box .textBox a{
	color: #b69f1a;
  padding: 0 2px;
  text-decoration: none;
}
.guide-flex-box .textBox a:hover{
  text-decoration: underline;
}
/*------------------------------
 カート
 ------------------------------*/
.header_explanation, .footer_explanation {
  color: #353535;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 2;
}
div.usccart_navi ol.ucart {
  height: auto;
}
div.usccart_navi li.ucart{
	background:#949494;
	box-sizing: border-box;
  border-right: 1px solid #fff;
}
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: #3b3b3b;
}
div.usccart_navi li:before{
	margin-left: 0;
}
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: #3b3b3b;
}
div.usccart_navi li.usccart_cart:after, div.usccart_navi li.usccart_customer:after, div.usccart_navi li.usccart_delivery:after{
	display: none;
}
#cart th, #cart td{
	border-color: #ccc;
}
#cart th.stock, #cart td.stock{
	display: none;
}
#cart th{
	background:#f7f7f5;
	color:#222;
}
#cart_table tfoot th.aright+th.aright{
	font-size: 1.1em;
	font-weight: bold;
}
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:#777777;
}
#inside-cart .send,
#customer-info .send,
#delivery-info .send,
#info-confirm .send{
	border:none;
	padding-top: 30px;
}
/*------------------------------
 お客様情報
 ------------------------------*/
table.customer_form input#search_zipcode{
	color: #fff;
}
#customer-info table #name_row th:after{
  content:"（生徒名）";
}
#customer-info table #fax_row,
#customer-info table #furikana_row,
#customer-info table #zipcode_row,
#customer-info table #states_row,
#customer-info table #address1_row,
#customer-info table #address2_row,
#customer-info table #address3_row{
	display: none;
}
/*------------------------------
 配送情報
 ------------------------------*/
#delivery-form .customer_form:nth-child(1){
	display: none;
}
#delivery-form #time tr:nth-child(1),
#delivery-form #time tr:nth-child(2),
#delivery-form #time tr:nth-child(3){
	display: none;
}
/*------------------------------
 内容確認
 ------------------------------*/
#confirm_table .ttl{
	background:#777;
}
#confirm_table h3{
	color:#fff;
}
#confirm_table tr.member-name-row th:after{
  content:"（生徒名）";
}
#confirm_table tr.member-furikana-row,
#confirm_table tr.member-fax-row,
#confirm_table tr.member-zipcode-row,
#confirm_table tr.member-states-row,
#confirm_table tr.member-address1-row,
#confirm_table tr.member-address2-row,
#confirm_table tr.member-address3-row,
#confirm_table tr.ttl:nth-child(15),
#confirm_table tr.delivery-name-row,
#confirm_table tr.delivery-furikana-row,
#confirm_table tr.delivery-zipcode-row,
#confirm_table tr.delivery-states-row,
#confirm_table tr.delivery-address1-row,
#confirm_table tr.delivery-address2-row,
#confirm_table tr.delivery-address3-row,
#confirm_table tr.delivery-tel-row,
#confirm_table tr.delivery-fax-row,
#confirm_table tr:nth-last-child(3),
#confirm_table tr:nth-last-child(4),
#confirm_table tr:nth-last-child(5){
	display: none;
}
/*------------------------------
 性別ページ
 ------------------------------*/
#male p,#female p,#confectionery p,#cook p{
	text-align:center;
	font-size:1.2em;
	margin-bottom:1em;
}
#male .grade_list,#female .grade_list,#confectionery .grade_list,#cook .grade_list{
	display:flex;
	justify-content:space-between;
}
#male .grade_list li,#female .grade_list li,#confectionery .grade_list li,#cook .grade_list li{
	width:32%;
}
#male .grade_list li a,#female .grade_list li a,#confectionery .grade_list li a,#cook .grade_list li a{
	display:block;
	padding:0.6em 1em;
	font-size:2em;
	color:#fff;
	border-radius:2em;
	text-align:center;
	background-color:#333;
}
/*------------------------------
 SP
 ------------------------------*/
@media all and (max-width : 767.9999px ){
/*------------------------------
	共通
 ------------------------------*/
#header .site-logo{
    margin-bottom: 20px;
}
#leftbar #custom_html-2 {
    margin-top: -30px;
    margin-bottom: 20px;
}
/*------------------------------
	トップ
 ------------------------------*/
.info--list li{
	margin-bottom:18px;
	flex-wrap: wrap;
 }
.info--list li:last-child{
	margin-bottom:0;
}
.info--list li .date{
 width: 110px;
}
.info--list li .label{
	 margin-right: 0;
	 width: 90px;
	 padding: 0.1em;
 }
.info--list li .ttl{
	flex: initial;
	width: 100%;
  margin-top: 5px;
}
/*------------------------------
 商品詳細
 ------------------------------*/
.pika-thumbs li {
  width: 110px;
}
#content h1.item_page_title {
	font-size: 1.5em;
}
/*------------------------------
 固定ページ
 ------------------------------*/
 #content h1.pagetitle{
	 font-size: 1.4em;
 }
 #content .post h2{
	font-size: 1.32em;
  border-left-width: 5px;
  margin: 40px 0 20px;
}
#content .post h3.ttl_03{
	font-size: 1.15em;
	margin: 26px 0 16px;
	padding: 1px 3px;
}
#content .post h4{
	font-size: 1em;
	margin: 16px 0 12px;
}
#content .post .entry p{
    margin: 0 0 10.5px;
}
.catbox .post .entry {
    padding-bottom: 50px;
}
#male .grade_list li a, #female .grade_list li a, #confectionery .grade_list li a, #cook .grade_list li a{
	font-size:1.2em;
	}
.guide--navi{
	display: flex;
	flex-wrap: wrap;
}
.guide--navi li{
	margin-right: 7px;
	margin-bottom: 7px;
}
.guide--navi li a{
	padding: 0.4em 1.8em;
}
.guide--local-navi{
	display: flex;
	flex-wrap: wrap;
}
.guide--local-navi li{
	width: 50%;
	margin-bottom: 10px;
	font-size: 11px;
	}
.guide-flex-box {
	flex-wrap: wrap;
}
.guide-flex-box .imgBox{
	width: 60%;
	padding: 3px;
	margin: 0 auto;
}
.guide-flex-box .textBox{
	width: 100%;
	padding-left: 0px;
	padding-top: 15px;
}
/*------------------------------
 カート
 ------------------------------*/
div.usccart_navi ol li.ucart {
    text-align: left;
    padding-left: 20px;
}
#cart .upbutton{
	text-align: left;
	padding-right: 0;
}
#cart table{
	border:none;
	display: block;
	width: 100%;
}
#cart thead{
	display: none;
}
#cart #cart_table tbody{
}
#cart #cart_table tfoot{
	display: block;
	padding:0;
	background:none;
}
#cart #cart_table tbody tr,
#cart #cart_table tfoot tr{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#cart #cart_table tbody td,
#cart #cart_table tfoot th{
	box-sizing: border-box;
	margin-top: -1px;
}
#cart .num{
	width: 100%;
	background: #f7f7f5;
}
#cart .thumbnail{
	width: 30%;
}
#cart .thumbnail img{
	display: inline;
	width: 60px!important;
}
#cart .productname{
	width: 70%;
	border-left: none;
}
#cart .unitprice{
	width: 70%;
	border-left: none;
}
#cart .unitprice{
	width: 50%;
	border-left: 1px solid #ccc;
	line-height: 2rem;
}
#cart .unitprice:before{
    content: "単価：";
}
#cart .quantity{
	width: 50%;
	border-left: none;
	line-height: 2rem;
}
#cart .quantity input.quantity{
	width: 50%;
	box-sizing: border-box;
	line-height: 1.5;
}
#cart .subtotal{
	width: 50%;
	line-height: 2rem;
}
#cart .subtotal:before{
  content: "金額(税別)：";
}
#cart .action{
	width: 50%;
  border-left: none;
  padding: 0.5em;
}
#cart .action .delButton{
	padding: 0;
  width: 50%;
  line-height: 1.5rem;
}
#cart #cart_table tfoot th{
	width: 50%;
}
#cart #cart_table tfoot th:nth-child(2){
	border-left: none;
}
#cart #cart_table tfoot th:last-child{
	display: none;
}
/*------------------------------
 お客様情報
 ------------------------------*/
#customer-info .customer_form th,
#customer-info .customer_form td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0.8em 1em;
  margin-top: -1px;
}
#customer-info .customer_form th{
	background: #f7f7f5;
}
#customer-info .customer_form td{
}
#customer-info .customer_form td input[type="text"]{
	width: 100%;
	box-sizing: border-box;
}
#customer-info .customer_form td input#zipcode{
	width: 50%;
	display: inline-block;
	margin-right: 10px!important;
}
#customer-info .customer_form td input#search_zipcode{
	width: 40%;
	display: inline-block;
}
#customer-info .customer_form td #customer_pref{
	width: 50%;
}
/*------------------------------
 配送情報
 ------------------------------*/
 #delivery-info .customer_form th,
 #delivery-info .customer_form td{
	display: block;
	width: 100%!important;
	box-sizing: border-box;
	padding: 0.8em 1em!important;
	margin-top: -1px;
	text-align: left!important;
}
 #customer-info .customer_form th{
 	background: #f7f7f5;
 }
 #delivery-info .send input.to_confirm_button{
	margin-top: 1rem;
}
/*------------------------------
 内容確認
 ------------------------------*/
 #info-confirm .unitprice{
	     width: 30%;
 }
 #info-confirm .quantity{
	 width: 20%;
	 border-left: none;
  }
 #info-confirm .subtotal{
	     width: 50%;
			 border-left: none;
 }
 #info-confirm .action{
	     display: none;
 }
 #info-confirm #cart_table tfoot td{
	 width: 50%;
	 box-sizing: border-box;
 }
 #info-confirm #cart_table tfoot tr:nth-child(2){
	 display: none;
 }
 #info-confirm #cart_table tfoot td:nth-child(2){
	 border-left: none;
 }
 #info-confirm #cart_table tfoot td:nth-child(3){
	 display: none;
 }
 #info-confirm .send input#purchase_button{
 	margin-top: 1rem;
 }
















}