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




/*body {
min-width: 320px;
}
*/


/*
border:#F3F3F3 10px solid;
background:#FFFFF9;
*/
@media screen and (min-width:320px) { 
/*　SP　320pxからはここを読み込む　*/

.wrap {
overflow: hidden;
background:#FFFFF9;
}
.clearfix_topix_sp:after {

content:" ";
display:block;
clear:both;

}

.topix_itembox{

width:100%;
margin:0 auto;
text-align:center;

/*	background:#999;*/

}

.topix_itembox4{

width:88%;
margin:0 auto 0 14%;
text-align:center;
/*	background:#999;*/

}


.topix_item2{

width:100%;
/*	background:#9CF;*/

}

.topix_item3{

width:49%;
/*	background:#9CF;*/

}

.topix_item4 {


width:37%;
}


.topix_item5{

width:32%;
text-align:center;

}

.topix_item{

margin:0;
padding-left:0;
padding-top:20px;
float:left;
text-align:center;
list-style:none;

}


.topix_item5:first-child{

padding-left:18%;

}


/*BN img*/

.bn1_img{

margin: auto auto 15px auto;
width:98%;

}
.bn11_img{

margin: 15px auto 15px auto;
width:80%;

}

.bn2_img{

margin: auto;
width:70%;

}

.bn3_img{

margin: auto auto 15px auto;
width:88%;

}
.bn4_img{


}




.cntn_1 {
position: relative;
width:100%;

}

.cntn1_bg {
position: absolute;
top: 0;
bottom: 0;
width: 100vw;
height:80%;
margin-top:30%;
background: #F9D2D2;
opacity: 0.5;
}

.contents_cntn1 {
position: relative;
margin: auto auto 30px auto;
width:80%;
}

/*PC・SP画像切りかえ*/
.bn-pc { display: none !important; }
.bn-sp { display: block !important; }


/*SPmemo*/


.clearfix2:after {
content: "";
display: block;
clear: both;
}

.clearfix2:before {
　　content: "";
display: block;
clear: both;
}

.clearfix2 {
display: block;
}


.hotitem_box {

padding-left:0px;
margin-top:3%;

}


.hotitem_title img {
margin:1px;
width: 100%;
}


#hotitem_container {

/*	border:1px solid #FCC;*/
width:98%;
float: left;
margin:0;
padding:0;
padding-left:0px;

}



#hotitem_container li {
/*	margin: 1px 1px 1px 2px;*/
float: left;
list-style: none;
width: 33.3%;

}

#hotitem_container img {
width: 34vw;
}

.hotitem_title2 img {

margin:0 0 50px 0;
padding:0;
width:50%;
float:left;

}

.lp200701_creimg::before {

content: "";

display: block;

position: absolute;

box-sizing: border-box;

z-index: -1;

background-color: #fcf3f1;

width:500px;

height: 700px;

margin:-40px 0 0 -40px;


}
/*  .lp200701_creimg3::before {

content: "";

display: block;

position: absolute;

box-sizing: border-box;

z-index: -1;

background-color:#FFF;

width: 500px;

height: 900px;

margin:0px 0 10px -40px;


}*/


#hotitem_container2 {

width:88%;
text-align:center;
margin:0 auto 0 14%;

}



#hotitem_container2 li {
margin: 0px;
float: left;
list-style: none;
width:37%;


}

#hotitem_container2 img {

width: 300px;


}


#hotitem_container3 {

width:100%;
text-align:center;
margin:0 auto;
padding:0;
}



#hotitem_container3 li {
margin: 0px;
float: left;
list-style: none;
width:50%;
margin-left:;


}

#hotitem_container3 img {

width: 500px;



}
.pc_area{
display:none;
}

.phone_area{
display:block;


}


/*左にリスト*/
.hotitem_title3 img {
margin-top:20px;
margin-left:8%;
width:90%;
float:left;

}

.hotitem_title4 img {
margin: auto;
width:70%;


}

/*右に文章*/


.hotitem_title5 img {
margin-top:30px;
margin-left:10%;

width:80%;

}

/*.textsp{
text-align:center;
color:#333; 
padding:2%; 
letter-spacing:2px; 
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
font-weight:500;


}*/
p{
font-size:13px;
text-align:center;
color:#333; 
padding:2%; 
letter-spacing:1px; 
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
font-weight:400;

}

.emtext{

font-size:1.1em;
text-align:center;
color:#333; 
padding:2%; 
margin-botttom:10px;
letter-spacing:3px; 
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
font-weight:500;

}


.hotitem_titleimg_right{

width:90%;
margin-left:3%;
float:left;

}


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



.check-icon{
width:50%;
margin:0 auto;
padding:0;
border:#333 solid 1px;
}


.check-text{
	
letter-spacing:5px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
font-size:0.9em;
text-align:center;
font-weight:400;
color:#333;

}
}









@media screen and (min-width:1024px) {
/*　PC　1024pxからはここを読み込む　*/

.wrap {
overflow: hidden;
widows:100%;
border:#F3F3F3 10px solid;
background:#FFFFF9;
}
.topix_itembox{

clear:both; 
width:100%; 
margin:0 auto;
text-align:center;

}

.topix_itembox4{

clear:both; 
width:100%; 
margin:0 auto;
text-align:center;

}

.topix_item2{

width:100%;
/*	background:#9CF;*/

}



.topix_item	{ 

width:13%;
margin:15px 5px 0 5px;

}


.topix_item3{

width:30%;
/*	background:#9CF;*/

}


/*PC・SP切りかえ*/






.bn-pc {

display: block !important;
}
.bn-sp {

display: none !important;

}

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

.bn1_img{

margin: auto;
width:70%;

}
.bn11_img{

margin: 15px auto 15px auto;
width:60%;

}

.bn2_img{

margin: 0 auto 30px auto;
width:30%;

}

.bn3_img{

margin: 10px auto 15px auto;
width:40%;
padding:0;

}

.bn4_img{

width:460px;
margin: 575px;
padding-right:40%;


}


.bn5_img{

margin: 80px auto 15px auto;
width:35%;

}
.clearfix_topix {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
margin-right:10px;
list-style:none;
}


.topix_item5:first-child{

padding-left:0;

}


.cntn_1 {
position: relative;
width:50%;

}

.cntn1_bg {
position: absolute;
top: 0;
bottom: 0;
width: 60%;
height:80%;
margin-top:10%;
background: #F9D2D2;
opacity: 0.5;
}

.contents_cntn1 {
position: relative;
margin: auto auto 30px auto;
width:40%;
}

.zxc{

float:left;

}
/*PC memo*/


.clearfix2:after {
content: "";
display: block;
clear: both;
}

.clearfix2:before {
　　　　content: "";
display: block;
clear: both;
}

.clearfix2 {
display: block;
}


.hotitem_box {

width:1008px;
padding:0 ;
margin:3% auto 10% auto;

/*928px*/
}

.hotitem_title img {
margin:1px;
width:400px;
height:600px;

float:left;

}


#hotitem_container {

/*	border:1px solid #FCC;*/
width:605px;
float: left;
margin:0;
padding:0;
padding-left:0px;


}

#hotitem_container li {
margin: 0px;
float: left;
list-style: none;
width: 200px;



}

#hotitem_container img {
/*	margin-right:2%;*/
width: 199px;
height:297px;

}






.hotitem_titleimg{

width:400px;
margin-left:2%;

}


.hotitem_titleimg_right{

width:400px;
margin-left:2%;
float:left;

}

.hotitem_titleimg_left{

width:800px;	
}


.lp200701_creimg::before {

content: "";

display: block;

position: absolute;

box-sizing: border-box;

z-index: -1;

background-color: #fcf3f1;

width: 450px;

height: 500px;

margin: 40px 0 0 -30px;



}

.lp200701_creimg2::before {

content: "";

display: block;

position: absolute;

box-sizing: border-box;

z-index: -1;

background-color:#F7E0C6;

width: 450px;

height: 610px;

margin:100px 0 0 550px;


}

.lp200701_creimg3::before {

content: "";

display: block;

position: absolute;

box-sizing: border-box;

z-index: -1;

background-color: #CBD5BF;

width: 430px;

height: 520px;

margin: 110px 0 0 -10px;



}

.hotitem_box2 {

width:1024px;
padding:0 ;
margin:3% auto 10% auto;


}

.hotitem_box4 {

width:1024px;
padding:0 ;
/*	margin:3% auto 10% auto;*/

}

.hotitem_box3{
	margin:0 auto;
width:1024px;
padding:0 ;
/*	margin:3% auto 10% auto;*/

}

.hotitem_title2 img {
margin:1px 1px 1px 22px;
width:300px;
float:left;

}

.hotitem_title3 img {
margin:80px 1px 1px 100px;
width:450px;
float:left;

}

.hotitem_title4 img {
margin:1px 1px 1px 0px;
width:500px;
float:left;

}


.hotitem_title5 img {
margin-left:30px;
width:400px;
float:left;

}

#hotitem_container2 {

/*	border:1px solid #FCC;*/
width:450px;
float: left;
margin:-400px 0 0 190px;
padding:0;

}



#hotitem_container3 {

/*左のリスト*/
width:500px;
float: left;
margin:0%;
padding:0;

}

#kari{

width:1024px;
margin:0 auto 0 auto ;

}

#hotitem_container2 li {

float: left;
list-style: none;
width: 200px;
margin-left:15px;



}

#hotitem_container3 li {

float: left;
list-style: none;
width: 200px;
margin-left:8px;

}





#hotitem_container2 img {
/*	margin-right:2%;*/
width: 200px;


}

#hotitem_container3 img {
/*	margin-right:2%;*/
width: 250px;


}
.pc_area{
display:block;
}



.phone_area{
display:none;
}


.text_right{

padding:80px 0 0 100px;
width:400px;
float:left;

}


.text_left{

padding:150px 0 0 70px;
width:450px;
float:left;
font-size:1.0em;
letter-spacing:2px; 

}



p{
font-size:1.1em;
text-align:center;
color:#333; 
padding:1%; 
letter-spacing:2px; 
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
font-weight:500;

}

.emtext{
font-size:1.1em;
text-align:center;
color:#333; 
padding:2%; 
margin-botttom:10px;
letter-spacing:2px; 
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
font-weight:500;

}

.textcenter{
font-size:1.1em;
text-align:center;
color:#333; 
padding:2%; 
letter-spacing:2px; 
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
font-weight:500;

}


.check-icon{
width:20%;
font-size:1.0em;
text-align:center;
margin:0 auto 20px auto;
color:#333;
padding:0;
letter-spacing:5px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
font-weight:400;
border:#333 solid 1px;

}



}

























/*  共通  */


.body{

text-align:center;
margin-left:20%;

}

/*Text */

.topix_title1{

font-size:1.8em;
text-align:center;
color:#333; 
padding:2% 0 0 0; 
letter-spacing:5px; 
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
font-weight:500;

}

.topix_title2{

font-size:0.9m;
text-align:center;
color:#333; 
padding:6% 0 0 0; 
letter-spacing:2px; 
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif; 
font-weight:100;

}

.smalltext{

font-size:0.4m;
text-align:center;
color:#333; 
padding:5% 0 0 0; 
letter-spacing:7px; 
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif; 
font-weight:100;

}

.border1{

border-top: 1px solid #000;
margin-bottom: 10px;

}

.hot_title{
width:100%;
font-size:1.0em;
text-align:left;
color:#333;
margin-top:30px;
padding:3% 0 0 0;
letter-spacing:5px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
font-weight:500;
}



a {
    text-decoration:none; 
}


/*.bg-color{
	
	width:100%;
	padding-bottom:5%;
	
	
	
}
*/
/*レスポンシブ*/

/*.br-sp {

display: none;

}*/




/*メモ*/


/*奇数の最初をセンター寄せする
.odd_first{

display: flex;
flex-flow: row wrap;
justify-content: center;

}*/


/*奇数の最後をセンター寄せする

.odd_last{

display: flex;
flex-flow: row wrap;
justify-content: center;

}*/