/* カスタマイズ用CSS */
/* 共通 */
h2,h3,h4,h5{
  font-weight:700;
  font-feature-settings:"palt" 1;
}
p{
  margin-top:0;
  margin-bottom:.8rem;
}
ol,ul,dl{
  margin-top:0;
  margin-bottom:1rem;
  padding-left:0px;
  padding-right:0px;
}
ol ol,ul ul,ol ul,ul ol{
  margin-bottom:0;
}
ul,ol{
  list-style:none;
}

input,button,select,optgroup,textarea{
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}
textarea{
  overflow:auto;
  resize:vertical;
}
textarea,select{
  width:100%;
  border:1px solid #ddd;
  padding:5px 10px;
  -webkit-border-radius:0;
  -moz-appearance:none;
  -webkit-appearance:none;
}
input,textarea{
  color:#424242;
}
input:placeholder-shown,textarea:placeholder-shown{
  color:#999;
  font-size:14px;
  font-size:.875rem;
  padding:4px 5px;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
  color:#999;
  font-size:14px;
  font-size:.875rem;
  padding:4px 5px;
}
input:-moz-placeholder,textarea:-moz-placeholder{
  opacity:1;
  color:#999;
  font-size:14px;
  font-size:.875rem;
  padding:4px 5px;
}
input::-moz-placeholder,textarea::-moz-placeholder{
  opacity:1;
  color:#999;
  font-size:14px;
  font-size:.875rem;
  padding:4px 5px;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
  color:#999;
  font-size:14px;
  font-size:.875rem;
  padding:4px 5px;
}

a{
  color:#222;
  text-decoration:none;
  background-color:transparent;
  -webkit-text-decoration-skip:objects;
}
a:hover{
  color:#0056b3;
  text-decoration:underline;
}
a:not([href]):not([tabindex]){
  color:inherit;
  text-decoration:none;
}
a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{
  color:inherit;
  text-decoration:none;
}
a:not([href]):not([tabindex]):focus{
  outline:0;
}

a.u-link{
  color:#0B318F;
  text-decoration:underline;
}

.object-fit-contain img{
  object-fit:contain;
  font-family:"object-fit: contain;
  ";
}
.object-fit-cover img{
  object-fit:cover;
  font-family:"object-fit: cover;
  ";
}
.alignC{
  text-align:center;
}
.alignR{
  text-align:right;
}
.alignL{
  text-align:left;
}

.list_indent li{
  text-indent:-1em;
  padding-left:1em;
  margin-bottom:0.5rem;
  line-height:1.5;
}

.kome{
  text-indent:-1em;
  padding-left:1em;
}

.bg_info{
  font-weight:700;
  color:#0B318F;
  background:#EAF4F9;
}

.title{
  color:#0B318F;
  font-size:20px;
  font-size:1.25rem;
  letter-spacing:0.1em;
  background:url(../img/title/title_line.svg) no-repeat 0 bottom;
  background-size:660px 6px;
  padding:0 0 20px;
  margin-bottom:40px;
  position:relative;
}
.title .en_font{
  font-size:18px;
  font-size:1.125rem;
  letter-spacing:0.01em;
}
.title .mini{
  font-size:14px;
  font-size:.875rem;
  margin-left:8px;
}
.title .btn_s{
  font-weight:400;
  position:absolute;
  top:5px;
  right:0;
}
.title .right{
  position:absolute;
  top:5px;
  right:0;
}
.title_line{
  font-size:18px;
  font-size:1.125rem;
  background:url(../img/title/title_line.svg) no-repeat 0 bottom;
  background-size:660px 6px;
  padding:0 0 20px;
  margin-bottom:20px;
}
.title_dl{
  font-size:16px;
  font-size:1rem;
  border-bottom:1px solid #D6D6D6;
  padding:0 0 20px;
  margin-bottom:20px;
}
.price{
  color:#F12477;
}

h3{
  font-size:17px;
  font-size:1.0625rem;
}
h4{
  font-size:16px;
  font-size:1rem;
}

.arrow_blue{
  padding:0 0 0 30px;
  background:url(../img/icon/ico_arrow_blue.svg) no-repeat left center;
  background-size:20px 20px;
  color:#0B318F;
}
.arrow_blue_down{
  padding:0 0 0 30px;
  background:url(../img/icon/ico_arrow_blue_down.svg) no-repeat left center;
  background-size:20px 20px;
  margin:0;
}

.point_announce{
  padding:15px 30px;
  margin-bottom:40px;
  background:#EAF4F9;
  border-radius:5px;
  line-height:1.8;
}
.point_announce ul{
  margin:0;
}
.point_announce li+li{
  margin-top:20px;
}

.btn_s{
  width:100px;
  height:26px;
  border-radius:20px;
  text-align:center;
  line-height:26px;
  color:#fff;
  font-size:12px;
  font-size:.75rem;
  background:#0B318F;
  margin:auto;
  display:block;
}
.btn_s:hover{
  color:#fff;
  opacity:.9;
  text-decoration:none;
}

table.cart_table{
  width:100%;
  margin:30px auto;
  font-size:13px;
  font-size:.8125rem;
}
table.cart_table th{
  padding:10px 5px;
  text-align:center;
  vertical-align:middle;
  background:#f6f6f6;
  border:solid 1px #D6D6D6;
}
table.cart_table td{
  padding:10px;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #D6D6D6;
}
table.cart_table .btn_s{
  width:60px;
}
#undercolumn_shopping .cart_table{
  margin:20px 0 40px;
}

#undercolumn_contact .attention,#undercolumn_contact .mini,#undercolumn_entry .attention,#undercolumn_entry .mini,#undercolumn_order .attention,#undercolumn_order .mini,#mycontents_area .attention,#mycontents_area .mini,#zeuscredit_area .attention,#zeuscredit_area .mini{
  font-size:12px;
  font-size:.75rem;
}
#undercolumn_contact th,#undercolumn_entry th,#undercolumn_order th,#mycontents_area th,#zeuscredit_area th{
  width:220px;
}
#undercolumn_contact th .attention,#undercolumn_entry th .attention,#undercolumn_order th .attention,#mycontents_area th .attention,#zeuscredit_area th .attention{
  margin:5px;
}
#undercolumn_contact td p,#undercolumn_entry td p,#undercolumn_order td p,#mycontents_area td p,#zeuscredit_area td p{
  margin-top:10px;
  margin-bottom:0;
}
#undercolumn_contact .post,#undercolumn_entry .post,#undercolumn_order .post,#mycontents_area .post,#zeuscredit_area .post{
  width:280px;
  position:relative;
  margin-bottom:20px;
}
#undercolumn_contact .btn_s,#undercolumn_entry .btn_s,#undercolumn_order .btn_s,#mycontents_area .btn_s,#zeuscredit_area .btn_s{
  position:absolute;
  top:5px;
  right:0;
}
#undercolumn_contact .ec-zipInputHelp .btn_s,#undercolumn_entry .ec-zipInputHelp .btn_s{
  position: static;
}
#mycontents_area .btn_s{
  position:static;
}

.en_font{
  font-family:"futura-pt",sans-serif;
}

.fz11{
  font-size:11px;
  font-size:.6875rem;
}
.fz12{
  font-size:12px;
  font-size:.75rem;
}
.fz17{
  font-size:17px;
  font-size:1.0625rem;
}
.fz18{
  font-size:18px;
  font-size:1.125rem;
}
.fz22{
  font-size:22px;
  font-size:1.375rem;
}
.linear{
  font-weight:700;
  background:linear-gradient(transparent 60%, #FFF100 60%);
}
.max2{
  width:100%;
  margin:0;
}

.inner{
  width:1120px;
  margin:0 auto;
}

.bold{
  font-weight:700;
}
.attention{
  color:#F12477;
}

.ph_hover:hover{
  opacity:.9;
}

.message{
  margin-bottom:20px;
  color:#F12477;
  font-weight:700;
  font-size:17px;
  font-size:1.0625rem;
}

.btn_s{
  width:100px;
  height:26px;
  border-radius:20px;
  text-align:center;
  line-height:26px;
  color:#fff;
  font-size:12px;
  font-size:.75rem;
  background:#0B318F;
  margin:auto;
  display:block;
}
.btn_s:hover{
  color:#fff;
  opacity:.9;
  text-decoration:none;
}

.btn_zip{
  font-size:12px;
  font-size:.75rem;
  color:#fff;
  background:#41A0C7;
  border-radius:5px;
  padding:5px 10px;
  margin:0 10px 0 0;
}
.btn_zip:hover{
  color:#fff;
  opacity:.9;
  text-decoration:none;
}

.btn_search_service{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin-bottom:15px;
}
.btn_search_service a{
  display:block;
  height:40px;
  line-height:40px;
  border-radius:5px;
  text-align:center;
  color:#fff;
}
.btn_search_service a:hover{
  color:#fff;
  opacity:.9;
  text-decoration:none;
}
.btn_search_service .btn_tester{
  width:80px;
  background:#41A0C7;
}
.btn_search_service .btn_article_search{
  width:160px;
  background:#0B318F;
}

.sub-color{
  color:#128D84;
}

.secondary-color{
  color:#0B318F;
}

.bg_secondary-color{
  background:#0B318F;
}

.bg_book{
  border:2px solid #D6D6D6;
  border-radius:5px;
  padding:10px 20px 10px 50px;
  margin-bottom:20px;
  font-weight:700;
  background:url("../img/icon/ico_book.svg") no-repeat 20px 55%;
  background-size:18px 16px;
  line-height:1;
}

.pay_box{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}
.pay_box .pay_title{
  width:80px;
  height:auto;
  line-height:1;
  margin-right:20px;
  border-radius:20px;
  padding:10px 0;
  text-align:center;
  font-weight:700;
  color:#0B318F;
  background:#EAF4F9;
}
.pay_box .pay_txt{
  width:calc(100% - 80px);
  padding:0;
  margin:0;
  font-weight:700;
}

.form_btn_area{
  margin-top:40px;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}
.form_btn_area li{
  margin:auto;
}
.form_btn_area button,.form_btn_area a{
  cursor:pointer;
  outline:none;
  border:none;
  width:300px;
  height:40px;
  border-radius:5px;
  text-align:center;
  line-height:40px;
  letter-spacing:0.1em;
  color:#0B318F;
  font-weight:700;
  font-size:14px;
  font-size:.875rem;
  background:#fff;
  border:1px solid #0B318F;
  margin:auto;
  display:block;
  text-decoration:none;
}
.form_btn_area .btn_confirm,.form_btn_area .btn_send{
  background:url("../img/icon/ico_arrow_right.svg") no-repeat right 10px center;
  background-size:20px 10px;
}
.form_btn_area .btn_confirm:hover,.form_btn_area .btn_send:hover{
  text-decoration:none;
  background:#f9ffff url("../img/icon/ico_arrow_right.svg") no-repeat right 10px center;
  background-size:20px 10px;
}
.form_btn_area .btn_back{
  background:url("../img/icon/ico_arrow_left.svg") no-repeat 10px center;
  background-size:20px 10px;
}
.form_btn_area .btn_back:hover{
  text-decoration:none;
  background:#f9ffff url("../img/icon/ico_arrow_left.svg") no-repeat 10px center;
  background-size:20px 10px;
}

.s-box__2column{
  width:100%;
}
.s-box__2column .box{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px dashed #D6D6D6;
}
.s-box__2column .box:last-child{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:none;
}
.s-box__2column .box .number{
  width:20px;
  height:20px;
  line-height:20px;
  margin-right:15px;
  color:#fff;
  text-align:center;
  background:#41A0C7;
}
.s-box__2column .box:nth-child(-n+3) .number{
  background:#0B318F;
}
.s-box__2column .box .number+.txt_box{
  width:225px;
}

.ranking ul#tab_ranking{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin-bottom:20px;
  margin-left:-10px;
}
.ranking ul#tab_ranking a{
  width:80px;
  height:40px;
  line-height:40px;
  text-align:center;
  border-radius:5px 5px 0 0;
  background:#D6D6D6;
  color:#fff;
  box-sizing:border-box;
  letter-spacing:0.1em;
  display:block;
  font-weight:700;
}
.ranking ul#tab_ranking a:hover{
  text-decoration:none;
  background:#ccc;
}
.ranking ul#tab_ranking a.active{
  color:#0B318F;
  border:1px solid #0B318F;
  border-bottom:none;
  background:#fff;
}
.ranking ul#tab_ranking a.active:hover{
  background:#f9ffff;
}
.ranking #tab_ranking_box #tab_weeks,.ranking #tab_ranking_box #tab_monthly{
  display:none;
}

.pagenavi_detail{
  margin-bottom:80px;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}
.pagenavi_detail li{
  margin:auto;
}
.pagenavi_detail a{
  width:300px;
  height:40px;
  border-radius:5px;
  text-align:center;
  line-height:40px;
  letter-spacing:0.1em;
  color:#0B318F;
  font-weight:700;
  font-size:14px;
  font-size:.875rem;
  background:#fff;
  border:1px solid #0B318F;
  margin:auto;
  display:block;
}
.pagenavi_detail .btn_next{
  background:url("../img/icon/ico_arrow_right.svg") no-repeat right 10px center;
  background-size:20px 10px;
}
.pagenavi_detail .btn_next:hover{
  text-decoration:none;
  background:#f9ffff url("../img/icon/ico_arrow_right.svg") no-repeat right 10px center;
  background-size:20px 10px;
}
.pagenavi_detail .btn_prev{
  background:url("../img/icon/ico_arrow_left.svg") no-repeat 10px center;
  background-size:20px 10px;
}
.pagenavi_detail .btn_prev:hover{
  text-decoration:none;
  background:#f9ffff url("../img/icon/ico_arrow_left.svg") no-repeat 10px center;
  background-size:20px 10px;
}

.guide a,.info_box a,.txt_contact a,.contact_box a,.shop_information a,.login_area a,#undercolumn_order a{
  color:#0B318F;
  text-decoration:underline;
}
.txt_contact{
  margin-top:20px;
  margin-bottom:0;
}
.about_ad .info_box,.shop_information .info_box{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  margin-top:30px;
  margin-bottom:80px;
  padding:40px;
  font-weight:700;
  border:2px solid #D6D6D6;
  border-radius:5px;
  color:#0B318F;
}
.about_ad .info_box h3,.shop_information .info_box h3{
  font-size:20px;
  font-size:1.25rem;
}
.about_ad .info_box .ph_box,.shop_information .info_box .ph_box{
  width:160px;
  margin-right:auto;
}
.about_ad .info_box .ph_box img,.shop_information .info_box .ph_box img{
  width:100%;
  height:auto;
}
.about_ad .info_box .txt_box,.shop_information .info_box .txt_box{
  width:360px;
}
.about_ad .info_box .txt_box p,.shop_information .info_box .txt_box p{
  line-height:2;
  margin:0;
}

.kadomaru_table{
  border-radius:10px;
  border:1px solid #D6D6D6;
}
.kadomaru_table tr{
  border-bottom:1px solid #D6D6D6;
}
.kadomaru_table tr:last-child{
  border-bottom:none;
}
.kadomaru_table th{
  width:100%;
  display:block;
  padding:30px 30px 20px;
  font-size:17px;
  font-size:1.0625rem;
}
.kadomaru_table td{
  width:100%;
  display:block;
  padding:0 30px 30px;
  font-size:13px;
  font-size:.8125rem;
}
.kadomaru_table td .txt_contact{
  font-size:15px;
  font-size:.9375rem;
  font-weight:700;
  color:#0B318F;
}

.box40{
  width:40px;
}
.box60{
  width:60px;
}
.box100{
  width:100px;
}
.box120{
  width:120px;
}
.box140{
  width:140px;
}
.box145{
  width:145px;
}
.box150{
  width:150px;
}
.box240{
  width:240px;
}
.box300{
  width:300px;
}
.box320{
  width:320px;
}
.box350{
  width:350px;
}
.box380{
  width:380px;
}

.line_table{
  line-height:1.7;
}
.line_table tr{
  border-top:1px solid #D6D6D6;
  border-bottom:1px solid #D6D6D6;
}
.line_table tr:first-child{
  border-top:none;
}
.line_table th{
  width:160px;
  padding:30px 30px 30px 0;
  vertical-align:top;
  font-size:16px;
  font-size:1rem;
}
.line_table td{
  padding:30px 0;
}

/* ヘッダー */
#header_wrap{
  width:100%;
  font-size:13px;
  font-size:.8125rem;
}
#header_wrap .header_top{
  width:100%;
  min-width:1160px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 2px 3px rgba(0,0,0,0.1);
}
#header_wrap .header_top .inner{
  height:60px;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}
#header_wrap .header_top ul{
  margin:0 0 0 auto;
}
#header_wrap .header_top ul li{
  display:inline-block;
  letter-spacing:0.1em;
}
#header_wrap .header_top ul li+li{
  margin-left:30px;
}
#header_wrap .header_middle .inner{
  height:150px;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}
#header_wrap .header_middle .ad_header{
  width:500px;
  height:100px;
}
#header_wrap .header_middle .ad_header img{
  width:100%;
  height:auto;
}
#header_wrap .header_btm{
  background:#0B318F;
  position:relative;
}
#header_wrap .header_btm .inner{
  height:60px;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}
#header_wrap .header_btm a{
  color:#fff;
}
#header_wrap .header_btm .btn_category{
  height:20px;
  padding:0 0 0 30px;
  background:url(../img/icon/ico_category_grid.svg) no-repeat left center;
  background-size:20px 20px;
}
#header_wrap .header_btm .nav_category{
  width:100%;
  padding:50px 0 30px;
  position:absolute;
  top:60px;
  left:0;
  background:rgba(4,25,78,0.9);
  font-size:16px;
  font-size:1rem;
  display:none;
  z-index:999;
}
#header_wrap .header_btm .nav_category .inner{
  height:auto;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}
#header_wrap .header_btm .nav_category ul{
  width:740px;
  height:280px;
  border-right:1px solid #D6D6D6;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-flex-direction:vertical;
  -moz-flex-direction:vertical;
  -ms-flex-direction:column;
  -webkit-flex-direction:column;
  flex-direction:column;
}
#header_wrap .header_btm .nav_category ul li{
  width:370px;
  margin:0 0 30px;
}
#header_wrap .header_btm .nav_category ul li:nth-of-type(5n),#header_wrap .header_btm .nav_category ul li:last-child{
  margin:0;
}
#header_wrap .header_btm .nav_category ul li a{
  padding:0 0 0 30px;
  background:url(../img/icon/ico_nav_arrow.svg) no-repeat left center;
  background-size:20px 20px;
}
#header_wrap .header_btm .nav_category ul li a .c14{
  padding:0 0 0 20px;
}
#header_wrap .header_btm .nav_category .bnr_downloads{
  width:300px;
  height:100px;
  margin:0 0 auto auto;
  display:block;
}
#header_wrap .header_btm .nav_category .bnr_downloads img{
  width:100%;
  height:auto;
  display:block;
}
#header_wrap #header_utility{
  margin:0 0 0 auto;
}
#header_wrap #header_navi{
  height:20px;
}
#header_wrap #header_navi li{
  display:inline-block;
  margin:0 0 0 30px;
}
#header_wrap #header_navi li a{
  display:block;
  height:20px;
}
#header_wrap #header_navi .nav_member a{
  padding:0 0 0 30px;
  background:url(../img/icon/ico_member.svg) no-repeat left center;
  background-size:20px 20px;
}
#header_wrap #header_navi .nav_lock a{
  padding:0 0 0 24px;
  background:url(../img/icon/ico_lock.svg) no-repeat left center;
  background-size:14px 20px;
}
#header_wrap #header_navi .nav_cart{
  position:relative;
}
#header_wrap #header_navi .nav_cart .item{
  width:18px;
  height:18px;
  line-height:1.4;
  color:#fff;
  font-weight:bold;
  text-align:center;
  border-radius:100%;
  background:#F12477;
  position:absolute;
  top:-10px;
  left:0;
}
#header_wrap #header_navi .nav_cart a{
  padding:0 0 0 30px;
  background:url(../img/icon/ico_cart.svg) no-repeat left center;
  background-size:20px 20px;
}
#header_wrap #header_search{
  width:220px;
  margin:0 0 0 40px;
  position:relative;
}
#header_wrap #header_search input[type="text"]{
  width:100%;
  padding:8px 30px 8px 8px;
  color:#777;
  border-radius:5px;
  border:none;
}
#header_wrap #header_search input[type="image"]{
  width:18px;
  height:18px;
  position:absolute;
  top:8px;
  right:-10px;
  outline:0;
}
#header_wrap h1{
  margin:0 auto 0 0;
}
#header_wrap h1 img{
  width:100%;
  height:auto;
}
#header_wrap h1.logo{
  width:120px;
}
#header_wrap h1.logo_online{
  width:314px;
}
/* メイン */
.pick_up{
  padding-bottom:40px;
  margin-bottom:40px;
  border-bottom:1px solid #D6D6D6;
}
.pick_up .object-fit-contain img{
  width:100%;
  height:300px;
  display:block;
  margin:0 auto 40px;
}
.pick_up h3{
  width:100%;
  font-size:20px;
  font-size:1.25rem;
  margin-bottom:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pick_up p{
  font-size:16px;
  font-size:1rem;
  line-height:1.8;
  margin:0;
}
.pick_up+.ad_main{
  margin-bottom:80px;
}

.ad_main .ad_txt{
  font-size:16px;
  font-size:1rem;
  border:1px solid #ddd;
  padding:16px 18px;
  font-weight:bold;
  margin-bottom:40px;
  letter-spacing:0.05em;
}
.ad_main .ad_txt a{
  color:#0B318F;
}
.ad_main .ad_size_top{
  margin-left:-34px;
  margin-bottom:16px;
}
.ad_main .ad_size_btm{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  width:692px;
  margin-left:-16px;
}
.ad_main .ad_size_btm .ad_size_btmin{
  width:336px;
  height:280px;
}

.category_contents{
  margin-bottom:80px;
}
.category_contents h3 a{
  width:310px;
  height:80px;
  text-align:center;
  font-size:18px;
  font-size:1.125rem;
  letter-spacing:0.1em;
  padding:24px 24px 0 0;
  margin-bottom:20px;
  color:#0B318F;
  box-sizing:border-box;
  background:url(../img/background/bg_btn_category.svg) no-repeat 0 0;
  background-size:310px 80px;
  display:block;
}
.category_contents h3 a:hover{
  text-decoration:none;
  opacity:.9;
  -webkit-transition:all .3s;
  transition:all .3s;
}
.category_contents h3 a span{
  font-size:14px;
  font-size:.875rem;
  display:block;
}
.category_contents h3.line2 a{
  padding:14px 24px 0 0;
}
.c-box__2column{
  width:100%;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}
.c-box__2column .c-box__2column_in{
  width:310px;
}
.c-box__2column .box{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid #D6D6D6;
}
.c-box__2column .box:last-child{
  border-bottom:none;
}
.c-box__2column .box .ph_box img{
  width:70px;
  height:70px;
  margin-right:15px;
}
.c-box__2column .box .ph_box img:hover{
  text-decoration:none;
  opacity:.9;
  -webkit-transition:all .3s;
  transition:all .3s;
}
.c-box__2column .box .ph_box+.txt_box{
  width:225px;
}
/* フッター */
#footer_wrap{
  position:relative;
  width:100%;
  height:auto;
  padding:50px 0;
  background:#fff;
  color:#666;
  text-align:center;
  font-size:13px;
  font-size:.8125rem;
  min-width:1160px;
  overflow:hidden;
}
#copyright{
  font-size:11px;
  font-size:.6875rem;
  letter-spacing:0.1em;
}
#pagetop{
  position:fixed;
  bottom:20px;
  right:20px;
  width:60px;
  height:60px;
}
#pagetop:hover{
  opacity:.9;
  -webkit-transition:all .3s;
  transition:all .3s;
}
#footer_nav li{
  display:inline-block;
}
#footer_nav a{
  margin:0 15px;
  color:#666;
}
.sns_icon li{
  display:inline-block;
  margin:15px;
}
.sns_icon li .fb{
  width:10px;
  height:20px;
}
.sns_icon li .twitter{
  width:20px;
  height:16px;
}
.sns_icon li:hover{
  opacity:.9;
  -webkit-transition:all .3s;
  transition:all .3s;
}
/* 右サイド */
.side_top img,.side_btm img{
  width:100%;
  height:auto;
  display:block;
}
.side_box{
  padding:20px;
  border-top:1px solid #D6D6D6;
}
.side_box h3{
  color:#0B318F;
  font-size:17px;
  font-size:1.0625rem;
  letter-spacing:0.05em;
  text-align:center;
}
.side_box h4{
  font-size:14px;
  font-size:.875rem;
}
.side_box li{
  line-height:2;
  padding-left:10px;
}

.news{
  width:100%;
}
.news .box{
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px dashed #D6D6D6;
}
.news .box:last-child{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:none;
}

.koudoku .box .ph_box{
  height:120px;
  overflow:hidden;
  margin-bottom:20px;
  border:1px solid #D6D6D6;
  border-bottom:none;
}
.koudoku .box .fz12{
  line-height:1.8;
}
.koudoku .box .price_box{
  margin-bottom:15px;
}
.koudoku .box .price_box .nenkan48{
  width:84px;
  height:22px;
  display:inline-block;
  margin:-5px 10px 0 0;
}
.koudoku .box .price_box p{
  display:inline-block;
  margin:0;
}

.syukusatsuban .box{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:none;
}
.syukusatsuban .box .ph_box{
  width:110px;
  margin-right:20px;
}
.syukusatsuban .box .price_box{
  margin-bottom:15px;
}
.syukusatsuban .box .price_box p{
  margin:0;
}
.bnr_net_hanbai{
  border-top:1px solid #D6D6D6;
  display:block;
}
/* 記事一覧/詳細 */
#undercolumn{
  margin-bottom:80px;
}
#undercolumn .title,#main_column .title{
  margin-bottom:20px;
}
#undercolumn .title+.line_table,#main_column .title+.line_table{
  margin-top:-10px;
}
.tag_area{
  width:100%;
  height:auto;
  margin:0 0 20px;
  padding:0;
  box-sizing:border-box;
  letter-spacing:-.40em;
}
.tag_area li{
  padding:0 0 0 20px;
  margin:0 15px 0 0;
  display:inline-block;
  letter-spacing:normal;
  background:url("../img/icon/ico_tag.svg") no-repeat left center;
  background-size:12px 12px;
  font-size:12px;
  font-size:.75rem;
}
.tag_area li a{
  color:#0B318F;
}
.sns_area{
  margin:0 0 15px auto;
  text-align:right;
}
.sns_area ul{
  display:inline;
}
.sns_area li{
  display:inline-block;
  vertical-align:middle;
  margin:0 5px 0 0;
  line-height:1;
}

.article_list .borderAttBox{
  border:#000 4px solid;
  padding:1em;
  font-size:0.8125rem;
  margin-bottom:25px;
}
.article_list .borderAttBox .ttl{
  font-size:1.0625rem;
  line-height:1.5;
  font-weight:bold;
  margin-bottom:.3em;
}
.article_list .borderAttBox p:last-child{
  margin-bottom:0;
}
.article_list .list_area{
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid #D6D6D6;
}
.article_list .box{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
}
.article_list .box .ph_box img{
  width:160px;
  height:160px;
  margin-right:20px;
}
.article_list .box .ph_box img:hover{
  text-decoration:none;
  opacity:.9;
  -webkit-transition:all .3s;
  transition:all .3s;
}
.article_list .box .ph_box+.txt_box{
  width:480px;
}
.article_list .box .max2{
  margin-bottom:20px;
}
.article_list .box .btn_s{
  margin:0 0 0 auto;
}

.article_list .box .txt_boxin{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:flex-end;
  -webkit-align-items:flex-end;
  align-items:flex-end;
}
.article_list .box .txt_boxin .btn_s{
  margin:0 auto 0 0;
}
.article_list .box .txt_boxin .pricebox{
  margin:0 15px 0 auto;
  font-weight:700;
}
.article_list .box .txt_boxin .cartin{
  margin:0 0 0 auto;
}
.article_list .box .txt_boxin .cartin .cartin_btn{
  width:160px;
  height:40px;
  background:#FDD000;
  color:#0B318F;
  border:none;
  border-radius:5px;
}
.article_list .box .txt_boxin .cartin .cartin_btn:hover{
  opacity:.9;
}
.article_list .box .txt_boxin .cartin .cartin_btn img{
  width:100%;
  height:auto;
}


.article_detail .box{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  margin-bottom:20px;
}
.article_detail .main_comment{
  margin-bottom:0px;
}
.article_detail .login_info{
  height:auto;
  border:1px solid #D6D6D6;
  border-radius:5px;
  margin-bottom:80px;
  padding:30px 30px 10px;
}
.article_detail .login_info .ph_box{
  width:200px;
  height:110px;
  margin-right:auto;
  overflow:hidden;
}
.article_detail .login_info .ph_box img{
  width:100%;
  height:auto;
}
.article_detail .login_info .txt_box{
  width:380px;
}
.article_detail .login_info .btn_area{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:space-between;
  -moz-flex-pack:space-between;
  -ms-flex-pack:space-between;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}
.article_detail .login_info .btn_area a{
  width:285px;
  height:50px;
  border-radius:5px;
  text-align:center;
  line-height:50px;
  color:#fff;
  display:block;
  letter-spacing:0.1em;
  padding:0 0 0 30px;
}
.article_detail .login_info .btn_area .btn_book{
  background:#41A0C7 url("../img/icon/ico_book_white.svg") no-repeat 40px center;
  background-size:20px 18px;
}
.article_detail .login_info .btn_area .btn_book:hover{
  text-decoration:none;
  opacity:.9;
}
.article_detail .login_info .btn_area .btn_lock{
  background:#0B318F url("../img/icon/ico_lock.svg") no-repeat 70px center;
  background-size:14px 20px;
}
.article_detail .login_info .btn_area .btn_lock:hover{
  text-decoration:none;
  opacity:.9;
}

.article_detail .box .ph_box{
  width:300px;
  height:auto;
  margin-right:auto;
}
.article_detail .box .txt_box{
  width:320px;
}
.article_detail .box .txt_box .point{
  margin:30px 0;
  text-align:right;
}
.article_detail .box .txt_box .point p{
  display:inline;
}
.article_detail .box .txt_box .txt_boxin{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:flex-end;
  -webkit-align-items:flex-end;
  align-items:flex-end;
  margin-bottom:40px;
}
.article_detail .box .txt_box .txt_boxin .pricebox{
  margin:0 auto 0 0;
  font-weight:700;
}
.article_detail .box .txt_box .txt_boxin .cartin{
  margin:0 0 0 auto;
}
.article_detail .box .txt_box .txt_boxin .cartin .cartin_btn{
  width:160px;
  height:40px;
  background:#FDD000;
  color:#0B318F;
  border:none;
  border-radius:5px;
}
.article_detail .box .txt_box .txt_boxin .cartin .cartin_btn:hover{
  opacity:.9;
}
.article_detail .box .txt_box .txt_boxin .cartin .cartin_btn img{
  width:100%;
  height:auto;
}
.article_detail .box .txt_box .tag_area{
  width:auto;
  text-align:right;
  margin:0 -10px 0 auto;
}
.article_detail ul.status_icon{
  margin:0 0 20px;
}
.article_detail ul.status_icon li{
  display:inline-block;
  margin-right:8px;
}
.article_detail ul.status_icon li img{
  width:60px;
  height:30px;
}
.article_detail .favorite_btn{
  margin:0 0 20px;
  width:120px;
  height:22px;
  color:#FE4F96;
  border:solid 1px #FE4F96;
  border-radius:20px;
  background:#fff;
}
.article_detail .favorite_btn img{
  width:100px;
  height:22px;
  display:block;
  margin:0 0 0 auto;
}
.article_detail #slide .sp-thumbnails{
  margin:12px 0 0;
}
.article_detail .sub_area .txt_box{
  width:auto;
}
.article_detail .sub_area .txt_box div.subtext{
  width:490px;
}
.article_detail .sub_area .ph_box{
  width:150px;
  margin:0 0 20px 20px;
}
.article_detail .sub_area .ph_box img{
  width:150px;
  height:150px;
  margin:0 0 20px;
}

.title_line{
  font-size:18px;
  font-size:1.125rem;
  background:url(../img/title/title_line.svg) no-repeat 0 bottom;
  background-size:660px 6px;
  padding:0 0 20px;
  margin-bottom:20px;
}
#whobought_area li{
  padding:0 0 0 17px;
  margin:0  0 15px;
  display:block;
  background:url("../img/icon/ico_arrow_other.svg") no-repeat left 5px;
  background-size:7px 8px;
}
/* 新規会員登録 */
#undercolumn{
  margin-bottom:80px;
}
#undercolumn .title,#main_column .title{
  margin-bottom:20px;
}
#undercolumn .title+.line_table,#main_column .title+.line_table{
  margin-top:-10px;
}

div#complete_area{
  margin-top:20px;
}

div#complete_area .message,div#undercolumn_entry .message{
  margin-bottom:20px;
  font-weight:700;
  font-size:17px;
  font-size:1.0625rem;
}

/* ログイン */
.login_area{
  margin-bottom:80px;
}
.login_area .inputbox{
  border:1px solid #D6D6D6;
  border-radius:5px;
  margin:20px 0;
  padding:40px 40px 20px;
}
.login_area .inputbox dl{
  margin:0 0 20px;
}
.login_area .inputbox dl dt{
  display:inline-block;
  vertical-align:top;
  width:120px;
  margin:7px 0 0;
}
.login_area .inputbox dl dd{
  display:inline-block;
  margin-left:20px;
}
.login_area .login_memory{
  margin:10px 0 0;
}
.login_area .ico_member{
  position:relative;
  padding:3px 0 0 40px;
  margin-bottom:20px;
}
.login_area .ico_member:before{
  position:absolute;
  top:0;
  left:0;
  content:"";
  width:30px;
  height:30px;
  border-radius:100%;
  display:inline-block;
  background:#0B318F url(../img/icon/ico_member.svg) no-repeat center center;
  background-size:20px 20px;
}
.login_area .ico_lock{
  position:relative;
  padding:3px 0 0 40px;
  margin-bottom:20px;
}
.login_area .ico_lock:before{
  position:absolute;
  top:0;
  left:0;
  content:"";
  width:30px;
  height:30px;
  border-radius:100%;
  display:inline-block;
  background:#0B318F url(../img/icon/ico_lock.svg) no-repeat center center;
  background-size:14px 20px;
}
/* パスワードをお忘れの方 */
div#window_area{
  margin:20px auto 0 auto;
  padding-bottom:20px;
  width:520px;
  min-height:300px;
  height:auto !important;
}
div#window_area p.information{
  margin-bottom:20px;
}
div#window_area table{
  width:500px;
}
div#window_area #forgot{
  margin:0 auto 20px;
  padding:20px;
  width:440px;
  border:1px solid #D6D6D6;
  text-align:left;
}
div#window_area #forgot .mailaddres{
  margin-bottom:10px;
}
div#window_area #forgot p{
  text-align:center;
  margin:0;
}

/* マイページ */
.mynavi_list{
  margin-top:30px;
}
.mynavi_list li{
  display:inline-block;
  margin:0 30px 10px 0;
}
.mynavi_list li a{
  padding:0 0 0 25px;
  background-size:15px 15px;
  font-size:15px;
  font-size:.9375rem;
  font-weight:700;
}

/* 通販新聞とは */
.about_us .box{
  margin-bottom:40px;
}
.about_us .info_box{
  padding:30px;
  margin-bottom:80px;
  font-size:16px;
  font-size:1rem;
}
.about_us .ceo{
  margin-top:40px;
  text-align:right;
}

/* 年間購読のお申込み */
.subscription{
  margin-bottom:80px;
}
.subscription h3.sub-color{
  font-size:20px;
  font-size:1.25rem;
}
.subscription .box{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  margin-bottom:20px;
}
.subscription .box .ph_box{
  width:200px;
  height:auto;
  margin-right:40px;
}
.subscription .box .ph_box img{
  width:100%;
  height:auto;
  margin-bottom:10px;
}
.subscription .box .txt_box{
  width:auto;
}
.subscription .info_box{
  margin-bottom:40px;
  font-weight:700;
}
.subscription .bg_info{
  margin-top:20px;
  margin-bottom:20px;
  padding:10px 0;
  text-align:center;
}

.contact_box{
  margin-bottom:80px;
}
.contact_box .title{
  margin-bottom:40px;
}
.contact_box p{
  font-weight:700;
  font-size:15px;
  font-size:.9375rem;
  line-height:2;
  color:#0B318F;
}

/* 広告掲載について */
.about_ad,.shop_information{
  margin-bottom:80px;
}
.about_ad .info_box,.shop_information .info_box{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  margin-top:30px;
  margin-bottom:80px;
  padding:40px;
  font-weight:700;
  border:2px solid #D6D6D6;
  border-radius:5px;
  color:#0B318F;
}
.about_ad .info_box h3,.shop_information .info_box h3{
  font-size:20px;
  font-size:1.25rem;
}
.about_ad .info_box .ph_box,.shop_information .info_box .ph_box{
  width:160px;
  margin-right:auto;
}
.about_ad .info_box .ph_box img,.shop_information .info_box .ph_box img{
  width:100%;
  height:auto;
}
.about_ad .info_box .txt_box,.shop_information .info_box .txt_box{
  width:360px;
}
.about_ad .info_box .txt_box p,.shop_information .info_box .txt_box p{
  line-height:2;
  margin:0;
}
/* ご利用ガイド */
.guide_box{
  margin-top:40px;
}
.guide_box p+h4,.guide_box img+p{
  margin-top:20px;
}

.step_box{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}
.step_box .step_title{
  width:80px;
  height:auto;
  line-height:1;
  margin-right:20px;
  border-radius:20px;
  padding:10px 0;
  text-align:center;
  font-weight:700;
  color:#0B318F;
  background:#EAF4F9;
}
.step_box .step_txt{
  width:calc(100% - 80px);
  padding:0;
  margin:0;
}
.step_box+.step_box{
  margin-top:20px;
}
/* 会社概要 */
.company .map iframe{
  width:100%;
  height:300px;
  margin-top:20px;
}
/* 通販新聞全記事検索サービスについて */
.about_search{
  margin-bottom:80px;
}
.about_search h3.sub-color{
  font-size:20px;
  font-size:1.25rem;
}
.about_search .box{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  margin-top:20px;
  margin-bottom:20px;
}
.about_search .box .ph_box{
  width:140px;
  height:auto;
  margin-right:80px;
}
.about_search .box .ph_box img{
  width:100%;
  height:auto;
}
.about_search .box .txt_box{
  width:auto;
}
.about_search .btn_search_service{
  width:300px;
}
.about_search .btn_search_service .btn_tester{
  width:120px;
}
.about_search .btn_search_service .btn_article_search{
  width:160px;
}
.about_search .info_box{
  margin-bottom:20px;
  font-weight:700;
}
.about_search .bg_info{
  margin-top:20px;
  margin-bottom:20px;
  padding:10px 0;
  text-align:center;
}

/* カート */
table.cart_table{
  width:100%;
  margin:30px auto;
  font-size:13px;
  font-size:.8125rem;
}
table.cart_table th{
  padding:10px 5px;
  text-align:center;
  vertical-align:middle;
  background:#f6f6f6;
  border:solid 1px #D6D6D6;
}
table.cart_table td{
  padding:10px;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #D6D6D6;
}
table.cart_table .btn_s{
  width:60px;
}

.form_area .form_btn_area{
  width:100%;
}