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

/*#air_campaignコンテンツ*/
/**, *:before, *:after {
    box-sizing: border-box;
}

#air_campaign{
font-family: 'Avenir Next','Avenir', 'Helvetica Neue','Helvetica Neue','Helvetica',YuGothic,'Yu Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;*font-size:small;*font:x-small; font-size: 12px; font-size: 1rem; line-height:1.4;
color: #676969;

}*/

sup {
vertical-align: super;
padding: 0 2px;
font-size:0.7rem;
}


#contents{
margin:0 auto;
max-width:100%;
	
}

.inner{
max-width:980px;
margin:0 auto;
}


a{
text-decoration:none;
color:#e10023;
}


#air_campaign h2{
text-align:center;
margin:2em 0 1em 0;
}


#air_campaign h3{
	
font-size:1.5rem;
font-weight:bold;
text-align:center;
padding:1em 0;
}

#air_campaign p{
font-size:1.5rem;	
}


.attention {
font-size: 1rem;
color: #868686;
text-align: left;
padding-top: 3rem;
line-height: 1.8;
margin:0 auto;
text-indent:0;
}

#intro .attention{
margin:0 auto;
width:46em;
text-indent:-2em;

}

#shoplist .attention{
margin:0 auto;
width:46em;
text-indent:-2em;

}

#air_campaign img{
max-width:100%;
}


#air_campaign  section{
margin-bottom:5rem;
}





#kv{
	
}

/*#intro*/

#air_campaign #intro {
padding:3rem 0 2rem 0;
width:90%;
margin:0 auto;
	text-align:auto;
}

#air_campaign #intro .inner{

width:90%;
margin:0 auto;
}
#air_campaign #intro p{
/*color:#E4007F;*/
font-size:1.8rem;
text-align:center;	
margin:0 auto;
line-height:2;
}


/*#nav*/
#air_campaign #nav{

}

#air_campaign #nav ul {
display:flex;
-webkit-flex-wrap: wrap; 
flex-wrap:        wrap;
padding: 0;
-webkit-justify-content:center; 
justify-content:center;
margin:2rem;
}

#air_campaign  #nav ul li{
background:rgba(225,0,35,1);
color:#FFFFFF;
padding:1.3rem 1.5rem;
border-radius: 0.5em;
font-size:1.3rem;
list-style:none;
margin:0.5rem;
margin-bottom:1rem;	
text-align:center;
}

#air_campaign  #nav ul li:hover{
background:rgba(225,0,35,0.5);
}

#air_campaign  #nav ul li a{
color:#FFFFFF;	
}

#air_campaign  #nav ul li img{
	
width:4rem;	
height:auto;
margin-right:2rem;	
}




/*#sample*/

#sample{
background:#CDE8F6;	
background:url(../images/info_navi_libg.gif);
padding:2em 0;		

}

#sample .inner{
width:100%;
display:flex;	
-webkit-justify-content: space-between; 
justify-content:         space-between;
-webkit-justify-content: space-around; 
 justify-content:        space-around;
-webkit-flex-wrap: nowrap; 
flex-wrap:        nowrap;
margin-bottom:2rem;
}

#sample .inner .item{
width:31%;
	
}

#sample p{
	
font-size:1.5rem;	
/*color:#e10023;*/
font-weight:bold;
margin-top:0.5rem;
text-align:center;
}


/*#yuregura*/
#yuregura h2{
/*color:#E4007F;*/
	
}
#yuregura h2.pink{
color:#E4007F;
	
}

#yuregura p.desc{
color:#E4007F;
font-size:1.8rem;
margin-bottom:2rem;
text-align:center;
line-height:2;
}


#yuregura p.desc02{
font-size:1.8rem;
margin-bottom:2rem;
text-align:center;
line-height:2;
}
img#yuregura_icon_big{
max-width:80%;	
	
}

#yuregura .flexbox{
width:90%;
display:flex;	
-webkit-justify-content: space-between; 
justify-content:         space-between;
-webkit-justify-content: space-around; 
justify-content:        space-around;
-webkit-flex-wrap: nowrap; 
flex-wrap: nowrap;
margin:0 auto;
}

#yuregura .flexbox .item{
max-width:46%;
text-align:left;
}

#yuregura .flexbox .item img{
	
margin-bottom:1rem;
}


#yuregura .inner{
text-align:center;
width:90%;
margin:0 auto;
}

#yuregura .yuregura {
width:90%;
display:flex;	
-webkit-justify-content: space-between; 
justify-content:         space-between;
-webkit-flex-wrap: nowrap; 
flex-wrap:        nowrap;
margin:0 auto;
}




#yuregura .yuregura .item {
width:31%;

}

#yuregura .yuregura .item img{	
max-width:100%;
height:auto;

}

#yuregura .yuregura .item p{
max-width:300px;
text-align:left;
}

#yuregura h3{
/*color:#E4007F;*/
text-align:center;
}

img#yuregura_icon_big{
max-width:80%;	
	
}

#yuregura .attention{
text-indent:0;
margin:0 auto;
padding-top:2rem;
width:20rem;
margin:0 auto;
text-align:left;
}


#yuregura img#yuregura_icon_big{
margin-bottom:2em;
}


#air_campaign .info{
padding:2em 0;
	
}
#air_campaign .info img{
max-width:25%;
}


/*#event*/

#event{
background:#CDE8F6;
background:url(image/12-1.png);
padding-top:1em;
padding:2em;
}
#event h2,
#event h3{
color:#00A8AB;
		
}

#event .event{
width:100%;
display:flex;	
-webkit-justify-content: space-between; 
justify-content: space-between;
-webkit-flex-wrap: nowrap; 
flex-wrap: nowrap;	
text-align:center;

}
#event .event .item {
width:49%;	
}
#event .event .item img{	
max-width:100%;
height:auto;
margin:auto;
}

#event .event .item p{
max-width:90%;
padding:0 5%;
text-align:left;
}

/*#shoplist*/


#shoplist h2,
#shoplist h3
{
color:#00A8AB;	
	
}

#shoplist table{
border-collapse: collapse;
width: 100%;
margin:auto;
}	
#shoplist table th,
#shoplist table td{
border: 1px solid #ccc;
padding: 0.5em;
/*font-size: 0.9rem;*/

}

#shoplist table th{
background-color: #efefef;	
font-weight:bold;
}

#real_shop th{
	width:45%;

}

.pc_only{
display:block;
}

.tb_only{
display:none;
}

.sp_only{
display:none;
}





/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {
	

	
.pc_only{
display:none;
}

.tb_only{
display:block;
}

.sp_only{
display:none;
}	
	
#nav ul {
display:flex;
-webkit-flex-direction: row; 
flex-direction: row;
-webkit-flex-wrap: nowrap; 
flex-wrap:        nowrap;
padding: 0;
}

#nav ul li{
background:#F4007F;
color:#FFFFFF;
padding:0.9em;
border-radius: 0;
font-size:1rem;
list-style:none;
/*width:100%;*/
margin-bottom:0.2rem;	
text-align:center;
margin:0 auto;
}		
	
#shoplist table th:first-child{
	
	width:25%;
}
	
	
}



/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {
	
	
.pc_only{
display:none;
}

.tb_only{
display:none;
}

.sp_only{
display:block;
}	
	
	
	
#air_campaign h2{
font-size:1.6rem;
text-align:center;
margin:2em 0 1em 0;
}


#air_campaign h3{	
font-size:1.5rem;
font-weight:bold;
text-align:center;
padding:1em 0;
	}
	

#air_campaign p{
font-size:1.5rem;	
	
}
	
	
		
#air_campaign  #nav ul {
display:flex;
/* -webkit-flex-direction: column; 
  flex-direction:         column;*/
-webkit-flex-wrap: nowrap; 
flex-wrap:        nowrap;
padding: 0;	
max-width:100%;		

}
	
#air_campaign  #nav ul li img{
		
margin:0 auto;
width:2em;
height:auto;
	}

#air_campaign  #nav ul li{
padding:0.9em;
font-size:1.2rem;
list-style:none;
width:100%;
margin-bottom:0.2rem;	
text-align:center;
}	
	
	
#air_campaign #intro {
padding:2rem 0 0 0;
	
}
	
#air_campaign #intro p{
font-size:1.5rem;
width:90%;
line-height:1.8;

}	
	
#intro .attention{
margin:0 auto;
width:95%;
text-indent:-2em;
padding-left:2em;
font-size: 0.4rem;

}
	
	
	
#shoplist .attention{
margin:0 auto;
width:95%;
text-indent:-2em;
padding-left:2em;
font-size: 0.4rem;

}
	
	
	
#sample{
padding:2em 0;		

}
	
	
#sample .inner{
-webkit-flex-direction: column; 
flex-direction:         column;
text-align:center;

}


#sample .inner .item{
width:90%;	
margin:0  auto 5rem auto;
	
}
	
#sample .inner .item img{
width:80%;
	}

#yuregura .inner{
width:90%;
margin:0 auto;
	}	
	
#yuregura .flexbox{
width:90%;
display:flex;	
 
-webkit-justify-content: center; 
justify-content:        center;
/*-webkit-flex-wrap: nowrap; 
flex-wrap:        nowrap;*/
-webkit-flex-direction: column; 
flex-direction:         column;
}

#yuregura .flexbox .item{
max-width:80%;
margin:0  auto 3rem auto;
}
	
#yuregura .inner p.desc{
font-size:1.5rem;
margin-bottom:2rem;
	
	}

#yuregura p.desc02{

font-size:1.5rem;
margin-bottom:2rem;
text-align:center;
line-height:2;
}		
	
#yuregura .yuregura{
 -webkit-flex-direction: column; 
flex-direction:         column;
text-align:center;
margin:0 auto;
}


#yuregura .yuregura .item {
width:100%;
margin:0 auto 3rem auto;
text-align:center;

}
	
	


#yuregura .yuregura .item img{
max-width:80%;
height:auto;
margin:0 auto;

}

#yuregura .yuregura .item p{
text-align:left;
margin:0 auto;
}


	
#event .event{
-webkit-flex-direction: column; 
flex-direction:         column;
}#event .event .item {
width:100%;
margin-bottom:1em;
	
}
#event .event .item img{
max-width:100%;
height:auto;
margin:auto;

}

#event .event .item p{
max-width:100%;
padding:0 ;
text-align:left;
}

#event{	
padding:1rem;
}
	
	
#shoplist table th,
#shoplist table td{
border: none;
padding: 0.1em 1em;
font-size: 0.9rem;	
display: list-item;
list-style:none;

}
	


#shoplist table{
border-collapse: collapse;
width: 95%;
margin:auto;
}	
	
thead{
display:none;		
}
	
	
#shoplist table td:first-child {
font-weight:bold;
padding-top:1.5em;
	
	} 
	
.date:before{
content:"日程: ";
}
	
#shoplist table td:last-child{
padding-bottom:1.5em;		
}

tr{
border-bottom:1px dotted #676969;	
margin:2em 0;
}
	
#shoplist table th,
#shoplist table td{

font-size: 1.0rem;
}
	
.inner{
max-width:100%;	
/*text-align:center*/;
padding:0 auto;
}
	
		
.attention {
font-size: 0.6rem;
color: #868686;
line-height: 1.6;
padding-top: 1rem;
text-indent:0;
text-align:left;

}
	
	
#air_campaign .info{
padding:2em 0;
}
#air_campaign .info img{
max-width:90%;
}
	
}