@charset "utf-8";
/* CSS Document */
/**
ヘッダーイメージ　**/
div.headimg{
margin: 0 auto;
width: 100%;
max-width: 1280px;
text-align: center;
}
/**
タイトル　**/
h1{
font-size: 2.0em;
font-weight: bold;
margin: 0 auto;
padding: 30px 0;
color: #473200;
text-align: center;
}
.wf-mplus1p {
font-family: "Mplus 1p";
}
/**
本文　**/
@media only screen and (min-width:801px){
div.box{
text-align: center;
border:3px solid #473200 ;
outline: 1px solid #473200;
outline-offset: -7px;
}
div.campaignFst div.box{
width: 960px;
margin: 0 auto;
padding:4px 4px 20px;
}
div.campaignFst div.box span{
display: inline-block;
vertical-align: middle;
text-align: left;
}
div.campaignFst div.box span.camp01{
background-color: #C2B290;
width: 100%;
padding: 1em 0;
text-align: right;
}
div.campaignFst div.box div{
background-color: #473200;
padding: 1em 0;
margin: 0 0 2em;
}
div.campaignFst div.box span p{
padding: 0 0 0 5px;
vertical-align: top;
line-height: 2em;
}
div.campaignSec {
width: 100%;
text-align: center;
}
div.campaignSec div.box{
width: 475px;
min-height: 240px;
margin: 20px 5px;
padding:10px 5px;
vertical-align: middle;
display: flex;
justify-content: center;
align-items: center;
}
div.campaignSec div.box img{
text-align: center;
}
div.campaignFst div.box2{
width: 960px;
margin: 0 auto;
padding:20px 0;
}
div.campaignFst div.box2 span{
display: inline-block;
vertical-align: middle;
text-align: left;
}
div.campaignFst div.box2 div{
background-color: #473200;
padding: 1em 0;
margin: 2em 0
}
div.campaignFst div.box2 span p{
padding: 0 0 0 5px;
vertical-align: top;
line-height: 2em;
}
p.attention{
width: 100%;
text-align: center;
}
p.attention i{
color: #473200;
font-weight: bold;
font-size: 1.2em;
font-style: normal;
background: linear-gradient(transparent 70%, #FA8B00 40%);
padding: 0 1em;
}
}/*801*/
@media only screen and (max-width:800px){
div.box{
text-align: center;
border:3px solid #473200 ;
outline: 1px solid #473200;
outline-offset: -7px;
}
div.campaignFst {
width: 90%;
text-align: center;
margin: auto;
}
div.campaignFst div.box{
width: 100%;
margin: 0 0 20px;
padding:10px;
}
div.campaignFst div.box span{
display: block;
vertical-align: middle;
text-align: left;
}
div.campaignFst div.box span.camp01{
background-color: #C2B290;
width: 100%;
padding: 1em 0;
text-align: right;
}
div.campaignFst div.box div{
background-color: #473200;
padding: 1em;
margin: 0 0 1em;
}
div.campaignFst div.box span p{
padding: 0 0 0 5px;
vertical-align: top;
line-height: 2em;
font-size: 0.8em;
word-wrap:break-word;
}
div.campaignFst div.box span.sp_hidden{
display: none;
margin: 0;
padding: 0;
}
div.campaignSec {
width: 90%;
text-align: center;
margin: auto;
}
div.campaignSec div.box{
width: 100%px;
margin: 0 0 20px;
padding:10px 5px;
vertical-align: middle;
display: flex;
justify-content: center;
align-items: center;
}
div.campaignSec div.box img{
text-align: center;
}
div.campaignFst div.box2{
width: 100%;
margin: 0 0 20px;
padding:10px;
}
div.campaignFst div.box2 span{
display: block;
vertical-align: middle;
text-align: left;
}
div.campaignFst div.box2 div{
background-color: #473200;
padding: 1em;
margin: 1em 0
}
div.campaignFst div.box2 span p{
padding: 0 0 0 5px;
vertical-align: top;
line-height: 2em;
font-size: 0.8em;
word-wrap:break-word;
}
div.campaignFst div.box2 span.sp_hidden{
display: none;
margin: 0;
padding: 0;
}
p.attention{
width: 100%;
text-align: center;
}
p.attention i{
color: #473200;
font-weight: bold;
font-size: 0.7em;
font-style: normal;
background: linear-gradient(transparent 70%, #FA8B00 40%);
padding: 0 1em;
}
}/*800*/