@charset "EUC-JP";
/* Scss Document */
a {
color: #fff; }
a:hover {
opacity: 0.7; }
a img:hover {
opacity: 0.7; }

body {
background-color: #000;
background-image: url(../images/new_BG.png);
background-position: center top;
background-repeat: repeat-y;
background-size: 100% auto;
color: #000; }

.sp{display:none;}

ul{padding:0;}

h2 {
text-align: left;}

.infologo {
position: absolute;
top: 10px;
left: 10%; }

	.infologo img {
	width: 80%;
	max-width: 217px; }

.lied-area {
background: url(../images/lead-bg.png) center no-repeat;
background-size: cover;
text-align: center;
padding:3% 0;}

.wrap {
width: 1200px;
margin: 0 auto;}

#header {
width: 100%;
text-align: left;
background-color: #fff;
margin-bottom:-3%;}

div.single{padding-top:3%;}

.p-list {
margin: 0px; }

.p-list li {
background-color: #F9FBEC;
background:url(../images/p-list-bg_02.png),url(../images/p-list-bg_03.png) left repeat-y,#F9FBEC url(../images/p-list-bg_01.png) right;
border: #709463 solid 2px;
width: 575px;
padding: 30px;
min-height: 460px;
box-sizing: border-box;
overflow: hidden;
margin: 0;
display: inline-block;
vertical-align: top;
margin-bottom:40px;}

.p-list li:nth-child(even){margin-left:50px;}

.p-list li a {color: #000;}

.p-list .inner{vertical-align:top;
margin-bottom:15px;}

.p-list h2{font-size:22px;
line-height: 1.4em;
font-weight: bold;}

.p-list .l-box,.p-list .r-box,.p-list .icon{display:inline-block;vertical-align:top;}

.p-list .l-box{width:110px;}
.p-list .l-box img{max-width:90px;height: auto;}

.p-list .r-box{width:345px;height:165px;position: relative;}

.p-list .r-box p.price:before{content: '☆';}
.p-list .r-box p.price:after{content: '円';}
.p-list .r-box p.price{font-size:30px;
font-weight: bold;
color:#3673AF;
text-align: right;
bottom:0;
right: 0;
position: absolute;}

.p-list .text-box{
background:#FFF;
border: 1px solid #CBEBD4;
box-sizing: border-box;
padding:1%;
margin-bottom:3%;
}

.p-list .text-box h3{font-size:18px;
font-weight: bold;
color:#006FDE;}
.p-list .text-box h3 a{color:#006FDE;}

.p-list a.button{background:#50DC91;
text-decoration: none;
width:50%;
border-radius: 5px;
margin:0 auto;
display: block;
padding:3% 0;}
.p-list a.button div{
color: #FFF;
text-align: center;
text-decoration: none;}

.p-list .button p{text-align:center;
text-decoration: none;
font-size:25px;}

.pList-left {
float: left;
cursor: pointer; }

.trim {
margin: 0 auto;
overflow: hidden;
width: 160px;
/* トリミングしたい枠の幅 */
height: 160px;
/* トリミングしたい枠の高さ */
position: relative; }

.trim img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
cursor: pointer; }

.banner {
margin: 50px 0;
text-align: center; }
.banner a {
text-decoration: none; }
.banner img {
max-width: 600px;
margin: 0 1%;
width: 40%; }

#footer {
margin-top: 20px;
text-align: center;
color: #fff;
padding: 20px 0;
background-color: #3AD287; }

.lock-cont {
position: fixed;
bottom: 10px;
right: 2%;
width: 70px;
z-index: 99; }

.lock-cont img {
width: 100%;
margin-bottom: 5px; }

@media only screen and (min-width: 1281px) {
.pc_no {
display: none; }

/*共有*/ }/*///media 1281*/
@media only screen and (max-width: 1280px) {
.sp_no {
display: none; }

.header-wrap {
width: 100%;
margin: 0 auto; }

/*共有*/ }/*///media 1280*/

@media only screen and (max-width: 1024px) {
body {
box-sizing: border-box; }

.wrap {
width: 94%;
margin: 0 auto; }

section h2 img {
width: 100%; }
	
.p-list li:last-child {
margin-right: auto;
margin-left: auto; }

ul.p-list li {
background:url(../images/p-list-bg_02.png),#F9FBEC url(../images/p-list-bg_01.png) left;
display: block!important;
margin:0 auto 25px auto;
width:700px;}
.p-list li .icon{padding-left:45px;padding-right: 15px;}
.p-list li .r-box{width:400px;}

.p-list {
text-align: left;
display: block;}

.p-list li:nth-child(even) {
margin-left: auto; }

.infologo {
left: 5%; }

.banner {
margin: 20px 0 0 0; }

.banner img {
width: 80%;
margin-bottom: 20px; }

.p-list {
margin: 0 0px; }

.lock-cont {
width: 12%;
right: 5%; }

.lock-cont img {
width: 100%; } 
}/*///media 1024*/

@media only screen and (max-width: 700px) {

.pc{display:none;}
.sp{display:block;}

img{width:auto;
height: auto;
max-width:100%;}

ul.p-list li{width:100%;
padding:4%;}
ul.p-list li .icon{padding:0;}

.p-list .l-box{display:block;
width:100%;
text-align: center;
margin-bottom: 2%;}
.p-list .l-box p{text-align: center;
}
.p-list li .r-box{width:88%;
height: auto;
}
.p-list li .icon{max-width: 10%;}
.p-list h2{margin-bottom:6%;}
.p-list .r-box p.price{position:relative;}

.p-list a.button div{width:100%;}

}/*///media 700*/