@charset "UTF-8";
/* CSS Document */

/* Micro clearfix */
.container::after,
.cf::after {content: "";display: block;clear: both;}
.container::before,
.cf::before {content: "";display: block;clear: both;}
.cf {display: block;}

/* .Basic */
section,
article {display:block;}
h1 {text-align:center;}
h2 {font-size:1.3125rem;padding-top:2rem;padding-bottom:1rem;text-align:center;}
h1 span {color:#428d65;}
h2 span {font-size:66.67%;padding-left:0.5rem;}
figure {margin:0 0 0.5rem 0;text-align:center;}
a {color:#3377cc;text-decoration:none;padding-bottom:0.125rem;}
a:hover {color:#3377cc;text-decoration:underline;}
img {width:auto;max-width:100%;height:auto;vertical-align:bottom;padding-bottom:none;}
a img {border-bottom:none;}
a:hover img {opacity:0.8;border-bottom:none;}
figcaption {font-size:87.5%;margin:0.5rem 0 0 0;}
ul li,
ol li {margin-bottom:0.25rem;}
table {margin-bottom: 1rem;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;}
table th,
table td {padding:0.5rem;vertical-align:top;border-top:#ccc 1px solid;border-left:#ccc 1px solid;box-sizing:border-box;}
table th {white-space:nowrap;background:#f8f8f8;}
p,
.mod-p {margin:1rem 0;}
.mod-ol li {margin-bottom:1rem;}

/* Structure */
html {scroll-behavior: smooth;}
body {color:#666;font-size:16px;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";position:relative;background:url("../images/bg_page.svg") no-repeat fixed;;background-position:center center;background-size:contain;}
@media screen and (min-width:768px) {
  body {color:#666;font-size:16px;}
}
.external {width:auto;max-width:980px;margin:0 auto;padding:0 10px;clear:both;position:relative;box-sizing:border-box;}
@media screen and (min-width:768px) {
  .external {padding:0;}
}

header .external {padding:18px 0 15px 0;}
header h1 {margin:0 0 0 10px;line-height:1;text-align:center;}
header h1 a {padding-bottom:0; display:flex; flex-direction:column; align-items:left;}
header #logo_head-e {width:100%;max-width:124px;margin:0 0 4px 0;padding:0;box-sizing:border-box;}
header #logo_head-j {width:100%;max-width:170px;margin:0 0 0 0;padding:0;box-sizing:border-box;}
header #logo_head-20th {width:100%;max-width:64px;margin:10px 10px 5px 10px;padding:0;box-sizing:border-box;}
@media screen and (min-width:360px) {
  header h1 {margin:0 72px 0 10px;}
  header h1 a {align-items: left;}
}
@media screen and (min-width:526px) {
  header .external {padding:20px 0 15px 0;}
  header h1 {margin:0 0 0 10px;}
  header h1 a {flex-direction:row; justify-content:left;}
  header #logo_head-e {width:100%;margin:0 0 0 0;padding:12px 0;}
  header #logo_head-j {width:100%;margin:0 16px 0 0;padding:12px 0;}
  header #logo_head-20th {width:100%;margin:0 0 0 0;padding:0;}
}
@media screen and (min-width:768px) {
  header #logo_head-e {margin:0 0 0 0;}
  header #logo_head-j {margin:0 16px 0 0;}
  header #logo_head-20th {margin:0 0 10px 0;}
}
@media screen and (min-width:970px) {
  header h1 {margin:0 0 0 0;}
}
#mainvisual {margin:0 auto;max-width:980px;height:auto;text-align:center;position:relative;}
#mainvisual h1 {margin:0;padding:0;line-height:1;min-height:120px;font-size:1.75rem;letter-spacing:0.25rem;color:#fff;background:#aaa;display:flex;justify-content:space-around;align-items:center;position:relative;}
#mainvisual h1::after {width:100%;height:100%;content:'';display:block;box-shadow: 0px 5px 5px rgba(0,0,0,0.25) inset;position:absolute;top:0;left:0;}
#mainvisual h1 img {margin:0;width:auto;max-width:100%;height:auto;}
#mainvisual {padding-top:84px;}
@media screen and (min-width:768px) {
  #mainvisual {padding-top:0;}
}
#contents {padding-bottom:80px;line-height:1.75;position:relative;}
#icon_menu {width:48px;height:48px;display:block;position:absolute;right:10px;top:10px;border-radius:4px;background:#ccc;}
#icon_menu:hover {background:#999;}
#icon_menu img {width:100%;height:100%;}
#icon_pagetop {width:48px;height:48px;display:block;position:fixed;right:0;bottom:100px;border-radius:4px 0 0 4px;background-color:rgba(255,255,255,0.75);z-index:500;}
#icon_home {width:48px;height:48px;display:block;position:fixed;right:0;bottom:40px;border-radius:4px 0 0 4px;background-color:rgba(255,255,255,0.75);z-index:500;}
#icon_pagetop .icon_pagetop-h,
#icon_home .icon_home-h {display:none;}
#icon_pagetop:hover,
#icon_home:hover {background-color:#eaf0f8;}
#icon_pagetop:hover .icon_pagetop-n,
#icon_home:hover .icon_home-n {display:none;}
#icon_pagetop:hover .icon_pagetop-h,
#icon_home:hover .icon_home-h {display:block;}
#icon_pagetop img,
#icon_home img {width:100%;height:100%;}
footer {width:100%;}
footer #menu {margin-left:2px;padding:0 1rem;text-align:center;font-size:87.5%;color:#fff;border-radius:8px 8px 0 0;background-color:#777;border-bottom:#aaa 1px solid;display:inline-block;}

header {position:fixed;width:100%;background:rgba(255,255,255,0.95); z-index: 900;box-shadow: 0px 5px 5px rgba(0,0,0,0.25);}
header .header-banner {margin:0; padding:0; list-style:none; display:none;}
header button.btn_menu {margin: 0; padding: 0; outline: 0; border: 0; border-radius: 0; background: transparent; color: inherit; vertical-align: middle; text-align: inherit; font: inherit; -webkit-appearance: none; appearance: none;}
header .btn_menu {position: fixed; top: 20px; right: 16px; z-index: 901; width: 48px; height: 48px;}
header .btn_menu-line {display: block; position: relative; width: 100%; height: 4px; background-color: #d6d5d5; transition: .2s;}
header .btn_menu-line::before , .btn_menu-line::after {content: ""; position: absolute; width: 100%; height: 100%; background-color: #d6d5d5; transition: .5s;}
header .btn_menu-line::before {transform: translateY(-16px);}
header .btn_menu-line::after {transform: translateY(16px);}
header .btn_menu-line.open {background-color: transparent;}
header .btn_menu-line.open::before , .btn_menu-line.open::after {content: ""; background-color: #333; transition: .2s;}
header .btn_menu-line.open::before { transform: rotate(45deg);}
header .btn_menu-line.open::after {transform: rotate(-45deg);}
header .nav-global {margin-top:0; display: flex; flex-direction: column; position: fixed; z-index: 902; right: -70%; width: 70%; height:75vh; background-color: rgba(51, 119, 204, 0.8); color: #fff; transition: .3s;}
header .nav-global a {color:#fff;text-decoration:none;}
header .nav-global-item {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;border-bottom:rgba(255, 255, 255, 0.7) 1px solid;}
header .nav-global-item {background-color: rgba(255, 255, 255, 0.05); color: #333; cursor: pointer; transition: .3s;}
header .nav-global-item-img {width:auto;height:auto;max-width:100%;max-height:48px;}
header .nav-global.open {position: absolute; right: 0;}
footer {color:#ccc;background:#333;}
@media screen and (min-width:768px) {
  #contents {padding-bottom:80px;}
  #icon_menu {display:none;}
  #icon_pagetop {bottom:180px;right:10px;border-radius:4px;}
  #icon_home {bottom:120px;right:10px;border-radius:4px;}
  header {position:relative;background-color:rgba(255,255,255,1);border-bottom:none;box-shadow:none;}
  header .header-banner {display:block; position: absolute; top:22px; right:0;}
  header .header-banner li {display:inline-block; line-height:1; margin:0 0 0 4px; padding:0;}
  header .header-banner li a {display:block;}
  header .header-banner-sns {width:auto; height:42px;}
  header .btn_menu {display:none;}
  header .nav-global {flex-direction: row;justify-content: space-between; position: relative; left: 0; width: 100%; max-width:980px;height: auto;margin:0 auto;padding-bottom:0.75rem;border-top:none;background-color:inherit;}
  header .nav-global-item {width:auto;display:inline-block;position:relative;}
  header .nav-global-item.nav-global-item-sp {display:none;}
  header .nav-global-item a {padding:0;text-align:left;color:#231815;border-bottom:none;background-color:inherit;}
  header .nav-global-item a:hover {color:#3377cc;background-color:#fff;}
  header .nav-global-item a {padding:0 1rem 0.1rem 1rem;text-decoration:none;}
}

footer {background:url("../images/bg_footer.jpg") no-repeat left bottom;background-size:cover;}
footer .external {margin-bottom:0;padding:1rem 0 0 0;font-size:0.875rem;color:#fff;}
footer .foot-info {text-align:center;}
footer .foot-info #logo_foot  {width:180px;height:60px;margin:0 auto;display:block;}
footer .foot-info #logo_foot img {width:100%;height:auto;}
footer .foot-info address {margin:0.5rem 0;font-style:normal;}
footer .foot-button {margin:0.5rem 0;}
footer .foot-button .btn.btn-foot {margin:1rem 0;display:inline-block;}
footer #copyright {margin:0;font-size:0.75rem;text-align:center;}
@media screen and (min-width:768px) {
  footer .foot-info {margin-bottom:0.25rem;text-align:left;display:flex;justify-content:space-around;align-content:center;}
  footer .foot-info #logo_foot  {margin:0;}
  footer .foot-button .btn.btn-foot {margin:0 0;}
  footer #copyright {margin:0;padding:0.5rem 0;background-color:rgba(0,0,0,0.75);}
}

.nav-bottom {margin:3rem auto 0 auto;list-style:none;text-align:center;}
.nav-bottom li {display:inline;}
.nav-bottom li::after {content:' | ';}
.nav-bottom li:last-child::after {content:none;}

/* contents */
.wf-roundedmplus1c {text-align:center;}
.container {clear:both;display:block;position:relative;margin-bottom:2rem;}
#pagelead {margin-bottom:0;}
#pagelead .mod-p {text-align:center;font-size:1.25rem;}
#breadcrumbs ul {display:none;}
@media screen and (min-width:768px) {
  #breadcrumbs ul {margin:1rem 0;padding-left:0;font-size:87.5%;list-style:none;display:block;}
  #breadcrumbs li {display:inline;margin:0;padding:0;}
  #breadcrumbs li::after {content:'>';padding:0 0.25rem;}
  #breadcrumbs ul li:last-child::after {content:'';padding:0 0;}
  #breadcrumbs a {color:#666;}
  #breadcrumbs a:hover {color:#3377cc;}
}
.btn_detail > a,
a.btn_detail,
a.link-area .btn_detail {color:#666;display:inline-block;border:none;background:url("../images/bg_btn_detail-n.png") no-repeat center bottom;}
.btn_detail:hover  > a,
a.btn_detail:hover,
a.link-area .btn_detail:hover {color:#3377cc;text-decoration:none;background:url("../images/bg_btn_detail-h.png") no-repeat center bottom;}
.btn_detail.btn_detail-l > a,
a.btn_detail.btn_detail-l,
a.link-area .btn_detail.btn_detail-l  {padding:0 0 0 18px;background:url("../images/bg_btn_detail-n.png") no-repeat left bottom;}
.btn_detail.btn_detail-l:hover  > a,
a.btn_detail.btn_detail-l:hover,
a.link-area:hover .btn_detail.btn_detail-l {padding:0 0 0 18px;color:#3377cc;background:url("../images/bg_btn_detail-h.png") no-repeat left bottom;}
.btn_detail.btn_detail-r > a,
a.btn_detail.btn_detail-r,
a.link-area .btn_detail.btn_detail-r  {padding:0 18px 0 0;background:url("../images/bg_btn_detail-n.png") no-repeat right bottom;}
.btn_detail.btn_detail-r:hover  > a,
a.btn_detail.btn_detail-r:hover,
a.link-area:hover .btn_detail.btn_detail-r {padding:0 18px 0 0;color:#3377cc;background:url("../images/bg_btn_detail-h.png") no-repeat right bottom;}
a.btn,
.btn a {margin:2rem 0;padding:0.5rem 1rem 0.5rem 1rem;font-size:0.875rem;text-align:center;color:#fff;border-radius:0.5rem;background-color:#999;display:block;}
a.btn-amazon,
.btn.btn-amazon a {background-color:#6e4c3b;}
a.btn-questionnaire,
.btn.btn-questionnaire a {background-color:#b71b2c;}
a:hover.btn,
.btn a:hover {text-decoration:none;background-color:#d32e26;}
.prevnext {margin-top:3rem;}
.d-inline {display:inline !important;}
.d-inlineblock {display:inline-block !important;}
.d-box {display:block !important;}
.brd-bottom {border-bottom:#ccc 2px dotted;}

.tab_side {display:none;}
@media screen and (min-width:768px) {
  .tab_side {display:block;position:absolute;margin-top:-80px;right:0;z-index:499;}
}

.box {margin-bottom:2rem;}
/*.box *:last-child {margin-bottom:0 !important;}*/

@media screen and (min-width:768px) {
  /*#contents figure {margin:1rem 2.5rem;}*/
  .boxes {display: flex;justify-content:space-between;flex-wrap: wrap;align-content:space-around;/*align-items:center;*/}
  .boxes.reverse {flex-direction: row-reverse;}
  .boxes.center {justify-content: center;}
  .boxes.al-center {align-items:center;}
  .box-1 {flex-basis: 6.33%;}
  .box-2 {flex-basis: 14.66%;}
  .box-3 {flex-basis: 23%;}
  .box-4 {flex-basis: 31.33%;}
  .box-5 {flex-basis: 39.66%;}
  .box-6 {flex-basis: 48%;}
  .box-7 {flex-basis: 56.33%;}
  .box-8 {flex-basis: 64.66%;}
  .box-9 {flex-basis: 73%;}
  .box-10 {flex-basis: 81.33%;}
  .box-11 {flex-basis: 89.66%;}
  .box-12 {flex-basis: 98%;}
  .box-xs {width:auto;max-width:480px;margin:0 auto 2rem auto;}
  .box-s {width:auto;max-width:640px;margin:0 auto 2rem auto;}
  .box-m {width:auto;max-width:720px;margin:0 auto 2rem auto;}
  .box-l {width:auto;max-width:816px;margin:0 auto 2rem auto;}
  .box-xl {width:auto;max-width:940px;margin:0 auto 2rem auto;padding:0 20px;box-sizing:content-box;}
  .box {margin-bottom:0;}
  .box-l .box-4 {flex-basis: 29.33%;}
  .box-l .box-6,
  .box-xl .box-6 {flex-basis: 46%;}
}

/* Adjust */
.wd-10 {width:10%;}
.wd-25 {width:25%;}
.wd-50 {width:50%;}
.wd-75 {width:75%;}
.wd-100 {width:100%;}
.wd-s {width:auto;max-width:320px;}
.wd-m {width:auto;max-width:480px;}
.wd-l {width:auto;max-width:640px;}
.mt-0 {margin-top:0 !important;}
.mt-5 {margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !important;}
.mt-50 {margin-top:50px !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-50 {margin-bottom:50px !important;}
.mt-05rem {margin-top:0.5rem !important;}
.mt-1rem {margin-top:1rem !important;}
.mt-2rem {margin-top:2rem !important;}
.mt-3rem {margin-top:3rem !important;}
.mt-4rem {margin-top:4rem !important;}
.mt-5rem {margin-top:5rem !important;}
.mb-05rem {margin-bottom:0.5rem !important;}
.mb-1rem {margin-bottom:1rem !important;}
.mb-2rem {margin-bottom:2rem !important;}
.mb-3rem {margin-bottom:3rem !important;}
.mb-4rem {margin-bottom:4rem !important;}
.mb-5rem {margin-bottom:5rem !important;}
.ml-10 {margin-left:10px; !important}
.ml-20 {margin-left:20px; !important}
.ml-30 {margin-left:30px; !important}
.ml-40 {margin-left:40px; !important}
.ml-50 {margin-left:50px; !important}
.mr-10 {margin-right:10px; !important}
.mr-20 {margin-right:20px; !important}
.mr-30 {margin-right:30px; !important}
.mr-40 {margin-right:40px; !important}
.mr-50 {margin-right:50px; !important}
@media screen and (min-width:768px) {
  .mb-0-pc {margin-bottom:0;}
}
.pt-0 {padding-top:0 !important;}
.pt-5 {padding-top:5px !important;}
.pt-10 {padding-top:10px !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pt-40 {padding-top:40px !important;}
.pt-50 {padding-top:50px !important;}
.pb-0 {padding-bottom:0 !important;}
.pb-5 {padding-bottom:5px !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-40 {padding-bottom:40px !important;}
.pb-50 {padding-bottom:50px !important;}
.pt-1rem {padding-top:1rem !important;}
.pt-2rem {padding-top:2rem !important;}
.pt-3rem {padding-top:3rem !important;}
.pt-4rem {padding-top:4rem !important;}
.pt-5rem {padding-top:5rem !important;}
.pb-1rem {padding-bottom:1rem !important;}
.pb-2rem {padding-bottom:2rem !important;}
.pb-3rem {padding-bottom:3rem !important;}
.pb-4rem {padding-bottom:4rem !important;}
.pb-5rem {padding-bottom:5rem !important;}
.bar {padding:6px;color:#fff !important;border-radius:8px;}
h2.bar {margin-bottom:2rem;}
.bar.brown {background-color:#a9773e;}
.ls-none li {list-style: none;}
.ls-ast li {list-style: none;text-indent:-1em;}
.tx-xxlarge {font-size:2rem;}
.tx-xlarge {font-size:1.5rem;}
.tx-large {font-size:1.25rem;}
.tx-slarge {font-size:1.125rem;}
.tx-normal {font-size:1rem;}
.tx-small {font-size:0.875rem;}
.tx-xsmall {font-size:0.75rem;}
.fw-bold {font-weight:bold;}
.fw-normal {font-weight:nomal !important;}
.txd-normal {text-decoration:none !important;}
.fs-normal {font-style:normal !important;}
.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.fl-left {float: left;}
.fl-center {margin-left:auto !important;margin-right:auto !important;}
.fl-right {float: right;}
.w-auto {width:auto !important;}
.h-auto {width:auto !important;}
.jc-right {justify-content:right !important;}
.jc-center {justify-content:center !important;}
.jc-left {justify-content:left !important;}
.lh-small {line-height:1.2;}
.lh-normal {line-height:1.75;}
.lh-large {line-height:2;}
.underline {text-decoration: underline;}
.button {margin:1rem 0 1rem 0;display:inline-block;}
.button a {width:100%;height:100%;padding:4px 8px;font-size:87.5%;text-decoration:none;border-radius:4px;display:block;}
.button a::after {content:' »';}
.button a:hover {opacity:0.8;}
.button > .blue {color:#fff;background-color:#155BDF;}
a.link-area {color:inherit;}
a.link-area:hover {color:#3377cc;text-decoration:none;}
a.camo {color:inherit;}
a.camo:hover {color:#3377cc;}
.border {border:#eee 1px solid;}
.no-border {border:none;}
table.no-border, table.no-border th, table.no-border td {border:none;}
table.no-bg, table.no-border th, table.no-border td {background:none;}
.column {margin:1rem 0;padding:1rem;border:#777 1px solid;}
.column *:fast-child {margin-top:0 !important;padding-top:0 !important;}
.column *:last-child {margin-bottom:0 !important;padding-bottom:0 !important;}
.column *:only-child {margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;}
.gray {color:#666;}
.red {color:#c8161d;}
.brown {color:#bd6748;}
.steelblue {color:#4c829a;}

.only-pc {display:none;}
.only-sp {display:block;}
@media screen and (min-width:768px) {
  .only-pc {display:block;}
  .only-sp {display:none;}
}

.br-10,
.br-10 > img {border-radius:10px;}
.br-20,
.br-20 > img {border-radius:20px;}
.br-30,
.br-30 > img {border-radius:30px;}
.br-40,
.br-40 > img {border-radius:40px;}
@media screen and (min-width:768px) {
  .br-10,
  .br-10 > img {border-radius:5px;}
  .br-20,
  .br-20 > img {border-radius:10px;}
  .br-30,
  .br-30 > img {border-radius:15px;}
  .br-40,
  .br-40 > img {border-radius:20px;}
}

/* ITEM */
.items .item {margin-bottom:3rem;}
.items .item .item-fig {margin-bottom:1rem; text-align:center;}
.items.items-1 .item .item-fig {margin-bottom:0.5rem;}
.items .item h3.item-spec-title {font-size:1.25rem;text-align:left;line-height:1.5;margin:0;}
.items .item h3.item-spec-title span {font-size:inherit;display:block;}
.items .item .item-spec .item-spec-shoulder {margin:0.25rem 0;}
.items .item .item-spec .item-spec-shoulder:first-child {margin-top:0;}
.items .item .item-spec h3 + .item-spec-shoulder {margin-bottom:0;}
.items .item .item-spec .item-spec-shoulder span {padding-right:1rem;}
.items .item .item-spec .item-spec-shoulder *:firast-child {padding-top:0;}
.items .item .item-spec .item-spec-shoulder:last-child span {padding-right:0;}

.items .item .item-spec .item-spec-list {display: table;line-height:1.2;margin:0.5rem 0 1.5rem 0;}
.items .item .item-spec .item-spec-list dl {display:table-row;margin:0;}
.items .item .item-spec .item-spec-list dt,
.items .item .item-spec .item-spec-list dd {display:table-cell;padding:0.2rem 0.2rem 0.2rem 0;}
.items .item .item-spec .item-spec-list dt {text-align:justify;font-weight:normal;}
.items .item .item-spec .item-spec-list dd::before {content:'：';}

.items .item .item-spec .item-spec-lead {font-weight:bold;margin-bottom:0;}
.items .item .item-spec .item-spec-lead + .item-spec-detail {margin-top:0.5rem;}
.items .item.item-okinawagraph .item-spec .item-spec-shoulder {margin:0 0 1rem 0;}
.items.items-list .item.item-okinawagraph .item-spec .item-spec-shoulder {margin:0 0 0.25rem 0;}
.items.items-list .item.item-okinawagraph .item-spec-more {margin:0.5rem 0 1rem 0;}
.items.items-list .item.item-okinawagraph .item-bottom-link .btn {}

.items .item.item-book .item-spec-detail {font-size:0.9375rem;}
.items .item.item-book .item-spec-list.item-spec-list-2 dl {font-size:0.9375rem;}

@media screen and (min-width:768px) {
  .items {display:flex;justify-content:space-between;flex-wrap:wrap;}
  .items.items-1 {display:block;}
  .items .item .item-fig > img {max-width:234px !important;}
  .items {max-width:820px;margin: 0 auto;}
  .items.items-1 .item {width:100%;display:flex;justify-content:center;}
  .items .item h3.item-spec-title {text-align:left;}
  .items.items-1 .item h3.item-spec-title {font-size:1.25rem;}
  .items.items-1 .item .item-fig {flex-basis:36%;margin-right:4%;max-width:100%;}
  .items.items-1 .item .item-fig > img {max-width:100% !important;}
  .items.items-1 .item .item-spec {flex-basis:56%;margin-left:4%;}
  .items.items-1 .item .item-spec .item-spec-shoulder {margin-top:0;}
  .items.items-2 .item {flex-basis:40%;margin-right:10%;}
  .items.items-2 .item:nth-child(2n) {margin-right:0;margin-left:10%;}
  .items.items-3 .item {flex-basis:23%;}
}


/* HOME */
#mv-home-text {width:100%;heihgt:auto;position:absolute;top:84px;left:0;z-index:490;}
@media screen and (min-width:768px) {
  #mv-home-text {top:0;}
}
.box-information {text-align:center;}
.box-information ul {margin:0 auto;padding:0;list-style:none;text-align:left;display:inline-block;}
.box-information ul span {display:inline-block;}
.box-information ul span.date {padding-right:1rem;}
@media screen and (min-width:768px) {
  .box-information {display:flex;justify-content:center;}
  .box-information h2 {font-size:1rem;font-weight:normal;padding:0 2.5rem 0 0;}
  .box-information ul {margin:1rem 0;padding:0 0 0 2.5rem;border-left:#666 2px solid;display:block;}
  .box-information ul span {display:inline;}
}
.bnr-l_copy {text-align:center;color:#c8161d;font-size:1.25rem;font-weight:bold;}
@media screen and (min-width:768px) {
  .bnr-l_copy {font-size:1.5rem;}
}

/* 20th */
.message_20th_history {width:100%;max-width:816px;margin:0 auto;}
.message_20th_history .message-photo {flex-basis:40%;}
.message_20th_history .message-title {flex-basis:60%;text-align:center;}
.message-title h3 {font-size:2rem;margin:20px 0 0 0;}
.message-title .mod-p {font-size:1.5rem;margin:10px 0 20px 0;}
.message-title .mod-p span {font-size:1rem;padding-right:1rem;}
@media screen and (min-width:768px) {
  .message_20th_history {display:flex;justify-content:space-between;}
  .message_20th_history .message-photo {flex-basis:40%;}
  .message_20th_history .message-title {flex-basis:60%;display:flex;align-items:center;}
  .message_20th_history .message-title > div {width:100%;}
  .message-title h3 {margin:0 0;}
}
.tbl_20th_history {border:none;margin:0 auto;}
.tbl_20th_history td {white-space:nowrap;border:none;}
.tbl_20th_history td:nth-child(1) {padding-right:0;}
.tbl_20th_history td:nth-child(2) {padding-left:0;}
.tbl_20th_history td:last-child {white-space:normal;}

/* Okinawagraph */
.okinawagraph #mainvisual h1 {background-color:#c12a20;}
h4.item-contents {margin-bottom:0.5rem;}
.item-contents-box {padding:0.5rem 0 0 1rem;font-size:0.9375rem;border-left:#777 1px solid;}
.item-contents-box *:first-child {margin-top:0;padding-top:0;}
.okinawagraph.item-list .item-spec-price {margin:0.25rem 0 0.5rem 0;}
.bnr-bottom .boxes {margin-bottom:1rem;}
.bnr-bottom .boxes .box {margin-bottom:1rem;text-align:center;}
.toiawase {text-align:center;}
.toiawase .toiawase-hd {margin:0;line-height:1.75rem;font-size:1.125rem;font-weight:bold;}
.toiawase .toiawase-tel {margin:0;line-height:1.75rem;font-size:1.75rem;font-weight:bold;color:#bd6748;}
.toiawase .toiawase-tel span {font-size:1.125rem;padding-right:0.125rem;}
.toiawase .toiawase-time {margin:0;font-size:0.875rem;}
@media screen and (min-width:768px) {
  .items.items-1 .item.item-okinawagraph .item-fig {margin-right:0;}
  .bnr-bottom .boxes {margin-bottom:0;}
  .toiawase .toiawase-hd {text-align:right;}
  .toiawase .toiawase-tel,
  .toiawase .toiawase-time {text-align:left;}
}
div.prevnext,
ul.prevnext {display:flex;justify-content:space-between;}
.prevnext .mod-p {margin: 0;padding: 0;}

.item-fig .item-thumbs ul {margin-top:0.5rem;padding:0;list-style:none;display:flex;justify-content:space-between;}
.item-fig .item-thumbs ul li {margin:1px;max-width:25%;}
.lum-lightbox.lum-open {z-index:999;}

.okinawagraph.item-list .tab_side {margin-top:46px;}

/* Books */
.books #mainvisual h1 {background-color:#9c523a;}
.books .items.items-list .item .item-spec .item-spec-shoulder,
.books .items.items-list .item .item-spec h3 + .item-spec-shoulder {font-weight:bold;}
.books .items.items-list .item .item-spec .item-spec-lead {font-weight: normal;margin-bottom:1rem;}

/* Self publish */
.selfpub-flow .boxes {margin-bottom:3rem;}
.boxes.selfpub-flow-hr {border-bottom:#ccc 2px dotted;}
.pub_self_flow-num {font-size:2rem;}
.selfpub-flow h4 {margin-bottom:0;}
.selfpub-flow h4+.mod-p {margin-top:0.25rem;}
.selfpub-flow-author {color:#4c829a;}
.selfpub-flow-box.selfpub-flow-author {background-color:#dbe7ed;}
.selfpub-flow-editor {color:#bd6748;}
.selfpub-flow-box.selfpub-flow-editor {background-color:#f0d9cd;}
.selfpub-flow-author-editor {background:url("../../images/publication/self_publishing/pub_self_flow_bg_ae.png") no-repeat center center;background-size:100% 100%;}
.selfpub-flow-box {margin-top:2rem;padding:0.75rem;position:relative;}
.selfpub-flow-box:first-child {margin-top:0.5rem;}
.selfpub-flow-box *:last-child,
.selfpub-flow-square *:last-child {margin-bottom:0;}
.selfpub-flow-box h4 {margin:0;top:-1rem;font-size:1.125rem;position:absolute;}
.selfpub-flow-square {margin-top:1rem;padding:0.5rem;}
.selfpub-flow-square h4 {margin:0;font-size:1.125rem;}
.selfpub-flow-square h4+.mod-p {margin-top:0;}
.selfpub-flow-comment {margin-top:36px;border:#999 1px solid; padding:0.75rem;background-color:#fff;position:relative;}
.selfpub-flow-comment:after {content:'';width:36px;height:20px;display:block;background:url("../../images/publication/self_publishing/pub_self_flow_comment.png") no-repeat;position:absolute;top:-20px;left:40px;}
.selfpub-flow-square {background-color:#fff;}
.selfpub-flow-square.brown {color:#bd6748;border:#bd6748 1px solid;}

/* Print */
.print-category .box {padding-left:50px;}
.print-category h3 {margin-top:0;position:relative;}
.print-category .mod-p {margin-bottom:2rem;}
.print-category h3:after {content:'';width:36px;height:36px;display:block;position:absolute;top:0;left:-46px;}
.print-category h3.icn_print_poster:after {background:url("../../common/images/icn_print_poster.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_advertise:after {background:url("../../common/images/icn_print_advertise.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_calendar:after {background:url("../../common/images/icn_print_calendar.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_goods:after {background:url("../../common/images/icn_print_goods.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_leaflet:after {background:url("../../common/images/icn_print_leaflet.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_memorial:after {background:url("../../common/images/icn_print_memorial.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_office:after {background:url("../../common/images/icn_print_office.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_signboard:after {background:url("../../common/images/icn_print_signboard.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_movie:after {background:url("../../common/images/icn_print_movie.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_package:after {background:url("../../common/images/icn_print_package.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_web:after {background:url("../../common/images/icn_print_web.png") no-repeat; background-size: contain;}
.print-category h3.icn_print_disaster_prevention:after {background:url("../../common/images/icn_print_disaster_prevention.png") no-repeat; background-size: contain;}
.print-flow-chart {align-items: center;}
.print-flow-chart h3 {margin:0 0 0.5rem 0;font-size:1.5rem;text-align:center;}
.print-flow-chart h3:first-letter {color:#bcb800;}
.print-flow-chart .mod-p {margin:0 0 0.5rem 0;}
.print-flow-chart-arrow {font-size: 1.25rem;font-weight:bold;margin:0.5rem 0;text-align:center;}
@media screen and (min-width:768px) {
  .print-flow-chart h3 {text-align:right;}
}

/* Works */
.works #mainvisual h1 {background-color:#9f9300;}
.works-cat-nav {padding:1rem 0 0.25rem 0;display:flex;justify-content:space-between;flex-wrap:wrap;border:#ccc 1px solid;border-radius:1rem;}
.works-cat-nav li {margin-bottom:0.75rem;padding:0 1rem;font-size:0.875rem;}
.works-cat-nav a {color:#666;text-decoration:none;}
.works-cat-nav a:hover {color:#3377cc;text-decoration:underline;}
.works-cat-nav img {width:28px;height:auto;margin-right:0.25rem;}
.works_spec {margin-top:2rem;}
.works_spec > div {padding:0.5rem 0;}
.works_spec-lead {font-size:1.125rem;font-weight:bold;border-bottom:#999 1px solid;}
.works_spec-body {}
.works_spec-category {text-align:center;}
.works_spec-category img {width:100%;max-width:48px;height:auto;}
.post-body {padding-bottom:3rem;border-bottom:#bbb 2px dotted;}
/*article:last-child .post-body {border-bottom:none;}*/
@media screen and (min-width:768px) {
  .works_spec {margin-top:2rem;display:flex;justify-content:center;}
  .works_spec > div {padding:0 0.75rem;}
  .works_spec-category {text-align:right;}
  .works_spec-lead {border-bottom:none;border-right:#999 1px solid;}
}

/* Company */
.company #mainvisual h1 {background-color:#004a93;}

/* Information */
.information #mainvisual h1 {background-color:#004a93;}

/* inquiry */
.inquiry #mainvisual h1 {background-color:#004a93;}

/* FORM */
.wpcf7-form em {color:#d32e26;font-style:normal;}
.wpcf7-text {width: 100%;padding: 0.5rem 0.5rem;font-size:1rem;border-radius: 4px;border: none;box-shadow: 0 0 0 1px #ccc inset;appearance: none;}
.wpcf7-textarea {width: 100%;padding: 0.5rem 0.5rem;font-size:1rem;border-radius: 4px;border: none;box-shadow: 0 0 0 1px #ccc inset;appearance: none;}
.wpcf7-text:focus,
.wpcf7-textarea:focus {outline: 0;box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;}

.wpcf7-submit {display: inline-block; width: 100%;margin-top:2rem;padding: 8px;border: none;border-radius: 4px;background-color: #6e4c3b;color: #fff;font-weight: bold;appearance: none;cursor: pointer;border: 2px solid transparent;}
.wpcf7-submit:hover {background-color: #d32e26;}
.wpcf7-submit:focus {outline: 0;background-color: #d32e26;border: 2px solid rgb(33, 150, 243);}

.wpcf7-select {position: relative;}
.wpcf7-select:before {content: "";position: absolute;top: 0;bottom: 0;margin: auto;right: 12px;width: 8px;height: 8px;border-top: 2px solid #333;border-right: 2px solid #333;transform: rotate(135deg);pointer-events: none;}
.wpcf7-select {height: 2.4em;width: 100%;padding: 0 8px;border-radius: 4px;border: none;box-shadow: 0 0 0 1px #ccc inset;appearance: none;cursor: pointer;}
.wpcf7-select::-ms-expand {display: none;}
.wpcf7-select:focus {outline: 0; box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;}

.wpcf7-list-item.first {margin: 0;}
.wpcf7-list-item-label {cursor: pointer;display: flex;}
.wpcf7-list-item input[type="radio"] {opacity: 0; position: absolute;}
.wpcf7-list-item-label::before {background: #fff;border: 1px solid #777;border-radius: 100%;content: "";height: 1.2em;margin-bottom: auto;margin-right: .5em;margin-top: auto;transition: background-color .5s; width: 1.2em;}
input[type="radio"]:checked + .wpcf7-list-item-label::before {border: 1px solid #2196f3;background-color: #2196f3; box-shadow: inset 0 0 0 3px #fff; }
input[type="radio"]:checked + .wpcf7-list-item-label {color: #2196f3;}

/* Disaster Prevention */
.dp_achievements-table {width:100%;}
.dp_achievements-table thead th {background-color:#e6f4f9;}
.dp_achievements-table tbody th {text-align:left;}
.wp-block-table.dp_achievements-table table thead {border-bottom: none;}
.wp-block-table.dp_achievements-table table th,
.wp-block-table.dp_achievements-table table td {padding: 0.5rem;vertical-align: top;border-top: #ccc 1px solid;border-left: #ccc 1px solid; border-bottom: none; border-right: none; box-sizing: border-box;}
.wp-block-table.dp_achievements-table table thead th {text-align:center; background-color:#e6f4f9;}
.wp-block-table.dp_achievements-table table tbody th {text-align:left;}
.dp-flow-chart {align-items: center;}
.dp-flow-chart h3 {margin:0 0 0.5rem 0;font-size:1.5rem;text-align:center;}
.dp-flow-chart h3:first-letter {color:#bcb800;}
.dp-flow-chart .mod-p {margin:0 0 0.5rem 0;}
.dp-flow-chart-arrow {font-size: 1.25rem;font-weight:bold;margin:0.5rem 0;text-align:center;}
@media screen and (min-width:768px) {
  .dp-flow-chart h3 {text-align:right;}
}