.top-news li {
border-bottom: 1px solid #dddddd;
padding: 8px 0;
}
.top-news li a {
color: #000;
text-decoration: none;
}
.top-news li a:hover {
color: #047FDC;
text-decoration: underline;
}
.company-logo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.company-logo li {
width: 210px;
border:1px solid #bbbbbb;
margin: 0 0 14px;
position: relative;
height: 80px;
}
@media screen and (max-width: 768px) {
.company-logo li {
width: 48%;
border:1px solid #bbbbbb;
margin: 0 0 14px;
position: relative;
height: 80px;
}
}
#mainContents div.contents .company-logo a {
display:block;
width: 100%;
height: 100%;
}
#mainContents div.contents .company-logo img {
display: block;
margin: auto;
max-width: 120px !important;
max-height: 100px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto !important;
}
.contents-right {
width:690px;
float: left;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.contents-right {
width: 70%;
}
article#mainContents.hasSub {
width: 100% !important;
}
.company-logo li {
width: 30%;
border: 1px solid #bbbbbb;
margin: 0 0 14px;
}
}
#mainContents {
position:relative;	
}
.booklet-btn {
position:absolute;
top: -6px;
right:0px;
}
.booklet-btn a {
font-weight: 600;
background: #ee5354;
color:#fff;
padding:8px;
border-radius:5px;
}
.booklet-btn img {
width:15px;
margin: -3px 6px 0 0;
}
.booklet {
display:flex;
justify-content: space-between;
}
.booklet-image {
width:160px;
}
.booklet-image img {
border:0.5px solid #999;
}
.booklet-text {
width: calc(100% - 180px);
}
#mainContents div.booklet h4 {
width: 100%;
height: auto;
line-height: 0;
padding-left: 0;
font-size: 20px;
background: none;
margin-top: 0 !important;
margin-bottom: 15px;
line-height: 1.25;
font-weight: 800;
}
#mainContents div.booklet p {
padding-left: 0;
padding-right:0;
line-height: 1.35;
margin: 0 0 5px;
text-indent: -3em;
padding: 0 0 0 3em !important;
}
.order-btn {
padding: 0 0 0 10px !important;
}
.order-btn a {
font-weight: 600;
background: #ee5354;
color:#fff;
padding:8px;
border-radius:5px;	
}
.order-btn img {
width:15px;
margin: -3px 6px 0 0;
display: inline !important;
}
.form-box {
margin: 0 0 30px;
}
#mainContents div.contents .form-box p {
padding: 0 0 0 20px;
margin: 0 0 10px;
}
.form-box dl {
padding:0 0 0 20px;
margin: 0 0 10px;
}
.form-box dt {
margin: 0 0 3px;
}
.form-box select {
width: 100%;
padding:12.5px 10px;
border:1px solid #999;
border-radius:5px;
}
.form-box input {
width: 100%;
padding: 10px 10px;
border:1px solid #999;
box-sizing: border-box;
height: auto;
border-radius:5px;
}
.form-box input#number-of-copies,
.form-box select#address1 {
width:25%;
width: 30%;
padding:10px 10px;
border:1px solid #999;
box-sizing: border-box;
height: auto;
border-radius:5px;
}
.form-box .mwform-zip-field .p-postal-code {
width: 12.8%;
}
.form-btn {
padding:0 0 0 20px;
margin:30px 0 0;
display:flex;
justify-content:space-between;
}
input.btn-confirm {
font-weight: 600;
background: #ee5354;
color: #fff;
padding: 11px 12px;
border:0;
border-radius: 5px;
}
input.btn-back {
font-weight: 600;
background: #999;
color: #fff;
padding: 8px 12px;
border:0;
border-radius: 5px;	
}
.mw_wp_form_confirm .form-box dd {
border-bottom: 1px solid #999;
padding: 5px 0 7px 0;
}
@media screen and (max-width: 768px) {
.contents-right {
width:100%;		
}
#mainContents div.contents h4 {
width:100%;
background-size: 100% auto;
}
.form-box {
margin: 0 0 30px;
}
#mainContents div.contents .form-box p {
padding: 0;
margin: 0 0 10px;
}
.form-box dl {
padding: 0;
margin: 0 0 10px;
}
.form-box dt {
margin: 0 0 3px;
}
.form-btn {
padding:0;
margin:30px 0 0;
display:flex;
justify-content:space-between;
}
.form-box input#number-of-copies,
.form-box select#address1 {
width:46%;
}
.form-box .mwform-zip-field .p-postal-code {
width: 20%;
}
}
#advps_container1,
#advps_container1 .bx-wrapper ,
#advps_container1 .bx-wrapper .bx-viewport {
max-width: 1200px !important;
margin: auto;
height: 460px;
background: #fff;
}
@media screen and (max-width: 768px) {
#advps_container1,
#advps_container1 .bx-wrapper ,
#advps_container1 .bx-wrapper .bx-viewport {
max-width: 100% !important;
margin: auto;
height: auto;
background: #fff;
}
}
.required {
color:#ee5354;
}
.eyecatch {
width: 100%;
height: auto;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
.eyecatch img {
width: 100%;
height: auto !important;
}
@media screen and (max-width: 1199px) {
.eyecatch {
width:100%;
height:auto;
}
}
#advpsslideshow_7 {
height: 460px;
}
.metaslider {
width: 1200px !important;
height: 460px;
margin: 0 auto 40px;
}
@media screen and (max-width: 1200px) {
.metaslider {
width: 100% !important;
height: auto;
margin: 0 auto 40px;
}	
} ===================================================== */ #bbpress-forums {
font-size: 13.5px;
line-height: 1.8;
} #bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
font-size: 13.5px;
line-height: 1.8;
}
#bbpress-forums .bbp-forum-content {
font-size: 13px !important;
} #bbpress-forums h3 {
font-size: 18px;
}
#bbpress-forums h4 {
font-size: 15px;
}
.bbp-forum-title, .bbp-topic-title {
font-size: 13.5px !important;
line-height: 1.8;
} }  #bbpress-forums{
font-size: 13.5px;
line-height: 1.8;
} #bbpress-forums .bbp-breadcrumb{
margin: 18px 0 6px;
font-size: 12px;
}
#bbpress-forums .bbp-breadcrumb p{
margin: 0;
} #bbpress-forums h1.bbp-topic-page-title{
font-size: 22px;
font-weight: 700;
line-height: 1.3;
text-align: left;
margin: 6px 0 14px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
clear: both; } #bbpress-forums #subscription-toggle,
#bbpress-forums #favorite-toggle{
float: right;
font-size: 12px;
margin-top: 8px;
margin-left: 10px;
}
#bbpress-forums #subscription-toggle a,
#bbpress-forums #favorite-toggle a{
text-decoration: none;
} #bbpress-forums .bbp-template-notice{
margin: 10px 0 14px;
}
#bbpress-forums .bbp-template-notice ul{
margin: 0;
} #bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer{
font-size: 12.5px;
}  #bbpress-forums .bbp-breadcrumb{
margin-top: 6px !important; margin-bottom: 6px;
line-height: 1.2;
} #bbpress-forums #subscription-toggle,
#bbpress-forums #favorite-toggle{
margin-top: 0 !important; line-height: 1.2;
} #bbpress-forums #subscription-toggle,
#bbpress-forums #favorite-toggle{
position: relative;
top: -1px; }
.global-logout a{
display:inline-block;
padding:8px 16px;
border-radius:20px;
background:#fff;
border:1px solid #d0d0d0;
box-shadow:0 1px 2px rgba(0,0,0,.05);
text-decoration:none;
font-size:14px;
transition:.2s;
}
.global-logout a:hover{
background:#f5f5f5;
box-shadow:0 2px 4px rgba(0,0,0,.08);
} .global-logout{
display: flex;
justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 20px;
} .global-logout div{
margin: 0;
} .global-logout a{
display:inline-block;
padding:8px 16px;
border-radius:20px;
background:#fff;
border:1px solid #d0d0d0;
box-shadow:0 1px 2px rgba(0,0,0,.05);
text-decoration:none;
font-size:14px;
transition:.2s;
}
.global-logout a:hover{
background:#f5f5f5;
box-shadow:0 2px 4px rgba(0,0,0,.08);
} .bbp-login-form label,
#loginform label {
display: inline-block;
width: 160px;
vertical-align: middle;
box-sizing: border-box;
line-height: 2;
}
.bbp-login-form input[type="text"],
.bbp-login-form input[type="password"],
.bbp-login-form input[type="email"],
#loginform input[type="text"],
#loginform input[type="password"],
#loginform input[type="email"] {
vertical-align: middle;
}