@charset "utf-8";
#container .modalWrap{
display:none;
}
#container .dsb{
display:block;
}
#container .btnTypeA01.icoTypeA01 a{
font-size:14px;
}
#container .btnTypeA01.icoTypeA01 span:after{
margin-top:-5px !important;
}
#container .lpListTypeA01 li{
padding-left:13px;
margin-bottom:10px;
font-size:14px;
position:relative;
}
#container .lpListTypeA01 li:after{
content:"";
display:block;
width:8px;
height:8px;
background:#9ec1e5;
position:absolute;
left:0;
top:0.3em;
-webkit-border-radius:50%;
border-radius:50%;
}
#container .cvAreaWrap{
color:#fff;
font-size:14px;
text-align:center;
}
#container .cvAreaWrap:after{
content:"";
clear:both;
display:block;
}
#container .cvAreaWrap a{
display:block;
color:#fff !important;
min-height:120px;
padding-top:20px;
text-decoration:none !important;
}
#container .cvAreaWrap a:hover{
filter:alpha(opacity=80) !important;
opacity:0.8 !important;
}
#container .cvAreaWrap .cvAreaA01{
float:left;
width:318px;
background:url(/lp/images/mod_bg_cv_01.gif) 0 0 no-repeat;
background-size:100% 100%;
}
#container .cvAreaWrap .cvAreaA01 .btn{
color:#004da1;
background:#fff;
position:relative;
}
#container .cvAreaWrap .cvAreaA01 .btn span{
background:url(/lp/images/mod_ico_cvBtn_01.png) 0 45% no-repeat;
background-size:20px auto;
}
#container .cvAreaWrap .cvAreaA01 a[target="_blank"] .btn:after{
content:url(/lp/images/mod_ico_cvBtn_04.png);
position:absolute;
bottom:3px;
right:9px;
}
#container .cvAreaWrap .cvAreaA02{
float:right;
width:318px;
background:url(/lp/images/mod_bg_cv_02.gif) 0 0 no-repeat;
background-size:100% 100%;
}
#container .cvAreaWrap .cvAreaA02 .btn{
color:#ff9600;
background:#fff;
position:relative;
}
#container .cvAreaWrap .cvAreaA02 .btn span{
background:url(/lp/images/mod_ico_cvBtn_02.png) 0 50% no-repeat;
background-size:25px auto;
padding:10px 45px;
}
#container .cvAreaWrap .cvAreaA02 a[target="_blank"] .btn:after{
content:url(/lp/images/mod_ico_cvBtn_03.png);
position:absolute;
bottom:3px;
right:9px;
}
#container .cvAreaWrap .btn{
display:block;
font-weight:bold;
width:248px;
margin:15px auto 0;
text-decoration:none;
}
#container .cvAreaWrap .btn span{
display:inline-block;
padding:10px 10px 10px 29px;
}

#insyoku .cvAreaWrap,
#hoikuen .cvAreaWrap{
font-size:16px;
}
#insyoku .cvAreaWrap a,
#hoikuen .cvAreaWrap a{
min-height:160px;
padding-top:40px;
}
#insyoku .cvAreaWrap .cvAreaA01,
#hoikuen .cvAreaWrap .cvAreaA01{
width:463px;
background:url(/lp/images/mod_bg_cv_01.gif) 0 0 no-repeat;
background-size:100% 100%;
}
#insyoku .cvAreaWrap .cvAreaA01 .btn span,
#hoikuen .cvAreaWrap .cvAreaA01 .btn span{
background:url(/lp/images/mod_ico_cvBtn_01.png) 0 45% no-repeat;
background-size:28px auto;
}
#insyoku .cvAreaWrap .cvAreaA02,
#hoikuen .cvAreaWrap .cvAreaA02{
width:463px;
background:url(/lp/images/mod_bg_cv_02.gif) 0 0 no-repeat;
background-size:100% 100%;
}
#insyoku .cvAreaWrap .cvAreaA02 .btn:after,
#hoikuen .cvAreaWrap .cvAreaA02 .btn:after{
content:url(/lp/images/mod_ico_cvBtn_03.png);
}
#insyoku .cvAreaWrap .cvAreaA02 .btn span,
#hoikuen .cvAreaWrap .cvAreaA02 .btn span{
background:url(/lp/images/mod_ico_cvBtn_02.png) 0 50% no-repeat;
background-size:31px auto;
padding:20px 0 20px 45px;
}
#insyoku .cvAreaWrap .btn,
#hoikuen .cvAreaWrap .btn{
width:340px;
margin:15px auto 0;
}
#insyoku .cvAreaWrap .btn span,
#hoikuen .cvAreaWrap .btn span{
display:inline-block;
padding:20px 0 20px 45px;
}
#insyoku .cvAreaWrap.min,
#hoikuen .cvAreaWrap.min{
margin-bottom:70px;
}
#insyoku .cvAreaWrap.min a,
#hoikuen .cvAreaWrap.min a{
min-height:120px;
padding-top:30px;
}
#insyoku .cvAreaWrap.min .cvAreaA01,
#hoikuen .cvAreaWrap.min .cvAreaA01{
background:url(/lp/images/mod_bg_cv_01_02.gif) 0 0 no-repeat;
background-size:100% 100%;
}
#insyoku .cvAreaWrap.min .cvAreaA02,
#hoikuen .cvAreaWrap.min .cvAreaA02{
background:url(/lp/images/mod_bg_cv_02_02.gif) 0 0 no-repeat;
background-size:100% 100%;
}
#insyoku .cvAreaWrap.min .btn,
#hoikuen .cvAreaWrap.min .btn{
display:block;
font-weight:bold;
width:303px;
margin:15px auto 0;
text-decoration:none;
}
#insyoku .cvAreaWrap.min .btn span,
#hoikuen .cvAreaWrap.min .btn span{
display:inline-block;
padding:15px 0 15px 45px;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
.sp-dsb{
display:block;
}
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#container .btnTypeA01.icoTypeA01 a{
font-size:14px;
}
#container .btnTypeA01.icoTypeA01 span:after{
margin-top:-5px !important;
}
#container .lpListTypeA01 li{
padding-left:13px;
margin-bottom:10px;
font-size:14px;
position:relative;
}
#container .lpListTypeA01 li:after{
content:"";
display:block;
width:8px;
height:8px;
background:#9ec1e5;
position:absolute;
left:0;
top:0.3em;
-webkit-border-radius:50%;
border-radius:50%;
}
#container .cvAreaWrap{
color:#fff;
font-size:14px;
text-align:center;
}
#container .cvAreaWrap a{
display:block;
min-height:0;
padding:18px 0 1px;
}
#container .cvAreaWrap .cvAreaA01{
float:none;
width:auto;
margin-bottom:20px;
}
#container .cvAreaWrap .cvAreaA01 .btn span{
background:url(/lp/images/mod_ico_cvBtn_01.png) 0 45% no-repeat;
background-size:26px auto;
}
#container .cvAreaWrap .cvAreaA02{
float:none;
width:auto;
min-height:0;
}
#container .cvAreaWrap .cvAreaA02 .btn:after{
content:url(../images/mod_ico_cvBtn_03.png);
position:absolute;
bottom:1px;
right:7px;
}
#container .cvAreaWrap .cvAreaA02 .btn span{
background:url(/lp/images/mod_ico_cvBtn_02.png) 0 50% no-repeat;
background-size:29px auto;
padding:10px 0 10px 45px;
}
#container .cvAreaWrap .btn{
display:block;
width:auto;
margin:12px 18px 20px;
}
#container .cvAreaWrap .btn span{
padding:10px 0 10px 30px;
}
#container .cvAreaWrap.min{
margin-bottom:30px;
}
#container .cvAreaWrap.min a{
display:block;
min-height:0;
padding:18px 0 1px;
}
#container .cvAreaWrap.min .cvAreaA01{
background:url(/lp/images/mod_bg_cv_01.gif) 0 0 no-repeat;
background-size:100% 100%;
}
#container .cvAreaWrap.min .cvAreaA02{
background:url(/lp/images/mod_bg_cv_02.gif) 0 0 no-repeat;
background-size:100% 100%;
}
#container .cvAreaWrap.min .cvAreaA02 .btn span{
padding:10px 0 10px 45px;
}
#container .cvAreaWrap.min .btn{
display:block;
width:auto;
margin:12px 18px 20px;
}
#container .cvAreaWrap.min .btn span{
padding:10px 0 10px 30px;
}
}
#insyoku .mainImgArea{
margin:-45px 0 17px;
}
#insyoku .mainImgArea .notes{
font-size:12px;
padding:17px 35px 0;
}
#insyoku .contents01{
margin-bottom:100px;
}
#insyoku .contents01 .ttl{
text-align:center;
margin-bottom:56px;
}
#insyoku .contents01 .lpColumnTypeA01{
padding:0 60px;
display:table;
margin-bottom:60px;
}
#insyoku .contents01 .lpColumnTypeA01 .inner{
display:table-cell;
width:1px;
vertical-align:bottom;
}
#insyoku .contents01 .lpColumnTypeA01 .inner + .inner{
width:auto;
padding-left:65px;
}
#insyoku .contents01 .lpColumnTypeA01 .inner .btnTypeA01 a{
width:100%;
padding-top:15px;
padding-bottom:15px;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#insyoku .mainImgArea{
margin:-40px 0 15px;
}
#insyoku .mainImgArea .notes{
padding:10px 24px 0;
}
#insyoku .contents01{
margin-bottom:60px;
padding:0 20px;
}
#insyoku .contents01 .ttl{
text-align:center;
margin-bottom:37px;
}
#insyoku .contents01 .lpColumnTypeA01{
padding:0;
display:block;
margin-bottom:30px;
}
#insyoku .contents01 .lpColumnTypeA01 .inner{
display:block;
width:auto;
margin-bottom:22px;
}
#insyoku .contents01 .lpColumnTypeA01 .inner + .inner{
width:auto;
padding-left:0;
padding:0 23px;
}
#insyoku .contents01 .lpColumnTypeA01 .inner .btnTypeA01 a{
display:block;
width:auto;
padding-top:18px;
padding-bottom:18px;
}
}
#insyoku .contents02{
margin:0 -117px;
background:#f4f8fb;
padding:70px 0 90px;
}
#insyoku .contents02 .contents02Inner{
width:976px;
margin:0 auto;
}
#insyoku .contents02 .ttl{
text-align:center;
margin-bottom:56px;
}
#insyoku .contents02 .list01{
margin-left:-93px;
margin-bottom:56px;
padding:0 60px;
}
#insyoku .contents02 .list01:after{
content:"";
clear:both;
display:block;
}
#insyoku .contents02 .list01 li{
width:220px;
margin-left:93px;
font-size:14px;
float:left;
}
#insyoku .contents02 .list01 li .image{
display:block;
margin-bottom:30px;
}
#insyoku .contents02 .list01 li .image img{
width:100%;
height:auto;
}
#insyoku .contents02 .list01 li .st{
display:block;
font-size:18px;
font-weight:bold;
position:relative;
text-align:center;
margin-bottom:45px;
}
#insyoku .contents02 .list01 li .st:after{
content:"";
display:block;
width:60px;
height:1px;
background:#8f9092;
position:absolute;
left:50%;
bottom:-15px;
margin-left:-30px;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#insyoku .contents02{
margin:0;
padding:60px 20px;
}
#insyoku .contents02 .contents02Inner{
width:auto;
}
#insyoku .contents02 .ttl{
margin-bottom:40px;
}
#insyoku .contents02 .list01{
margin-left:0;
margin-bottom:0;
padding:0;
}
#insyoku .contents02 .list01:after{
content:"";
clear:both;
display:block;
}
#insyoku .contents02 .list01 li{
width:auto;
margin-left:0;
margin-bottom:40px;
float:none;
}
#insyoku .contents02 .list01 li .image{
display:block;
padding:0 58px;
margin-bottom:20px;
}
#insyoku .contents02 .list01 li .st{
margin-bottom:42px;
}
}
#insyoku .contents03{
padding-top:70px;
margin-bottom:100px;
}
#insyoku .contents03 .ttl{
text-align:center;
margin-bottom:60px;
}
#insyoku .contents03 .lpColumnTypeA02{
padding:0 60px;
display:table;
margin-bottom:60px;
}
#insyoku .contents03 .lpColumnTypeA02 .inner{
display:table-cell;
width:1px;
vertical-align:top;
}
#insyoku .contents03 .lpColumnTypeA02 .inner + .inner{
width:auto;
padding-left:38px;
}
#insyoku .contents03 .lpColumnTypeA02 .inner .subTtl{
font-size:22px;
padding-bottom:18px;
margin-bottom:20px;
font-weight:bold;
border-bottom:1px dotted #949494;
}
#insyoku .contents03 .lpColumnTypeA02 .inner .icoTtl{
padding-left:45px;
background:url(/lp/images/mod_ico_01.png) 0 50% no-repeat;
background-size:30px auto;
margin-bottom:40px;
}
#insyoku .contents03 .btnTypeA01{
text-align:center;
margin-bottom:60px;
}
#insyoku .contents03 .btnTypeA01 a{
width:240px;
padding:15px 0;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#insyoku .contents03{
padding:30px 20px 60px;
margin-bottom:0;
}
#insyoku .contents03 .ttl{
padding:0 45px;
margin-bottom:60px;
}
#insyoku .contents03 .lpColumnTypeA02{
padding:0;
display:block;
margin-bottom:20px;
}
#insyoku .contents03 .lpColumnTypeA02 .inner{
display:block;
width:auto;
margin-bottom:20px;
}
#insyoku .contents03 .lpColumnTypeA02 .inner + .inner{
width:auto;
padding-left:0;
margin-bottom:0;
}
#insyoku .contents03 .lpColumnTypeA02 .inner .subTtl{
padding-bottom:20px;
}
#insyoku .contents03 .lpColumnTypeA02 .inner .icoTtl{
background:url(/lp/images/mod_ico_01.png) 0 50% no-repeat;
background-size:30px auto;
padding-top:5px;
padding-bottom:5px;
margin-bottom:20px;
}
#insyoku .contents03 .btnTypeA01{
text-align:center;
margin-bottom:30px;
}
#insyoku .contents03 .btnTypeA01 a{
width:240px;
padding:15px 0;
}
}
#insyoku .contents04{
margin:0 -117px;
background:#fff9ef;
padding:70px 0 90px;
}
#insyoku .contents04 .contents04Inner{
width:976px;
margin:0 auto;
}
#insyoku .contents04 .ttl{
text-align:center;
margin-bottom:56px;
}
#insyoku .contents04 .ttl02{
padding-left:255px;
margin-bottom:-53px;
position:relative;
}
#insyoku .contents04 .image{
text-align:center;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#insyoku .contents04{
margin:0;
padding:35px 10px 60px;
}
#insyoku .contents04 .contents04Inner{
width:auto;
margin:0;
}
#insyoku .contents04 .ttl{
text-align:center;
padding:0 65px;
margin-bottom:20px;
}
#insyoku .contents04 .ttl02{
padding:0 55px;
margin-bottom:-5px;
text-align:center;
}
}
#insyoku .contents05{
padding:70px 0 90px;
}
#insyoku .contents05 .ttl{
text-align:center;
margin-bottom:56px;
}
#insyoku .contents05 .list02{
margin-left:-93px;
margin-bottom:56px;
padding:0 60px;
}
#insyoku .contents05 .list02:after{
content:"";
clear:both;
display:block;
}
#insyoku .contents05 .list02 li{
width:220px;
margin-left:93px;
font-size:14px;
float:left;
}
#insyoku .contents05 .list02 li .sttl{
display:block;
font-size:20px;
font-weight:bold;
text-align:center;
margin-bottom:45px;
border:1px solid #0e479c;
color:#004da1;
padding:11px 10px;
}
#insyoku .contents05 .list02 li .sttl02{
display:block;
font-weight:bold;
text-align:center;
margin-bottom:40px;
font-size:16px;
}
#insyoku .contents05 .list02 li .image{
display:block;
margin-bottom:30px;
text-align:center;
}
#insyoku .contents05 .list02 li .text01{
border-bottom:1px solid #c0c0c0;
padding-bottom:5px;
margin-bottom:15px;
}
#insyoku .contents05 .list02 li .text01:after{
content:"";
clear:both;
display:block;
}
#insyoku .contents05 .list02 li .text01 a{
display:block;
float:right;
}
#insyoku .contents05 .list02 li .price{
text-align:right;
position:relative;
}
#insyoku .contents05 .list02 li .price .text02{
font-weight:bold;
padding-right:54px;
}
#insyoku .contents05 .list02 li .price .val{
font-size:24px;
color:#004da1;
font-weight:bold;
letter-spacing:-1px;
}
#insyoku .contents05 .list02 li .price .yen{
font-size:12px;
}
#insyoku .contents05 .list02 li .price.new:after{
content:'NEW';
display:block;
color:#fff;
font-size:11px;
background:#34b3aa;
padding:2px 17px;
position:absolute;
left:0;
top:0;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#insyoku .contents05{
padding:25px 20px 40px;
}
#insyoku .contents05 .ttl{
padding:0 54px;
margin-bottom:40px;
}
#insyoku .contents05 .list02{
margin-left:0;
margin-bottom:56px;
padding:0;
}
#insyoku .contents05 .list02 li{
width:auto;
margin-left:0;
float:none;
}
#insyoku .contents05 .list02 li .sttl{
margin-bottom:18px;
padding:8px 10px;
}
#insyoku .contents05 .list02 li .sttl02{
display:block;
float:right;
width:55%;
margin-bottom:20px;
padding-top:30px;
}
#insyoku .contents05 .list02 li .image{
display:block;
float:left;
width:45%;
margin-bottom:20px;
padding:0 20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#insyoku .contents05 .list02 li .text01{
clear:both;
padding-bottom:5px;
margin-bottom:15px;
}
#insyoku .contents05 .list02 li .price{
margin-bottom:36px;
}
#insyoku .contents05 .list02 li .price .text02{
font-weight:normal;
}
#insyoku .contents05 .list02 li .price.new:after{
content:'NEW';
display:block;
color:#fff;
font-size:11px;
background:#34b3aa;
padding:2px 17px;
position:absolute;
left:initial;
right:55%;
top:0;
}
}
#hoikuen .mainImgArea{
margin:-45px 0 17px;
}
#hoikuen .mainImgArea .notes{
font-size:12px;
padding:17px 35px 0;
}
#hoikuen .contents01{
margin-bottom:100px;
}
#hoikuen .contents01 .ttl{
text-align:center;
margin-bottom:56px;
}
#hoikuen .contents01 .lpColumnTypeA01{
padding:0 60px;
display:table;
margin-bottom:60px;
}
#hoikuen .contents01 .lpColumnTypeA01 .inner{
display:table-cell;
width:1px;
vertical-align:bottom;
}
#hoikuen .contents01 .lpColumnTypeA01 .inner + .inner{
width:auto;
padding-left:65px;
}
#hoikuen .contents01 .lpColumnTypeA01 .inner .btnTypeA01 a{
width:100%;
padding-top:15px;
padding-bottom:15px;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#hoikuen .mainImgArea{
margin:-40px 0 15px;
}
#hoikuen .mainImgArea .notes{
padding:10px 24px 0;
}
#hoikuen .contents01{
margin-bottom:60px;
padding:0 20px;
}
#hoikuen .contents01 .ttl{
text-align:center;
margin-bottom:37px;
}
#hoikuen .contents01 .lpColumnTypeA01{
padding:0;
display:block;
margin-bottom:30px;
}
#hoikuen .contents01 .lpColumnTypeA01 .inner{
display:block;
width:auto;
margin-bottom:22px;
}
#hoikuen .contents01 .lpColumnTypeA01 .inner + .inner{
width:auto;
padding-left:0;
padding:0 23px;
}
#hoikuen .contents01 .lpColumnTypeA01 .inner .btnTypeA01 a{
display:block;
width:auto;
padding-top:18px;
padding-bottom:18px;
}
}
#hoikuen .contents02{
margin:0 -117px;
background:#f4f8fb;
padding:70px 0 90px;
}
#hoikuen .contents02 .contents02Inner{
width:976px;
margin:0 auto;
}
#hoikuen .contents02 .ttl{
text-align:center;
margin-bottom:56px;
}
#hoikuen .contents02 .list01{
margin-left:-93px;
margin-bottom:56px;
padding:0 60px;
}
#hoikuen .contents02 .list01:after{
content:"";
clear:both;
display:block;
}
#hoikuen .contents02 .list01 li{
width:220px;
margin-left:93px;
font-size:14px;
float:left;
}
#hoikuen .contents02 .list01 li .image{
display:block;
margin-bottom:30px;
}
#hoikuen .contents02 .list01 li .image img{
width:100%;
height:auto;
}
#hoikuen .contents02 .list01 li .st{
display:block;
font-size:18px;
font-weight:bold;
position:relative;
text-align:center;
margin-bottom:45px;
}
#hoikuen .contents02 .list01 li .st:after{
content:"";
display:block;
width:60px;
height:1px;
background:#8f9092;
position:absolute;
left:50%;
bottom:-15px;
margin-left:-30px;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#hoikuen .contents02{
margin:0;
padding:60px 20px;
}
#hoikuen .contents02 .contents02Inner{
width:auto;
}
#hoikuen .contents02 .ttl{
margin-bottom:40px;
}
#hoikuen .contents02 .list01{
margin-left:0;
margin-bottom:0;
padding:0;
}
#hoikuen .contents02 .list01:after{
content:"";
clear:both;
display:block;
}
#hoikuen .contents02 .list01 li{
width:auto;
margin-left:0;
margin-bottom:40px;
float:none;
}
#hoikuen .contents02 .list01 li .image{
display:block;
padding:0 58px;
margin-bottom:20px;
}
#hoikuen .contents02 .list01 li .st{
margin-bottom:42px;
}
}
#hoikuen .contents03{
padding-top:70px;
margin-bottom:100px;
}
#hoikuen .contents03 .ttl{
text-align:center;
margin-bottom:60px;
}
#hoikuen .contents03 .lpColumnTypeA02{
padding:0 60px;
display:table;
margin-bottom:60px;
}
#hoikuen .contents03 .lpColumnTypeA02 .inner{
display:table-cell;
width:1px;
vertical-align:top;
}
#hoikuen .contents03 .lpColumnTypeA02 .inner + .inner{
width:auto;
padding-left:38px;
}
#hoikuen .contents03 .lpColumnTypeA02 .inner .subTtl{
font-size:22px;
padding-bottom:18px;
margin-bottom:20px;
font-weight:bold;
border-bottom:1px dotted #949494;
}
#hoikuen .contents03 .lpColumnTypeA02 .inner .icoTtl{
padding-left:45px;
background:url(/lp/images/mod_ico_01.png) 0 50% no-repeat;
background-size:30px auto;
margin-bottom:40px;
}
#hoikuen .contents03 .btnTypeA01{
text-align:center;
margin-bottom:60px;
}
#hoikuen .contents03 .btnTypeA01 a{
width:240px;
padding:15px 0;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#hoikuen .contents03{
padding:30px 20px 60px;
margin-bottom:0;
}
#hoikuen .contents03 .ttl{
padding:0 45px;
margin-bottom:60px;
}
#hoikuen .contents03 .lpColumnTypeA02{
padding:0;
display:block;
margin-bottom:20px;
}
#hoikuen .contents03 .lpColumnTypeA02 .inner{
display:block;
width:auto;
margin-bottom:20px;
}
#hoikuen .contents03 .lpColumnTypeA02 .inner + .inner{
width:auto;
padding-left:0;
margin-bottom:0;
}
#hoikuen .contents03 .lpColumnTypeA02 .inner .subTtl{
padding-bottom:20px;
}
#hoikuen .contents03 .lpColumnTypeA02 .inner .icoTtl{
background:url(/lp/images/mod_ico_01.png) 0 50% no-repeat;
background-size:30px auto;
padding-top:5px;
padding-bottom:5px;
margin-bottom:20px;
}
#hoikuen .contents03 .btnTypeA01{
text-align:center;
margin-bottom:30px;
}
#hoikuen .contents03 .btnTypeA01 a{
width:240px;
padding:15px 0;
}
}
#hoikuen .contents04{
margin:0 -117px;
background:#fff9ef;
padding:70px 0 90px;
}
#hoikuen .contents04 .contents04Inner{
width:976px;
margin:0 auto;
}
#hoikuen .contents04 .ttl{
text-align:center;
margin-bottom:56px;
}
#hoikuen .contents04 .ttl02{
padding-left:255px;
margin-bottom:-53px;
position:relative;
}
#hoikuen .contents04 .image{
text-align:center;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#hoikuen .contents04{
margin:0;
padding:35px 10px 60px;
}
#hoikuen .contents04 .contents04Inner{
width:auto;
margin:0;
}
#hoikuen .contents04 .ttl{
text-align:center;
padding:0 65px;
margin-bottom:20px;
}
#hoikuen .contents04 .ttl02{
padding:0 55px;
margin-bottom:-5px;
text-align:center;
}
}
#hoikuen .contents05{
padding:70px 0 90px;
}
#hoikuen .contents05 .ttl{
text-align:center;
margin-bottom:56px;
}
#hoikuen .contents05 .list02{
margin-left:-93px;
margin-bottom:56px;
padding:0 60px;
}
#hoikuen .contents05 .list02:after{
content:"";
clear:both;
display:block;
}
#hoikuen .contents05 .list02 li{
width:220px;
margin-left:93px;
font-size:14px;
float:left;
position:relative;
}
#hoikuen .contents05 .list02 li .sttl{
display:block;
font-size:20px;
font-weight:bold;
text-align:center;
margin-bottom:45px;
border:1px solid #0e479c;
color:#004da1;
padding:11px 10px;
}
#hoikuen .contents05 .list02 li .sttl02{
display:block;
font-weight:bold;
text-align:center;
margin-bottom:40px;
font-size:16px;
}
#hoikuen .contents05 .list02 li .image{
display:block;
margin-bottom:30px;
text-align:center;
}
#hoikuen .contents05 .list02 li .text01{
border-bottom:1px solid #c0c0c0;
padding-bottom:5px;
margin-bottom:15px;
}
#hoikuen .contents05 .list02 li .text01:after{
content:"";
clear:both;
display:block;
}
#hoikuen .contents05 .list02 li .text01 a{
display:block;
float:right;
}
#hoikuen .contents05 .list02 li .release{
position:absolute;
color:#34b3aa;
bottom:0.5em;
left:3px;
}
#hoikuen .contents05 .list02 li .price{
text-align:right;
position:relative;
}
#hoikuen .contents05 .list02 li .price .text02{
font-weight:bold;
padding-right:54px;
}
#hoikuen .contents05 .list02 li .price .val{
font-size:24px;
color:#004da1;
font-weight:bold;
letter-spacing:-1px;
}
#hoikuen .contents05 .list02 li .price .yen{
font-size:12px;
}
#hoikuen .contents05 .list02 li .price.new:after{
content:'NEW';
display:block;
color:#fff;
font-size:11px;
background:#34b3aa;
padding:2px 17px;
position:absolute;
left:0;
top:0;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
#hoikuen .contents05{
padding:25px 20px 40px;
}
#hoikuen .contents05 .ttl{
padding:0 54px;
margin-bottom:40px;
}
#hoikuen .contents05 .list02{
margin-left:0;
margin-bottom:56px;
padding:0;
}
#hoikuen .contents05 .list02 li{
width:auto;
margin-left:0;
float:none;
}
#hoikuen .contents05 .list02 li .sttl{
margin-bottom:18px;
padding:8px 10px;
}
#hoikuen .contents05 .list02 li .sttl02{
display:block;
float:right;
width:55%;
margin-bottom:20px;
padding-top:30px;
}
#hoikuen .contents05 .list02 li .image{
display:block;
float:left;
width:45%;
margin-bottom:20px;
padding:0 20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#hoikuen .contents05 .list02 li .text01{
clear:both;
padding-bottom:5px;
margin-bottom:15px;
}
#hoikuen .contents05 .list02 li .release{
bottom:0.5em;
left:45%;
margin-left:-4em;
}
#hoikuen .contents05 .list02 li .price{
margin-bottom:36px;
}
#hoikuen .contents05 .list02 li .price .text02{
font-weight:normal;
}
#hoikuen .contents05 .list02 li .price.new:after{
content:'NEW';
display:block;
color:#fff;
font-size:11px;
background:#34b3aa;
padding:2px 17px;
position:absolute;
left:initial;
right:55%;
top:0;
}
}