@charset "UTF-8";

/*
Theme Name:  AIRANAIL
Description: AIRANAILのテーマ
Theme URI: http://www.aira-nail.com
Author: Juri Suzuki
Author URI: 
Version: 
License: 
License URI: 
*/
/* CSS Document */
body{
font-family: 'Noto Sans Japanese', sans-serif;
-ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size:125%;
  color:#333;
  border-bottom: 8px solid #353434;
  padding-top:110px;
}

.web-btn{
background:#cf5263;
color:#fff!important;
padding:10px 5px;
width:280px;
display:block;
margin:20px auto 30px;
}

.web-btn:hover{
opacity:0.8;
}

.web-tab{
position:fixed;
bottom:25px;
right:0px;
width:60px;
height:38px;
background:#222;
z-index:999;
border-radius:3px 0px 0px 3px;
text-align:center;
font-size:90%;
font-weight:500;
padding-left:3px;
padding-top:5px;
line-height:130%;
}

.web-tab a{
color:#fff;
}

.web-tab span{
font-size:100%;
}

.web-tab i{
font-size:130%;
}

@media (max-width: 767px) {

body{
  padding-top:70px;
}

.container{
max-width:400px;
 padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

#design.container{
 padding-right: 15px;
  padding-left: 15px;
}

#menu.container{
 padding-right: 15px;
  padding-left: 15px;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}


#menu.container .row{
 margin-right: -15px;
 margin-left: -15px;
}

#page .container .row{
 margin-right: -15px;
 margin-left: -15px;
}


hr{
border-top:2px solid #ddd;
}
}



@media (min-width: 768px) {

#design.container{
max-width:1190px;
}

#menu.container{
max-width:1020px;
}
}


@media (min-width: 768px) {
br.xs{
	display:none;
}

.navbar-header{
display:none;
}

hr{
display:none;
}
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,img{
margin:0;padding:0;
}

ol,ul,li{
list-style:none;
padding:0px;
margin:0px;
}

a:hover{
text-decoration:none;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a:focus,a:active{
outline: none;
}

.h1_wrapper{
position:relative;
}

h1{
position:absolute;
bottom:25px;
text-align:center;
width:100%;
font-size:12px;
}

h2{
	font-size:190%;
	text-align:center;
	margin-bottom:40px;
}

h2::after{
	content:"";
	display:block;
	margin:20px auto 0px;
	border-top:1px #bf4e55 solid;
	width:100px;
}

@media (max-width: 767px) {
h1{
bottom:23px;
font-size:11px;
}

h2{
	font-size:170%;
	margin-bottom:35px;
}

h2::after{
	margin:20px auto 0px;
width:70px;
}
}



span.date{
	margin-right:10px;
	color:#333;
	font-weight:600;
}

.title{
	font-family: 'Libre Baskerville', serif;
}

.no-pd{
padding:0px;
}

.mgt-50{
	margin-top:50px;
}



/*トップ*/

#header .col-sm-7{
padding-right:65px;
}

#top-right{
	padding-top:80px;
}

#top-right img{
	display:block;
}

#top-right p{
	padding:60px 0px 50px;
	line-height:35px;
	font-size:99%;
	color:#666;
}


#top-right .title{
margin-top:100px;
color:#c3c3c3;
margin-bottom:10px;
}

#top-right ul li{
line-height:30px;
color:#818181;
font-size:97%;
}

@media (max-width: 767px) {
#header .col-sm-7{
padding-right:0px;
}
#top-right{
	padding-top:0px;
}

#top-right p{
	padding:35px 0px 35px;
	line-height:250%;
	font-size:99%;
font-weight:500;
	color:#666;
color:#333;
}

#top-right .title{
margin-top:40px;
}

#top-right ul li{
line-height:19px;
margin-bottom:10px;
font-size:98%;
}

#top-right ul li span.date{
display:block;
}

#header{
padding-bottom:30px;
}
}


#mainNav{
background-color:rgba(255,255,255,0.9);
padding:45px 0 30px;
-webkit-transition:padding .3s;
-moz-transition:padding .3s;
transition:padding .3s;
-webkit-transform-style: preserve-3d;
border:none
}

#mainNav.navbar-shrink{
background-color:#f8f8f8;
padding:30px 0 20px;
}

.navbar-header{
padding-top:7px;
padding-bottom:7px;
}


.navbar-header .tel-icon{
float:left;
font-size:210%;
padding-right:7px;
margin-left:5px;
}

.navbar-header .tel-icon a{
color:#333;
}

.navbar-header .pull-left{
padding-top:5px;
}

.navbar ul.menu{
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #000000;
	font-size:100%;
	width:60%;
}

.navbar ul.navbar-right li{
margin-left:10px;
}

.navbar ul.navbar-right li img{
display:block;
position:relative;
bottom:7px;
}

.nav > li > a {
  padding: 0;
}

.navbar ul.menu li{
	margin:0 20px;
}

.navbar ul.menu li a{
	color: #333333;
}

.navbar ul li a:hover{
	background:transparent;
	color:#555;
}


.navbar ul li.tel a{
	font-family: 'Fira Sans', sans-serif;
	font-weight:400;
	color: #333333;
	letter-spacing:1px;
	font-size:160%;
	line-height:0%;
}

.navbar ul li.tel a i{
	font-size:90%;
	padding-right:5px;
}


.navbar-nav > .active > a {
  border-bottom:1px #bf4e55 solid;
}
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
 border-bottom:1px #bf4e55 solid;
}

@media (max-width: 767px) {
#mainNav{
padding:10px 0px 5px;

}
.navbar ul.menu{
	font-size:120%;
	width:100%;
}

.navbar ul.menu li{
	margin:28px 0px;
text-align:center;
}
.navbar-nav > .active > a {
display:inline-block;
}
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
display:inline-block;
}
}

/*お客様の声*/

#customer_voice {
padding:0px 0px 120px;
}

@media (min-width: 768px) {
#customer_voice.container{
max-width:1040px;
}
}

.voice-waku{
max-width:600px;
margin:0 auto;
overflow:hidden;
}


#voice .voice-img{
float:left;
width:30%;
}

#voice .voice-img img{
width:100%;
}

#voice .voice-text{
float:left;
width:65%;
margin-left:5%;
}

#voice .voice-text p{
line-height:26px;
font-size:96%;
}

@media (max-width: 767px) {


.voice-waku{
padding-right:15px;
padding-left:15px;
}

#voice .voice-img{
float:left;
width:22%;
}

#voice .voice-text p{
line-height:20px;
}

#voice .voice-text{
float:left;
width:75%;
margin-left:3%;
}

#customer_voice {
padding:0px 0px 60px;
}

}

/*ネイルデザイン*/
#design{
padding:120px 0px 120px;
}
#design .instagram{
font-size:115%;
}
#design .instagram a{
color:#999999;
}
ul#instafeed li img{
width:220px;
margin:0 auto;
}

@media (max-width: 767px) {
#design{
padding:50px 0px 70px;
}
ul#instafeed li img{
width:100%;
margin:0 auto;
}

#design .instagram{
font-size:100%;
}
}


/*トピックス*/
#topics{
	background-color: #f8f8f8;
	padding:70px 60px 60px;
	font-size:98%;
}

#page2{
	font-size:98%;
}

#topics .waku span,#page2 .waku span{
	display:block;
	margin-bottom:5px;
	font-weight:600;
}


#topics .waku .topics-img{
height:160px;
overflow:hidden;
position:relative;
margin-bottom:10px;
}

#page2 .waku .topics-img{
height:160px;
overflow:hidden;
position:relative;
margin-bottom:10px;
}

.waku mark{
background:#bbb;
color:#fff;
font-family: 'Noto Sans Japanese', sans-serif;
font-size:70%;
font-weight:normal;
border-radius:3px;
margin-left:8px;
padding-right:5px;
padding-left:5px;
}

.waku mark.category-4{
background:#cf5263;
}


#topics .waku .topics-img img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#page2 .waku .topics-img img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#topics a .waku,#page2 a .waku {
color:#666666;
}

.back-namber{
margin-top:30px;
}

.back-namber a{
color:#333;
font-size:105%;
font-weight:500;
}

.topics-slide{
max-width:1020px;
margin:0 auto;
}

@media (max-width: 767px) {
#topics{
background:transparent;
padding:70px 0px 65px;
}

#topics .waku .topics-img{
height:130px;
}

#page2 .waku .topics-img{
height:130px;
}

.waku mark{
display:inline-block;
margin-left:3px;
padding-right:5px;
padding-left:5px;
font-size:65%;
position:relative;
bottom:2px;
}

.xs-back{
background-color: #f8f8f8;
}

.topics-slide{
padding-right:12px;
padding-left:12px;
}

#topics p{
height:54px;
overflow:hidden;
}

#topics .col-sm-3{
margin-bottom:50px;
}

#topics .back-namber{
margin-top:0px;
}

#topics .col-xs-6:nth-child(odd){
	padding-left:15px;
padding-right:7px;
}

#topics .col-xs-6:nth-child(even){
	padding-left:7px;
padding-right:15px;
}
}

/*メニュー*/
#menu{
	padding:120px 0px 80px;
}




h3{
	text-align:center;
	color: #bebebe;
	position: relative;
	margin-bottom:30px;
	font-family: 'Fira Sans', sans-serif;
	font-weight:300;
	font-size:200%;
}

h3 span{
position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 20px;
	background-color: #fff;
}

h3 i{
	font-size:12px;
	font-weight:700;
	display:block;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-style:normal;
}

h3::before{
position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}



#menu p{
	line-height:23px;
	margin-bottom:30px;
	font-size:99%;
	color:#666;
}

#menu p strong{
	color:#333;
}

.panel{
  margin-bottom: 20px;
  background-color: #fff;
  border:1px solid #f5f3f3;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.panel-body{
	position:relative;
}

#menu h4{
	position:absolute;
	bottom:10px;
	left:20px;
	color:#ccc;
	font-size:220%;
}

.panel-footer {
  background-color: #f8f7f7;
  border-top: 0px solid #ddd;
  border-radius: 0px;
  padding:15px 15px 10px;
}

#menu .panel-footer table.table{
  margin:0px;
}

#menu table.table th{
  font-size:115%;
  border-top:0px;
  vertical-align:middle;
  padding:10px 0px 10px 20px;
  font-weight:500;
}

#menu table.table td{
  border-top:0px;
  font-weight:500;
  font-size:120%;
   text-align:right;
   vertical-align:middle;
   padding-right:20px;
}

#menu table.table td i{
  margin-right:3px;
  font-size:90%;
}


#menu .panel-footer table.table th{
  padding:0px;
}

#menu .panel-footer table.table td{
  font-size:165%;
  padding-right:0px;
  line-height:16px;
}

#menu .panel-footer table.table td small{
  font-weight:500;
  font-size:12px;
  color:#333;
}

#menu table.table  small{
  font-weight:normal;
  font-size:12px;
  color:#777;
}

#menu .tax{
  margin-top:30px;
  text-align:center;
  color: #666;
}

#menu .tax strong{
  color: #000;
}

@media (min-width: 767px) {
#menu .callout{
margin-bottom:30px;
}
}

@media (max-width: 767px) {
h3{
	margin-bottom:10px;
}

#menu .callout{
}

#menu .mgt-50{
margin-top:15px;
}

#menu{
	padding:70px 0px 60px;
}

#menu h4{
	font-size:200%;
left:10px;
}

#menu p{
margin-top:20px;
	margin-bottom:20px;
}

#menu .panel-footer table.table th{
  text-align:center;
display:block;
width:100%;
}

#menu .panel-footer table.table td{
  font-size:140%;
  text-align:center;
padding-top:15px;
letter-spacing:1px;
font-weight:600;
display:block;
width:100%;
}

#menu table.table th{
width:80%;
padding:8px 0px 8px 0px;
font-size:105%;
}

#menu table.table td{
padding-right:0px;
padding-top:0px;
font-size:110%;
}

#menu table.table td br{
  display:none;
}

.panel-footer {
  padding:20px 0px 8px;
}

#menu .tax{
  margin-top:0px;
}
}

/*クーポン*/
#coupon{
	background:url(img/back.png) center center;
	background-size:cover;
	height:210px;
	display: table;
}

.coupon-title{
	font-weight:500;
	font-size:135%;
	text-align:center;
	display: table-cell;
  vertical-align: middle;
}

.coupon-title p{
	background: rgba(255,255,255,0.7);
	border: 1px solid #cccccc;
	height:65px;
	max-width:380px;
	margin:0 auto;
	line-height:65px;
	position:relative;
}

.coupon-title a p{
	color:#333;
}

.coupon-title i{
	font-size:120%;
margin-left:5px;
}


@media (max-width: 767px) {

.coupon-title p{
	height:55px;
line-height:55px;
	width:290px;
	position:relative;
}

#coupon{
background:transparent;
height:170px;
}

#s-coupon{
background:url(img/s-back.png) center center;
background-size:cover;
width:100%;
display: table;
}

.coupon-title{
	font-size:115%;
}
}

.coupon-title span{
color:#d44d3f;
}

.coupon-title p::after{
	content:" ";
	display:block;
	position:absolute;
	top:-1px;
	right:2px;
	border-right:1px solid #cccccc;
	height:65px;
}

.coupon-title p::before{
	content:" ";
	display:block;
	position:absolute;
	top:-1px;
	left:2px;
	border-right:1px solid #cccccc;
	height:65px;
}

@media (max-width: 767px) {
.coupon-title p::after{
	height:55px;
}

.coupon-title p::before{
	height:55px;
}
}

/*info*/
#info{
padding:0px 0px 50px;
}

#info img.card{
margin:10px auto;
width:400px;
}

#info a{
color:#999;
font-weight:normal;
}

#info a.info-web{
color:#d44d3f;
}

#info .no-pd:first-child{
	padding-left:15px;
padding-right:3px;
}

#info .no-pd:last-child{
	padding-right:15px;
padding-left:3px;
}


#info p.add{
	font-weight:500;
	font-size:108%;
	line-height:270%;
	margin-bottom:30px;
}

#info p.enter{
margin-top:40px;
	font-size:97%;
	color:#666666;
	line-height:180%;
}

#info span i.tel{
	font-size:160%;
	font-style:normal;
font-weight:400;
letter-spacing:1px;
}

#info span i.tel a{
	color:#333;
}


 #info p{
 text-align:center;
 }
 
@media (max-width: 767px) {
#info{
padding:0px 0px 50px;
}


#info p.add{
	line-height:180%;
}

#info p.add span{
margin:20px 0px 5px;
display:block;
}

#info img.card{
margin:20px auto;
width:300px;
}

#info iframe{
margin-bottom:20px;
}
}

#info mark{
 background:#333;
 color:#fff;
 display:block;
 width:55px;
 margin:0 auto 10px;
padding:0px 0px;
line-height:160%;
font-size:90%;
 }
 
#info .btn-trans{
 border:1px solid #ccc;
 border-radius:0px;
 color:#999;
 height:38px;
 line-height:38px;
 padding:0px;
 font-size:97%;
 }
 
#info .btn-trans i{
 color:#333;
 font-size:115%;
 margin-right:5px;
 }
 
.modal h4{
font-weight:600;
margin-bottom:30px;
}

.modal-body p{
height:80px;
margin-top:10px;
}

.modal p span{
color:#000;
font-weight:bold;
}


button.close span{
font-size:50px;
}

@media (max-width: 767px) {
.modal-body p{
height:83px;
margin-top:10px;
font-size:99%;
}

.modal-body .col-xs-6:nth-child(odd){
	padding-right:5px;
padding-left:15px;
}

.modal-body .col-xs-6:nth-child(even){
	padding-left:5px;
padding-right:15px;
}
}

/*copy*/

.n-title{
margin-bottom:30px;
}


.n-title a{
font-size:90%;
color:#666;
}

.copy{
margin-bottom:20px;
font-size:90%;
color:#666;
}

/*投稿ページ*/

.page-title{
	text-align:center;
	margin-bottom:40px;
padding-top:60px;
}

#page{
margin-bottom:50px;
padding-bottom:80px;
background-color: #f8f8f8;
}

#page2{
margin-bottom:50px;
padding-bottom:80px;
background-color: #f8f8f8;
}




@media (max-width: 767px) {
#page{
margin-bottom:50px;
padding-bottom:80px;
padding-top:30px;
}

#page2{
margin-bottom:50px;
padding-bottom:50px;
padding-top:30px;
}
}

#page h2{
text-align:left;
font-size:173%;
margin-bottom:30px;
color:#333;
line-height:100%;
}

#page .date{
color:#666666;
font-weight:400;
font-size:105%;
}

#page h2::after{
	content:"";
	border-top:1px dotted #ccc;
	width:100%;
margin-top:15px;
}

#page .blog-waku{
padding:40px 60px;
background:#fff;
color:#555;
}

#page .blog-waku{
font-size:110%;
font-weight:300;
line-height:300%;
}

#page2 .blog-waku2{
padding:60px 60px;
background:#fff;
}

#page2 .blog-waku2 p{
height:54px;
overflow:hidden;
}

#page2 .col-sm-3{
margin-bottom:50px;
}


#page .blog-waku img{
margin:20px 0px;
max-width: 100%;
height: auto;
width /***/:auto;　
 }
 

#page .blog-waku .banner{
margin-top:20px;
 }

#page .blog-waku .banner span{
line-height:10px;
 }



#page br.br-none{
display:none;
 }

#page .blog-waku .banner img{
margin:10px 0px;
 }


@media (max-width: 767px) {

#page .blog-waku .banner img{
margin:10px 0px;
max-width:200px;
 }

#page .blog-waku{
padding:10px 20px 20px;
margin-bottom:50px;
}

#page .blog-waku img{
width:100%;
height:auto;
}

#page h2{
font-size:140%;
}

#page .col-sm-3{
 margin-right: 0px;
 margin-left: 0px;
}

#page2 .blog-waku2{
padding:0px 0px;
background:transparent;
}


#page2 .col-sm-3{
margin-bottom:40px;
}

#page2 .col-xs-6:nth-child(odd){
	padding-left:0px;
padding-right:7px;
}

#page2 .col-xs-6:nth-child(even){
	padding-left:7px;
padding-right:0px;
}

}

#page .recent-title{
font-family: 'Libre Baskerville', serif;
font-size:130%;
margin-bottom:30px;
}

#page ul.side-ul li{
width:90%;
margin:30px auto 0px;
}

#page .side-bar span{
display:block;
color:#555;
margin-bottom:8px;
font-weight:600;
}

#page .side-bar a{
color:#777;
}

#page .side-bar .side-waku{
margin-bottom:15px;
border-bottom:1px dotted #ccc;
padding-bottom:15px;
}

#page .side-bar .topics-img{
height:70px;
overflow:hidden;
position:relative;
}


#page .side-bar .topics-img img {
display:block;
position: absolute;
top: -100%;
bottom: -100%;
margin: auto;
height: auto;
}

#page .side-bar p {
font-size:94%;
height:55px;
overflow:hidden;
}

/*一覧ページ*/

.navbar-toggle{
background-color:transparent;
border:0px;
padding:8px 3px 0px 0px;
border-radius:0px;
margin:0px 0px 0px 0px;
color:#483517;
}

.navbar-toggle .icon-bar{
background-color:#999;
border-radius:0px
}

.navbar-toggle .icon-bar:nth-of-type(2) {
top: 4px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
top: 8px;
}

.navbar-toggle .icon-bar {
position: relative;
height:2px;
width:25px;
border-radius:0px;
transition: all 500ms ease-in-out;
}

.navbar-toggle.set .icon-bar:nth-of-type(1) {
top: 8px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform:rotate(45deg);
}

.navbar-toggle.set .icon-bar:nth-of-type(2) {
background-color: transparent;
}

.navbar-toggle.set .icon-bar:nth-of-type(3) {
top: -4px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform:rotate(-45deg);
}

.navbar-toggle:hover,
.navbar-toggle:focus {
background-color:transparent;
}

#menu a h3 i.fa-angle-double-down{
color:#333;
font-size:60%;
position:relative;
top:-8px;
}

#menu a h3.down i.fa-angle-double-down{
display:none;
}

/* ==========================================================================
   page-nation
   ========================================================================== */

.pagination {
clear:both;
padding-top:0px;
margin-bottom:0px;
position:relative;
font-size:12px;
line-height:13px;
}
 
.pagination span,.pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
background: #ddd;
color: #555;
}

.pagination a:hover{
background: #ccc;
color:#fff;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #ccc;
color:#fff;
}

.topics-slide{
	display: none;
}

.cn{
text-align:center;
padding-top:30px;
line-height:26px;
}

@media (max-width: 767px) {
.cn{
text-align:left;
padding:0px 15px;
}
}

#instagram-feed .instagram_gallery a{
width:18%;
display:inline-block;
margin:0px 10px;
}
#instagram-feed1{
margin:15px 0;
}
#instagram-feed1 .instagram_gallery a{
width:46%;
display:inline-block;
margin:5px 5px;
}
.instagram_gallery a img{
width:100%;
}
.instagram_gallery{
text-align:center;
}

@media (max-width: 767px) {
#instagram-feed .instagram_gallery a{
width:46%;
display:inline-block;
margin:0px 5px 10px 5px;
}
#instagram-feed .instagram_gallery a:last-child{
display:none;
}
#instagram-feed1 .instagram_gallery a{
width:30%;
}
}