@charset "utf-8";

/***************************************************
PC用および共通設定 974px～
***************************************************/

.clear{	clear:both;}
.pc{display:block;}
.sp{display:none;}
.strong{font-weight:bold;}

/*top_menu*/
#bg_menu{
	text-align:center;
	background:url("../images/bg_menu.jpg")center 0 repeat-x;
	height:59px;
}
#menu{
	width:974px;
	margin:0 auto;
}

ul.main_menu li{
	float:left;
}

/*contents*/
#bg_contents{
	background:url("../images/bg_main_image.jpg")center 0 no-repeat #fdefdd;

}
#main_contents{
	width:974px;
	margin:0 auto;
	background-color:#fdefdd;
	padding-bottom:50px;
}
ul#btn_menu{
	margin:0px 19px 50px 19px;
}
ul#btn_menu li{
	float:left;
}
ul#btn_menu li:first-child{
	margin-right:29px;
}

/*lineup*/
#bg_lineup_contents{
	background:url("../images/bg_main_image.jpg")center 0 no-repeat #fdefdd;

}
#lineup_contents{
	background:url("/mailly/images/lineup_image_pc.jpg")center 0 no-repeat #fdefdd;
	width:974px;
	margin:0 auto;
	padding:160px 0 0 0;
}
ul#btn_nav{
	margin:0 0 30px 0;
}
ul#btn_nav li{
	float:left;
}

#list_lineup{
	background:#fdefdd;
	width:974px;
	margin:0 auto;
	padding:70px 0;
}
#list_lineup ul li{
	margin-bottom:50px;}
.p_image{float:left;width:50%;}
.p_text{font-size:105%;font-family:'Noto Serif JP',serif;float:left;width:45%;color:#000;padding:10% 0 0 0;}
.p_desc{margin:5% 0 0 3%;color:#000;}

#list_lineup_comp{
	background:#E9E3D6;
	width:974px;
	margin:0 auto;
	padding:30px 20px;
}
.p_desc_comp{font-family:'Noto Serif JP',serif;margin:0 0 0 3%;color:#000;}


/*about*/
#main_about{
	width:974px;
	margin:0 auto;
	background-color:#fdefdd;
	padding-bottom:50px;
	font-family:'Noto Serif JP',serif;
}

.title_about{margin:5% 0 2% 0;}
.desc_about{width:95%;margin:0 auto;}
.left_desc,.right_desc{float:left;line-height:1.8;}
.left_desc{margin-right:2%;}
.w40{width:40%;padding-bottom:10px;}
.w60{font-size:105%;width:55%;line-height:26px;}
.w10{width:100%;font-size:20px;font-family:'Noto Serif JP',serif;padding:2% 0 2% 0;
text-decoration:underline;font-weight:bold;line-height:30px;}
.w40_env{width:40%;}

.line01 {
  border-bottom: 3px solid black;
  margin-top: 40px;
  margin-bottom: 3px;
}
.line01s {
  border-bottom: 1px solid black;
  margin-bottom: 20px;
}

.line02 {
  border-bottom: 1px solid black;
  margin-top: 20px;
}
.line02s {
  border-bottom: 3px solid black;
  margin-top: 3px;
}

/***************************************************
タブレット用 768px～973px
***************************************************/

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

/*top_menu*/
#bg_menu{
	text-align:center;
	background:#000;
	height:100%;
}
#menu{
	width:100%;
	margin:0 auto;
}
ul.main_menu{margin-left:1%;}
ul.main_menu li{
	width:33%;
	float:left;
}

/*contents*/
#bg_contents{
	background:#fdefdd;

}
#main_contents{
	width:100%;
	margin:0 auto;
	background-color:#fdefdd;
	padding-bottom:6.5%;
}
ul#btn_menu{
	margin:0px 2.5% 6.5% 2.5%;
}
ul#btn_menu li{
	float:left;
	width:48%;
}
ul#btn_menu li a img{
	width:100%;
}
ul#btn_menu li:first-child{
	margin-right:4%;
}

/*lineup*/
#bg_lineup_contents{
	background:#000;

}
#wrp_main{
position: relative;
	width: 100%;
	height:100%;
	padding:52% 0 0 0;
}

#lineup_contents{
	background:url("/mailly/images/lineup_image_pc.jpg")center 0 no-repeat #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size:cover;
	padding:16% 0 0 0;
}
ul#btn_nav{
	margin:0 0 30px 0;
}
ul#btn_nav li{
	float:left;
}
li#btn01{width:14.2%;}
li#btn02{width:13.8%;}
li#btn03{width:15%;}
li#btn04{width:13.3%;}
li#btn05{width:21.3%;}
li#btn06{width:19%;}

#list_lineup{
	background:#fdefdd;
	width:100%;
	margin:0 auto;
	padding:7% 0;
}
#list_lineup ul li{
	margin-bottom:5%;}
.p_image{float:left;width:50%;}
.p_text{float:left;width:45%;color:#FFF;padding:10% 0 0 0;}
.p_desc{margin:5% 0 0 3%;}

#list_lineup_comp{
	background:#E9E3D6;
	width:100%;
	margin:0 auto;
	padding:2% 5%;
}

/*about*/
#main_about{
	width:100%;
	margin:0 auto;
	background-color:#fdefdd;
	padding-bottom:5%;
}
}
/***************************************************
スマートフォン用 ～767px
***************************************************/
@media only screen and (max-width: 767px){
.pc{display:none;}
.sp{display:block;}

ul#btn_menu{
	margin:5% 10% 5% 10%;
}

ul#btn_menu li{
	float:none;
	width:100%;
}
ul#btn_menu li a img{
	width:100%;
}
ul#btn_menu li:first-child{
	margin:0 0 5% 0;
}

/*lineup*/
#wrp_main{
position: relative;
	width: 100%;
	height:100%;
	padding:120% 0 0 0;
}

#lineup_contents{
	background:url("/mailly/images/lineup_image_pc.jpg")center 0 no-repeat #eae4d8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size:contain;
	padding:16% 0 0 0;
}
ul#btn_nav{
	width:75%;
	margin:0 auto;
}
ul#btn_nav li{
	float:left;
}
li#btn01{width:28%;margin-left:5%;}
li#btn02{width:27.3%;}
li#btn03{width:29.8%;}
li#btn04{width:25%;}
li#btn05{width:39%;}
li#btn06{width:35%;}

#list_lineup{
	background:#fdefdd;
	width:100%;
	margin:0 auto;
	padding:10% 0;
}
#list_lineup ul li{
	margin-bottom:10%;}
.p_image{float:none;width:70%;margin:0 auto;}
.p_image img{width:100%;}
.p_text{float:none;width:90%;color:#FFF;padding:0 0 3% 0;margin:0 auto;}
.p_title img{width:100%;}
.p_desc{margin:0 0 0 3%;}

#list_lineup_comp{
	background:#E9E3D6;
	width:100%;
	margin:0 auto;
	padding:5% 5%;
}

/*about*/

.desc_about{width:90%;margin:0 auto;}
.left_desc,.right_desc{float:none;line-height:1.8;margin:0 auto;}
.left_desc{margin:0 0 3% 0;}
.w40{width:100%;text-align:center;}
.w60{width:100%;}
.w10{width:100%;font-size:125%;font-family:'Noto Serif JP',serif;padding:4% 0 0 0;
text-decoration:underline;font-weight:bold;line-height:25px;text-align:center;}
.w40_env{width:100%;text-align:center;}

}