/*
Theme Name: sfri
Author: KA
Description: sfri
version： 1.0.0
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,700&subset=japanese');


body { visibility: hidden;font-size: 16px;}
body.wf-active, body.loading-delay { visibility: visible;}
* {
    box-sizing: border-box;
}

body.ind {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}



@keyframes fadeIn {
    0% {opacity: 0}
	20% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
	20% {opacity: 0}
    100% {opacity: 1}
}


@keyframes fadeIn3 {
    0% {opacity: 0}

    100% {opacity: 1}
}

@-webkit-keyframes fadeIn3 {
    0% {opacity: 0}

    100% {opacity: 1}
}

/* CSS Document */


select::-ms-expand{display: none;}
.u_birth,
.bp-login-widget-register-link{display: none;}

/*ol, ul {
   list-style: none;
}
*/

ul li div {
    margin:-1.6em 0 0 10em;
}

ul {
   list-style: none;
}

html *{margin: 0; padding: 0;}
h1{font-size:2rem;line-height:1.2em;}
h2{font-size:1.6rem;line-height: 1.6em; } 
h3{font-size:1.4rem;line-height: 1.3em; } 
h4{font-size:1.0rem;line-height: 1.4em;margin: 12px 0 } 
h5{font-size:1.4rem;line-height: 1.3em; } 
p{font-size: 0.94rem;margin-bottom: 10px;line-height: 1.6em;} 
.topfont{
 color: #333;
 text-align: center;
 font-size: 1.6rem;
 line-height: 1.6em;
 font-weight: bold;
 width:100%;
	padding:30px;
	line-height:50px;
}

.center{
 color:#333;
 text-align:center;
  width:100%;
  font-weight: bold;
	padding:10px;
	    margin-bottom: 18px;
}

.center1{
 color:#FFF;
 text-align:center;
  width:100%;
  font-weight: bold;
}

.center2{
 text-align:center;
 width:100%;
 padding-top: 20px
}

img{width:100%;}

body, html {
	color: #333;background: #fff;
	font-family: 'Noto Sans JP', sans-serif;line-height: 1.6;padding: 0;margin: 0;}

a {
	color: #0155c7;
	text-decoration: none;
	display: block;
}

a:hover {
	color: #0155c7;
	text-decoration: underline;
}

input[type="submit"],
input[type="text"],
input[type="password"], 
button, 
textarea, 
select {  margin: 0;  padding: 0;   border: none;  border-radius: 0;  outline: none;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;resize: none; }
input[type="email"],
textarea,
input[type="text"],
input[type="password"]{ border: 1px solid #909090; padding: 0.4em;text-indent: 0.01px; width: 100%;}



select{ border: 1px solid #909090;	width: 100%;padding-right: 10px;cursor: pointer;text-indent: 0.01px;text-overflow: ellipsis;box-shadow: none;background: none;}
submit,
button{border: 1px solid #909090;}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover{cursor: pointer; opacity: 0.9}

header{position: fixed;width:100%;font-size: 12px; z-index: 999;top:0 }
header.bg{background:rgba(255,255,255,0.9);  box-shadow: 0 1px 4px rgba(0,0,0,0.1); transition: .2s;}
header nav{ max-width: 1200px; width: 96%; margin: 0 auto; height: 50px;  
display: flex; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;
justify-content: flex-end;
 align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;}
header ul{width: 100%; max-width: 320px; position:relative; 
display: flex;  display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox;
justify-content: space-between; -webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;}
header li{font-size: 12px; text-align: right;white-space:nowrap}

header nav h2{font-size: 18px;line-height: 1.2em;position: absolute;bottom: -26px;left:20px}
header nav h2{color: #fff}
header.bg nav h2{display: none}



/*snsなど*/
header li.cu{display: none;}
header li.cu div{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;max-width: 120px;}

header h3.lb{font-weight: bold;background: #0155c7; color:#FFF;width:80px;height:24px; text-align: center; font-size:16px;}
header h3.lb:hover{cursor: pointer;background:#76abe5; }
header li.contact{text-align: left}
header .contact img{width:26px;}
header .contact span{ display: none}
header .sns{width: 70px;}
header .sns img{width:30px; margin-right: 5px;}
header .sns a{display:  inline-block;}
header .login_fm{display: none;position:absolute; background:#fff;padding:10px;border:1px solid #ccc;right:0;width:300px;z-index: 9}
.post_login .login_fm input[type="submit"],
header .login_fm input[type="submit"]{background: #0155c7; color:#FFF;width:100%; height:30px;border:none;margin: 10px auto}
header .login_fm dl{margin: 10px auto}


.formset dd{overflow: hidden;}
.sl {position: relative;	border: 1px solid #909090;margin-left: 3%; width: 25%;padding: 0.4em;}
.sl:first-of-type{	margin-left: 0}
.sl::before {position: absolute;	top: 45%;	right: 0.6em;	width: 0;	height: 0;	padding: 0;	content: '';border-left: 6px solid transparent;	border-right: 6px solid transparent;	border-top: 6px solid #0155c7;	pointer-events: none;}
section.page,
.formset{font-size: 14px; max-width: 360px;margin: 0 auto 80px}
.formset select{font-size: 14px;}
.formset input{font-size: 16px;}
.formset h1{width: 300px;  height: 150px;  margin: 0 auto;text-align: center}
.formset h1 img{ margin: 50px auto; width: 186px;}

section#activate-page h3,
section.page h1{font-size: 24px;text-align: center;margin: 20px auto;font-weight: bold; color: #d60b17}
section.page h2{margin: 20px auto;}
section.page dl{margin: 50px auto 30px auto}
.formset dt{font-weight: bold}
section.page dt{border-bottom:1px solid #0155c7;padding-bottom: 2px;color: #000}
section.page dd,
.formset dd{margin-bottom:20px;font-weight: bold}
section.page dd{font-size: 18px;}
.formset dd.idno,
.formset dd.birth{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
 justify-content: space-between;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
 align-items:flex-end;-webkit-box-align: end;-webkit-align-items: flex-end; -ms-flex-align: end;}
.formset dd.idno{flex-wrap: wrap;}
.formset dd.idno p{width:100%;font-size: 12px;}
#register-page .submit p,
.formset p{font-size: 12px;line-height: 1.2em;}
.formset form{margin-bottom: 20px}
#register-page .submit a{margin-bottom: 30px;}


section.page .error,
.formset dd.error_t{color: #990000;font-size: 12px; font-weight:normal;}
.formset dd.error_t.error_s::after{content:"必須項目です"; }
.formset dd.error_t.error_m::after{content:"正しいメールアドレスを記入してください"; }
.formset dd.error_t.error_p::after{content:"パスワードは半角英数字を使用して6文字以上です"; }

section#activate-page p{margin: 20px auto}
section.cart button,
#bp-login-widget-submit,
.key_set,
#signup_submit,
#search_btn{ background: #0155c7; color: #fff;height:40px;width: 100%;max-width:365px;font-size:18px;font-weight: 300;border:none; }

section.cart button.login_pl{background: #ccc}
section.cart button.login_pl:hover{opacity: 1 }
.key_set,
section.page #signup_submit{margin: 20px auto;}
section.page button{border:1px solid #909090; background: #cfcfcf ; color: #333}

#id1,
#id2,
#id4{width:15%;}
#id3{width:10%;}
#id5{width:35%;}
#result{ height: 50px; }
#result p{margin: 10px auto; font-size: 18px; color: #990000; font-weight: bold;}


article{width: 100%;margin: 0px auto}
.home-page article{margin:0 }
#section,
section{margin:20px auto;width:80%;}
section.top{margin-top: 0;width:100%;}
section.top .logo{display: none}
section.top .text{color: #333;width: 90%; margin: 0 auto}
section.top .text br{display: none}
section.exam{text-align: center;}
.logo_exam {max-width: 190px; margin: 10px auto;}
section.exam table{table-layout: fixed;width: 100%; margin-left: auto; margin-right: auto; border-collapse: collapse;border: 2px solid #e8e8e8;}
section.exam .exam_prepar button,
section.exam .exam_be button{background:#0155c7; height:50px; width:100%;max-width: 365px; text-align: center;color:#fff; font-size: 18px;border:0; margin: 20px auto 30px auto;}
section.exam .exam_prepar button{font-size: 24px;font-weight: 300;}
section.exam .exam_be button:hover{}
section.exam .exam_be p{font-size: 14px; font-weight: 600;}
.exam_prepar p.small,
section.exam .exam_be p.small{font-size: 12px;font-weight: 300;}
.flyer{display: inline-block;}
.flyer img{max-width: 280px;margin-bottom: 50px;border:1px solid #ddd}

<! section.chief table{width: 100%; border: 2px solid #e8e8e8;} !>

section.chief table {
margin: 10px 15px;
}

section.newslist table{
width: 100%; 
height: 350px; 
border: 2px solid #e8e8e8; 
margin-bottom:80px;
margin-top:80px;
}

section.newslist td{
	font color: #333; 
	line-height: 34px; 
	padding:0 50px ;
}



.exam_media img{
margin-left: 50px;
}

.message{
     box-shadow:8px 10px #dfa7ab;
     border:1px solid #e8e8e8;
     width:100%;
     height:auto;
}

.message p{
   font-size: 1.4rem;
	color: #000; 
	line-height: 40px; 
	padding:40px;
}


.redbox{
     text-align: center;
     box-shadow:5px 5px 10px;
     border:1px solid #dc3545!important;
     width:100%;
     height:60px;
     background: #cb5b62!important;
	margin-top:40px;
}

/*募集時は削除可*/
section.exam .exam_be.off{color: #c3c3c3}
section.exam .exam_be button.off{background:#e9e9e9; color: #dddddd;}
section.exam .exam_be button.off:hover{opacity: 1; cursor:default }

section.explain{ 
max-width:none;
width:80%; 
}



.explain p{font-size: 1.4rem;color: #000; line-height: 50px; margin-top:30px;padding: 0 40px;}


.pro{ max-width:none;width:80%; 
	background:#f7f7f8;    
	margin-top: -30px;
   margin-bottom: -30px;
}




section.pro div{max-width:none; width:90%;margin: 0 auto;flex-wrap: wrap;
display: flex; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox; 
justify-content: space-around;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;}

section.pro img{max-width:287px;margin: 50px 0;width:50%;}

section.pro p{font-size: 22px;color: #aaaaaa; margin-bottom:50px}

section.smart{ max-width:none;width:80%;}

section.smart div{max-width:none; width:100%;margin: 0 auto;flex-wrap: wrap;
display: flex; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox; 
justify-content: space-around;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;}


section.centerline{ max-width:none;width:100%;}
.recommend{ max-width:none;width:100%; background:#e9e9e9;height:400px;}

.recommendbox{
	margin-left:160px;
}

.recommendbox ul li{
  font-size: 1.6rem;
  text-align:left;  
  color: black;
  border-left: solid 8px #cb5b62;
  padding: 0.4rem;
	margin-bottom: 15px;
  list-style-type: none!important;
}


section.box{ max-width:none;width:50%; height: 200px;}

section.voice{ max-width:none;width:100%; height: 700px; background:#e9e9e9;}

section.graybox{ max-width:none;width:100%; height: 500px; background:#e9e9e9;}

section.schedule{ max-width:none;width:80%;}
section.schedule table{
  width:100%;
  border-collapse:collapse;
  margin:5px auto 0px auto;
}

section.schedule td,th{
  border:1px solid #ccc;
  padding:10px;
  line-height:30px;	
}

section.schedule th{
  background:#EFEFEF;
}

* {
  text-decoration: none;
}

.button {
  max-width: 500px;
  margin-top:50px;
}

a.btn_01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  padding: 0 25px 0 40px;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}

a.btn_01:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left:90%;
  margin-top: -6px;
}

a.btn_01:hover {
  background: #fff;
  color: #228bc8;
}hover
a.btn_01::before {
  border-top: 2px solid #228bc8;
  border-right: 2px solid #228bc8;
}

section.exam p{
	font-weight:bold;
	font-size: 1rem;
   line-height: 1.6em;
}

section.exam img.book_cover{width:135px;border:1px solid #dddddd }
section.exam img.btn_amz{max-width:130px;}
.exam_be{text-align: center;}

.exam_prepar h2{width:100%; text-align: center; border-bottom:1px solid #d60b17;font-size: 24px; font-weight:bold}
.exam_prepar h2 + div{width:100%}
section.exam dt,
section.exam dd{display: inline-block;width:48%;}
section.exam dl{margin: 20px auto;}
section.exam dd p{text-align: left}

section.exam dl{
	display: -webkit-flex; 
	display: -ms-flexbox;
	align-items: center;
	-webkit-box-align: center; 
	-webkit-align-items: center; 
	-ms-flex-align: center;
 justify-content: flex-end;
	-webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end;
  align-content: space-between;}

section.exam dd{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;align-content: space-between; flex-wrap: wrap;height:190px;}
section.exam dl.video dd{height:150px;}
section.cart div{text-align: center}
section.cart div button,
section.cart img{max-width:280px;font-size:14px;}
section.cart p{width: 90%;margin: 10px auto;text-align: center;font-weight:bold;}
section.cart h2{width:100%; margin-bottom: 20px}
section.cart h2 span{font-size: 14px; font-weight:normal;}
 
section.cart .w3eden .pull-left{display: none}
section.cart div + div{margin: 50px auto}

section.cart .notice {font-size: 14px; color: #d60b17; font-weight: normal;}
.backcart{background-color:#e9e9e9;}

section.cart3 div{text-align: center;justify-content: center;}
section.cart3 div button,
section.cart3 img{max-width:280px;font-size:14px;justify-content: center;}
section.cart3 p{width: 90%;margin: 10px auto;text-align: center;font-weight:bold;}
section.cart3 h2{width:100%; margin-bottom: 20px}
section.cart3 h2 span{font-size: 14px; font-weight:normal;}
 
section.cart3 .w3eden .pull-left{display: none}

section.cart3 .notice {font-size: 14px; color: #d60b17; font-weight: normal;}
.backcart{background-color:#e9e9e9;}

section.news .news,
section.news .info{width: 100%;margin: 40px auto}
section.news h3{font-weight:bold;font-size:18px; margin-bottom:20px; }

section.news .news h3{color: #0155c7;}
section.news .info h3{color: #d60b17}
section.news h3 span{display: block; font-weight: normal; margin-left: 10px; color: #909090;font-size:12px;text-align: right}
section.news h4{font-weight:bold;margin: 5px auto 0;}
section.news li{margin-bottom: 10px; font-size:14px;}
section.news h3 span img,
section.news .m_l img{width: 15px;margin-right: 3px;} 

section.news1{ max-width:none;width:80%; height: 150px;}

section .entry p{margin-bottom: 12px;}

.outline dt::before{content: "■"; color:#d60b17;}
.outline dt{font-weight: bold;margin: 20px auto 10px;}
.outline img{margin: 30px auto;}


section#contact{ background: #e9e9e9;width: 100%;padding:30px 0;}
section#contact h2,
section#contact p,
section#contact dl{max-width: 640px;width: 90%;margin: 0 auto}
section#contact dl{margin:20px auto;}
section#contact p,
section#contact h2 span{font-size: 12px; }
section#contact .sub_btn{margin: 30px auto 10px;width: 90%; max-width: 300px; height: 40px;font-weight:bold;color: #FFF;background: #0155c7;display: block;font-size: 16px}

section#contact dd{margin-bottom: 10px;}

#contact form{margin: 0 auto 40px;width: 90%;}
#contact form p{font-size: 10px;text-align: center;}
#contact form input[type="email"],
#contact form input[type="text"],
#contact form input[type="mail"]{height:30px;width: 100%;}

select{height:30px;width: 100%;}
select#pref{width: 50%;max-width: 150px;}

/*記事一覧など*/
.m_l{text-align: right;margin: 10px auto;}
#blog-archives h1{font-size: 22px; margin: 50px auto;font-weight: bold}
#blog-archives .date{margin-bottom: 0}
#blog-archives .post-content{    margin: 0px auto 20px; border-bottom: 1px solid #eee;}
.category-news #blog-archives h1{color: #0155c7}
.category-info #blog-archives h1{color: #d60b17}
h2.posttitle {font-size: 18px;font-weight: bold}
h2.posttitle a{color:#333;text-decoration: underline }
h2.posttitle a:hover{color:#333;text-decoration: none }

.post-content{margin: 80px auto;}
.post-content .date{text-align: right;margin-bottom: 30px;}
ul.page-numbers{display: flex;
 display: -webkit-box; 
 display: -webkit-flex; 
 display: -ms-flexbox;flex-wrap: nowrap; justify-content: center;}
ul.page-numbers li{width: 25px;margin: 0px 5px;padding:0 5px;}
ul.page-numbers li a{border:1px solid #0155c7;display: block;text-align: center;}
ul.page-numbers a.prev,
ul.page-numbers a.next{border: none}

/*記事内ログインフォーム*/
.post_login {background: #f2f2f2;margin: 50px 0; padding: 30px 0; text-align: center;}
.post_login .login_fm{background:#fff;padding:10px;border:1px solid #ccc;margin: 10px auto;width:300px;}
.post_login h3 img{width: 15px;}
.post_login h3 + p{font-size: 14px;}
.post_login h3.lb{font-weight: bold; margin: 20px auto 5px;color: #0155c7;}
.post_login .login_fm dl{text-align: left;}
.post_login .login_fm p{width: 49%; font-size: 12px; text-align: right; display: inline-block}
.post_login .login_fm form + p{text-align: left}
.post_login .login_fm form p{width: 100%;text-align: left}



.paging .next,
.paging .prev{width: 100%;}


.next,
.prev{position: relative; display: inline-block;}
.prev{ padding-left: 20px; text-align: left;}
.next{padding-right: 20px; text-align: right;}
.paging p.prev-next-label{margin: 0}
.paging .prev p.prev-next-label{text-align:  left}
.paging .next p.prev-next-label{text-align:  right}



/*ページネーションの非表示*/
#category-card .paging,
#category-entry .paging,
#category-card .date,
#category-entry .date{ display: none}

.prev .prev-next-label::before {
 content: "";
 width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #0155c7;
  border-right: solid 2px #0155c7;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
 
}

.next .prev-next-label::after {
 content: "";
 width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #0155c7;
  border-right: solid 2px #0155c7;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
 
}

.paging p{text-align: center;margin: 20px auto;}


#blog-search .entry img{display: none}


/*cart*/
#item h1{font-size: 20px ;font-weight: bold;color: #d60b17;margin: 40px auto 40px 0}
.itemimg{margin:  50px auto 30px;text-align: center}
.itemimg img{height: 200px; max-width: 300px; width: auto;} 
#itempage .field .field_price{color: #d60b17}
#itempage .skuform{text-align: right}
.skuform > div{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
 align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
 justify-content: flex-end;-webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end;
 flex-wrap: wrap}
#itempage .skuform .error_message{width: 100%;}

#itempage h3{margin-bottom: 30px;}
#itempage .field .field_price,
#itempage .field .field_name,
#itempage .field .field_cprice{width: 50%; display: inline-block;}
#itempage .field{padding-bottom: 20px;}
#itempage .exp h2{margin: 20px auto}
section.category-item p.date{display: none;}
#itempage .field + .field{display: none}

#info-confirm .send,
#delivery-info .send,
#customer-info .send,
#inside-cart .send{border-top-color: #ffffff; 
display: flex; display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox;
align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
justify-content: center;}

.currency_code{display: none}
.upbutton input[type="submit"]{border:1px solid #999;width: 60px; padding:5px;}
#cart .upbutton{padding-right: 0; margin-bottom: 20px;font-size: 12px;}
#previouscart {display: none}


#back_button,
.back_to_customer_button,
.back_cart_button,
#inside-cart .send a.all_item{display: initial; width:120px;height:40px; color: #999;border:1px solid #aaa;margin: 0;text-decoration: none;    line-height: 2.3em; }


input[type="submit"].back_to_customer_button,
input[type="submit"].back_cart_button{border: 1px solid #999999; font-size: 16px;}

#inside-cart .send a.all_item:hover{text-decoration: none}
.to_confirm_button,
.to_deliveryinfo_button,
.to_customerinfo_button{width:120px;height:40px;color:#fff; background: #0155c7;font-size:16px;margin: 0 }

div.usccart_navi li.usccart_confirm,
div.usccart_navi li.usccart_delivery,
div.usccart_navi li.usccart_customer,
div.usccart_navi li.usccart_cart{background-image:none;background: #333;}
td.stock,
th.stock{display: none}
#customer-info .customer_form input#search_zipcode{ background:#0155c7; border: none;height: 24px; width: 100px; color: #FFF;}
#customer-info .customer_form #customer_pref{height:24px;}
.skuform .skubutton{font-weight: bold; background: #0155c7; color: #FFF; width: 150px; height: 24px; text-align: center;}
#customer-info table{width:100%;}

#confirm_table th,
#delivery-info th,
#customer-info th{color: #333}

#delivery-info #time select{border:none}
#delivery-info #time select:hover{cursor: default}
#delivery-info .customer_form .payment_0 label,
#confirm_table td,
#delivery-info td{font-size: 14px;}
.payment_0 input{margin-right: 5px}

.all_item{width: 100%;margin-bottom: 80px;}

.all_item .item{ max-width: 280px;display: flex;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;flex-wrap: wrap; height: 320px;margin: 20px auto 40px; align-content: space-between;}
.all_item .item h1{}
.all_item .item h2{ text-align: left; font-size: 1.2rem;font-weight: bold; width: 280px; margin: 0 auto;}
.all_item img{width: 280px;/* height:auto; */margin: 0 auto}
.all_item .item:first-of-type{margin:0 auto 40px }

.loopimg img{height:auto}

.il_btn,
.buy_btn{width: 280px;text-align: center;margin: 0 auto;font-weight: bold;height:40px;flex-wrap: wrap; 
display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
justify-content:center;}
.il_btn a,
.buy_btn a{color:#fff;width: 280px;height: 40px;flex-wrap: wrap;
display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
justify-content: center;}

.il_btn a:hover,
.buy_btn a:hover{text-decoration:none}
.il_btn a:hover{cursor:default}
.buy_btn{background: #0155c7;}
.il_btn{background: #cccccc;cursor:default}
p.discount{font-size: 22px; font-weight: bold; border:1px solid #d60b17;padding:20px;display: block;text-align: left}
/*リダイレクト処理対応*/
#purchase_form::after{content: "支払いボタンを押さずにしばらくすると、カートのページに戻ります";
text-align: center;display: block;font-size: 10px;width: 100%;color: #666}


#confirm_table .ttl{background:#efefef;}
#confirm_table h3{color: #333}


footer{background: #cfcfcf; 
width:100%;
text-align: center;
font-size: 10px;
padding: 50px;
}
footer h1,
footer p{font-size: 14px; }
footer ul{margin:5px auto;}



/*menber*/
#public-personal-li,
#item-nav #xprofile-personal-li{display: none}
.profile h4{display: none;}
table.profile-fields{border:1px solid #aaa}

footer a,
footer a:visited,
footer a:hover{display: inline;color:#333;text-decoration: none;}





@media (min-width: 740px) {
article{width: 100%;}
header ul{max-width: 460px;}
header li.cu{ display: inline-block}
header li.cu div{display: inline-block;}
#section,
section{margin: 50px auto;max-width: 80%;}
section.top{position: relative; margin-top: 0; max-width: none;}
section#item{max-width: 980px}
.item_entry.all_item{justify-content: space-between;}

	
section.top .logo{position: absolute;top:40px; left: 80px;width:200px; display: block;}
section.top .text{position: absolute;top:180px; left: 40px;color: #fff;text-align: left;}
section.top .text br{display: block}
section.exam{
display: flex; 
display: -webkit-box; 
display: -webkit-flex; 
display: -ms-flexbox;
justify-content: space-between;
justify-content: space-around;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
-webkit-box-align: center; 
-webkit-align-items: center; 
-ms-flex-align: center;
}

section.chief img.leader{max-width:380px;margin:20px;object-fit: cover;width: 120%;height: 120%}
	
section.exam .logo_exam{margin: 30px auto 0;}
/*section.exam div{margin: 40px 0;}
section.exam div{margin: 0;}*/
.exam_be,
.exam_prepar{width:100%; max-width: 400px;}


section.pro img{margin-bottom:50px}
section.pro p{margin-bottom:0px}
	
section.news h3 span{display: inline-block; }
	
section.news{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
justify-content: space-between;justify-content: space-around;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
align-items: flex-start;-webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start;  max-width: 800px;}
section.news .news,
section.news .info{width: 48%;margin:0}

section.cart{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
 justify-content: space-between;justify-content: space-around;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; flex-wrap: wrap; background:#FFFFFF;}
	
section.cart div{width:50%;height: 250px;height: auto;
display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
justify-content: space-between;justify-content: space-around;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;flex-wrap: wrap; }

section.cart div + div{justify-content: flex-end; margin: 0 auto}
section.cart p{max-width: 280px;width:100%;margin: 10px 0;}
section.cart .card{display: flex; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;
 align-items:flex-end;-webkit-box-align: end;-webkit-align-items: flex-end; -ms-flex-align: end;
 align-content: space-between; flex-wrap: wrap;justify-content: flex-start;}

section.cart3{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
 justify-content: space-between;justify-content: space-around;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; flex-wrap: wrap; background:#FFFFFF;margin:15px auto}
	
section.cart3 div{width:33%;height: 250px;height: auto;
display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
justify-content: space-between;justify-content: space-around;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
align-items: center;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;flex-wrap: wrap; }

section.cart3 div{justify-content: center; margin: 0 auto} + div{justify-content: center; margin: 0 auto} + div{justify-content: center; margin: 0 auto}
section.cart3 p{max-width: 280px;width:100%;margin: 10px 0;}
section.cart3 .card{display: flex; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;
 align-items:flex-end;-webkit-box-align: end;-webkit-align-items: flex-end; -ms-flex-align: end;
 align-content: space-between; flex-wrap: wrap;justify-content: flex-start;}


section.outline
{max-width: 1200px;display: flex; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;flex-wrap: wrap; 
flex-direction:column;max-height:900px;}
.outline dl,
.outline img{width: 48%;padding:0 1%; max-width: 590px;}


.outline .txt_img1 { order: 4;margin: 2% auto}
.outline .txt_img2 { order: 5; margin: 2% auto}

section#contact{width: 100%;max-width: none}
section#contact dl{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
justify-content: space-between;justify-content: space-around;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
 flex-wrap: wrap;}
section#contact dt{width: 25%;max-width: 200px;margin-bottom: 10px}
section#contact dd{max-width: 470px;width: 75%;margin-bottom: 10px}
section#contact select{background: #fff}
.all_item .item{margin:0 auto}

section.exam dl:first-of-type{margin-bottom: 50px;}

.paging .next,
.paging .prev{width: 40%;}
	
.paging{display: flex; display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox; 
justify-content: space-between;justify-content: space-around;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
}


p.discount{text-align: center;}



.all_item{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap: wrap;align-content: space-between;}
.all_item.enrty{justify-content:space-between}
.all_item.card{justify-content:flex-start; }

header.bg nav h2{display: block;color: #333}
header nav{ justify-content:space-between;}
header nav h2{font-size: 24px;position:inherit}

}




@media (max-width: 400px) {
.recommend{ max-width:none;width:100%; background:#e9e9e9;height:700px;}
.recommendbox{
	margin-left:40px;
}

.exam_prepar{
	margin-top:30px;
	margin-bottom: 30px;}	
	
h1{font-size:1rem;line-height:1.2em;}
h2{font-size:0.8rem;line-height: 1.6em; } 
h3{font-size:0.7rem;line-height: 1.3em; } 
h4{font-size:0.5rem;line-height: 1.4em;margin: 12px 0 } 
h5{font-size:0.7rem;line-height: 1.3em; } 
p{font-size: 0.4rem;margin-bottom: 10px;line-height: 1.6em;} 	
	
	
section.chief img.leader{max-width:230px;margin:20px;}
}


@media (max-width: 750px) {
.recommend
	{ max-width:none;width:100%; background:#e9e9e9;height:350px;}
	
.recommendbox
	{
	margin-left:40px;
}

.exam_prepar{
	margin-top:30px;
	margin-bottom: 30px;}	
	
h1{font-size:1rem;line-height:1.2em;}
h2{font-size:0.8rem;line-height: 1.6em; } 
h3{font-size:0.7rem;line-height: 1.3em; } 
h4{font-size:0.5rem;line-height: 1.4em;margin: 12px 0 } 
h5{font-size:0.7rem;line-height: 1.3em; } 
p{font-size: 0.4rem;margin-bottom: 10px;line-height: 1.6em;} 	
	
.pro{ max-width:none;width:80%; background:#f7f7f8;margin-top: 20px; margin-bottom:20px;}	
	
	.recommendbox ul li{
  font-size: 1rem;
}
	
	.topfont{
 color: #333;
 text-align: center;
 font-size: 1rem;
 line-height: 30px;
}
	
	.explain p{font-size: 1rem;line-height: 30px;}
	

	
	.exam_prepar h2{font-size: 20px;}
	
	
	section.exam .exam_prepar button{font-size: 20px;}


	

.center{
	    margin-bottom: 12px;
}


section.chief img.leader{max-width:230px;margin:20px;}
.logo_exam {max-width: 120px; }
.message p{
   font-size: 1rem;
	color: #000; 
	line-height: 30px; 
	padding:40px;
}
section.exam .exam_prepar button,
section.exam .exam_be button{background:#0155c7; height:50px; width:80%;max-width: 300px; text-align: center;color:#fff; font-size: 18px;border:0; margin: 0px auto;}
section.exam .exam_prepar button{font-size: 20px;font-weight: 300;}



}