/*===============================================
●smart.css  画面の横幅が500pxまで
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

#smart_contact_btn{
	display: block;
}

～以下、画面の横幅が640pxまでの場合のスタイル記入～

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container,.header-wrap{
width:100%;
}
～以下、画面の横幅が500pxまでの場合のスタイル記入～

*{
	margin: 0 auto;  
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, Arial, sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:link { color: #aaaaaa; }
a:visited { color: #aaaaaa; }
a:hover { color: #5B5B5B; }
a:active { color: #DB3335; }

body{
	text-align:center;          /* IE用の中央寄せ */
	width:100%;                /* 幅 */
	background-repeat:repeat;
	z-index: -1;
}
#wrapper {
	margin-left:auto;           /* IE以外用の中央寄せ */
	margin-right:auto;          /* IE以外用の中央寄せ */
	text-align:left;            /* 中身を左寄せに戻す */
	background: url(../images/back_gura_bottom.png) fixed repeat-x center bottom;	
}

#menu
{
	display:none;
	
}
#menu_mob{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border-top:solid 1.5px #575757;
  position: fixed;
  top: 0;
  width: 100%;
  z-index:999;
}
#menu_mob a{
    width: 100%;
	display:block;
	background-color:#323232;
	text-align:center;
	text-decoration:none;
	padding: 13px 0px;
    border-top: 1px solid #555;
      }
  
.Mdown{
  display: block;
  position: relative;
  width: 100%;
  background: #222;
  color:#CECECE;
  font-size:17px;
  padding:10px 0px;
}
.Mdown a{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #444;
  text-align: center;
  text-decoration: none;
}

.Mdown span{
	font-size:22px;
	margin-right:5px;
}

/*ヘッター内メニュー*/

.site-change{
	position:relative;
}

.site-change .shumicon,.site-change .machicon{
	background: #F98D9A;
	display: block;
	width: 50%;
	text-align: center;
	padding: 6px;
	float: left;
}

.site-change .machicon{
	background: #F65C6E;
}

.site-change .machicon:after{
	content: "ぷち街コン専門店";
	color: #fff;
}

.site-change .shumicon:after{
	content:"趣味コンBAR";
	color: #fff;
}

.site-change .shumicon img,.site-change .machicon img{
	display: none;
}

.top_h,.headerinfo{
	display: none;
}


#menu{
	background-color:#444;
	height:43px;
}
#menu_list{
	width:100%;
}
#menu a{
	height:43px;
	display:block;
	background-image:url(../images/menu.png);
	float:left;
}
.schedule,.blog{
	width:163px;
}
.photo,.other,.access,.contact{
	width:163.5px;
}

.schedule{
	background-position:0px 0px;
}
.schedule:hover{
	background-position:0px 43px;
}

.photo{
	background-position:-163px 0px;
}
.photo:hover{
	background-position:-163px 43px;
}

.other{
	background-position:-326.5px 0px;
}
.other:hover{
	background-position:-326.5px 43px;
}

.access{
	background-position:-490px 0px;
}
.access:hover{
	background-position:-490px 43px;
}

.contact{
	background-position:-653.5px 0px;
}
.contact:hover{
	background-position:-653.5px 43px;
}

.blog{
	background-position:-817px 0px;
}
.blog:hover{
	background-position:-817px 43px;
}


/*パンくず*/
#pan{
	width:100%;
	background-color:#F2F2F2;
	height:auto;
}

#pan p{
	width:95%;
	padding-top:5px;
	font-size:12px;
}

#pan span{
	margin:0px 7px;
}
#pan hr{
	border:0px;
	height:2px;
	background-image:url(../images/line_pan.png);
	background-repeat: repeat-x;
}

#title,.calendar_title{
	height:auto;
	width:100%;
}

#position_b_ichiran{
	position:relative;
	width:100%;
	height:30px;
	background-color:#FF2E2E;
}

/*ページロゴ*/
#page_nemu_rogo{
	width:95%;
	padding:20px 0px 0px 0px;
	
}


/*背景グラデーション*/
#back_gura{
	background-repeat:repeat-x;
	width:100%;
	height:100%;
}

/*画面左*/
#n_left{
	width:100%;
}

/*画面右*/
#sidebar_wrapp{
	width:95%;
	display:none;
}

#n_right{
	width:95%;
	float:none;
	}

#n_right _s{
	width:95%;
}
#carender_s{
	width:350px;
	margin:0px auto;
	margin-bottom:15px;
    background: url(../images/crender_s.png) no-repeat;
	background-size:100%;
    
}
#carender_s img{
	width:100%;
}
/*footer*/
#footer{
	height:auto;
}

#f_top{
	text-align:center;
	height:auto;
	background-color: #4D4D4D;
	color:#FFFFFF;
	padding:30px 5%;
}

#f_top a{
	font-size:11px;
}
	
#f_top span{
	padding:0px 5px;
}
#copy p{
	text-align:center;
	height:5px;
	background-color: #111;
	color:#656565;
	font-size:10px;
	padding:10px 0px 15px 0px;
}



/*固定カレンダーとバナー*/

#carender{
	margin-bottom:0px;
	text-align:center;
	width:100%;
	height: auto;
	background:none;
}

#event_luxaxe{
	height:117px;
	margin-bottom:10px;
	text-align:center;
}
#event_other{
	height:106px;
	text-align:center;
}


/*ブログ内容*/
#blog{
	background-color:#FFFFFF;
	height:auto;
	border: none;
	padding: 12px;
}

#blog.e_syousai_link #e_photo{
	width: 100%;
	float: none;
	height: auto;
}

#blog p{
	padding: 0px;
}

#blog_kiji_title ,#blog_category ,#blog_kiji_text{
	padding:0px 0;
}
#blog_kiji_title{
	padding-top:10px;
}
#blog_text{
	width: 100%;
	font-size:12px;
	margin-bottom:20px;
	margin: 0px ;
	}

#blog_title a{
	text-decoration: none;
}
#blog_title a :hover{
	color:#FF9394;
}

/*ブログ左側内容*/

#blog_ba_1 ,#blog_ba_2 ,#blog_ba_3{
	height:100%;
	margin-bottom:15px;
	text-align:center;
}

#blog_ba_3{
	margin-bottom:10px;
}

#blog_other_category{
	border: 2.5px #111111 solid; 
	border-radius: 20px; 
	background-color: #FFFFFF;
	padding:15px;
	margin:0px 5%;
}

#blog_other_category img{
	margin-right:5px;
	width:10px;
}

#blog_other_category a{
	color:#111111;
	text-decoration: none;
}
#blog_other_category a:hover{
	color:#B5B5B5;
}

#blog_kiji_text img{
	width:100%;
	margin:10px 0px;
}


/*フォーム*/
.form_content{
	background-color:#FDEEED;
	padding:5px;
	margin:0px 30px 0px 0px;
	width:80px;
}
.form_content h3{
	font-size:13px;
	width:70px;
}

form table{
	margin:0px;
	width:100%;
	padding-bottom:70px;
	margin-bottom:30px;
}

/*アクセス*/
#access_l{
	width:100%;
	margin-bottom:15px;
}
#access_l .access_photo{
	width:100%;
}
#access_r .access_photo{
	width:100%;
}
#access_r td h2{
	width:70px;
}
#access_r{
	width:100%;
}

#access_r table{
	margin:0px;
	width:100%;
}

#e_text{
	width:95%;
	margin:0px 2.5%;
	font-size:12px;
	padding-bottom:30px;
	
}
.access_midosuzi_h2{
	background-color: #FF4F33;
	padding:8px 15px;
}
.access_nagahori_h2{
	background-color: #8CC63F;
	padding:8px 15px;
}
.access_midosuzi table td{
	padding:10px 0px;
}
.access_nagahori table td{
	padding:10px 0px;
}
.access_midosuzi table{
	margin:0px;
}
.access_midosuzi{
	margin-bottom:30px;
}
.access_nagahori table{
	margin:0px;
}
.access_back_mido{
	width:10%;
	background-image:url(../images/access_line_mido.png);
	background-repeat:repeat-y;
	background-position:50%;
	text-align:center;
	vertical-align: baseline;
}
.access_back_naga{
	width:10%;
	background-image:url(../images/access_line_naga.png);
	background-repeat:repeat-y;
	background-position:50%;
	text-align:center;
	vertical-align: baseline;
}
.access_back_naga img{
	height:15px;
	width:14px;
}
.access_midosuzi .access_photo{
	border:solid 2px #FF4F33;
}
.access_nagahori .access_photo{
	border:solid 2px #8CC63F;
}
#access_kanban{
	position: absolute;
	left: 71%;
	top: 17px;
  }
  
#access_kanban img{
	width:150px;
}
#new_event_bana img{
	width:95%;
	margin-bottom:40px;
}
#new_event_bana {
	text-align:center;
}

.inst_list_item{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 9px;
}

.inst_container{
	padding: 2%;
}

.inst_list_item:nth-of-type(4n),.inst_list_item:nth-of-type(2n){
	margin-right: 0;
}

 
  /*お客様の声*/
  #sp_height_15px{
	height:15px;
}

a.voice_content {
	float: none;
	width: 98%;
	margin: 0 auto;
	height: auto;
    margin-bottom: 12px;
}



  #voice_photo{

}
  #voice_photo img{

}

 #voice_text hr{
	  margin:5px 0px 10px 0px;
  }
#photo_list p{
	margin-bottom:35px;
}
#photo_list hr{
	margin:10px 0px;
}

a.voice_content:nth-of-type(2n){
	float: none;
}

  /*その他メニュー*/
#other_content{
	margin-bottom:30px;
}
 #other_l{
	 width:100%;
}

 #other_r{
	 width:100%;
	 height:auto;
	overflow:hidden;
 }
#other_r img{
	width:100%;
}

#other_title{
	background-image:url(../images/line_event_syousai.png);
	height:25px;
	padding:15px 10px 10px 10px ;
	margin-bottom:15px;	
	margin-top: 30px;
}
#other_title h2{
	color:#FFFFFF;
	font-size:15px;
}
.position_link_contact{
	position:absolute;
	bottom:25px;
	left:62%;
	display:none;
}
#position_link_contact_s img{
	width:100%;
}
#other_text{
	background-color:#FFFFFF;
	border: solid 1px #B3B3B3;
	padding:20px;
}


/*イベントの流れ*/
#other_text_nagare{
	background-color:#FFFFFF;
	border: solid 1px #B3B3B3;
	padding:20px;
}

.nagare_top_text{
	width:95%;
	height: 20px;
	margin-top:30px;
}
  
/*画像の内側に線を表示*/
#ba_schedule ,#ba_photo ,#ba_othermenu{
	height: 130px;
	float:left;
	box-shadow: 0 0 0 2px #000 inset;
	text-align:center;   
	padding-top:40px;
}
#box_shadow img{
 z-index: -1;
 position: relative;
}
#box_shadow{
	box-shadow: 0 0 0 2px #000 inset;
}

/*テーブル　点線とか*/
#e_text ,.access_midosuzi table{
	border-collapse:collapse;
	border-width:0px;
	border-style:hidden;
}
.access_nagahori table{
	border-collapse:collapse;
	border-width:0px;
	border-style:hidden;
}

#e_text td{
	line-height: 26px;
	vertical-align:middle;
	border-bottom:dotted 1px #B9B9B9;
	padding:0px;
}


/*内容*/
#naiyou{
	width:100%;
	padding-top: 12px;
}

.content-page #naiyou{
	padding-top: 0px;
}

/*横980px_内容*/
#naiyou_980px{
	background-color:#FFFFFF;
	padding:2.5%;
	margin-bottom:40px;
}


/*もっと読む*/

a .b_syousai{
	width: 175px;
	height: 38px;
	background-image: url(../images/b_syousai.png);
	display:block;
	position:absolute;
	left:30%;
	bottom:2px;
}



#event_luxaxe{
	height:117px;
	margin-bottom:10px;
	padding-bottom:30px;
}
#event_other{
	height:106px;
}


/*最新のイベントもっと見る*/
a.topeventslink {
    display: block;
    padding: 0 18px;
    margin-bottom: 18px;
}


/*クリアフィックス*/

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/*ホバー効果*/
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
a:hover .w_link{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

.w_link:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

/*スペース*/
.sp1{
	margin-left:15px;
}
.sp_top_5px{
	margin-top:5px;
}
.sp_top_15px{
	margin-top:15px;
}
.sp_top_30px{
	margin-top:30px;
}
.sp_top_50px{
	margin-top:30px;
}
.sp_bottom_5px{
	margin-bottom:5px;
}
.sp_bottom_10px{
	margin-bottom:10px;
}
.sp_bottom_15px{
	margin-bottom:15px;
}
.sp_bottom_30px{
	margin-bottom:30px;
}
.sp_bottom_p_30px{
	padding-bottom:30px;
}
.sp_bottom_50px{
	margin-bottom:50px;
}
.sp_right_9px{
	margin-right:9px;
}

/*文字色*/
.text_red{
	color:#FF3131;
}
.text_w{
	color:#FFF;
}
.text_grey{
	color:#666666;
}

/*文字サイズ*/
.font_size_10px{
	font-size:10px;
}
.font_size_11px{
	font-size:11px;
}
.font_size_15px{
	font-size:15px;
}
.font_size_17px{
	font-size:17px;
}

.font_size_21px{
	font-size:21px;
}


.position_absolute{
	position:relative;
}

/*小さい点の線*/

.line_s_ten{
	border:0px;
	height:1px;
	background-image: url(../images/line_ten.png);
	background-repeat:repeat-x;
}

.line_black{
	border:0px;
	height:4px;
	background-color:#111;
}

/*イメージ枠線*/
.img_boder{
	border:solid 1px #838383;
}
/*行間*/
.line_hight_25px{
	line-height:25px;
}
.line_hight_20px{
	line-height:22px;
}

/*ホームに戻るボタン*/

#btn_back_home{
	width:100%;
	text-align:center;
	margin:0px 0px 10px 0px;
}
#btn_back_home_smart{
	width:100%;
	text-align:center;
	margin:20px 0px 10px 0px;
}

/*送信するボタン*/
.btn_form{
	background-image:url(../images/btn_form.png);
	width:276px;
	height:45px;
	border:none;
	margin-top:20px;
	position: absolute;
	left:18%;
}

/*テキストエリアサイズ*/

.width250px{
	width:100%;
}
.width150px{
	width:100%;
}
.bikouran{
	width:100%;
	height:150px;
}



/*イベント詳細 タイトル*/

#event_title{
	margin-bottom: 20px;
	background-image:url(../images/line_event_syousai.png);
}
	
#event_title,#event_title_form h2{
	color:#FFFFFF;
	font-size:13px;
	padding:17px 10px 10px 15px;
}

#event_title_form{
	width:100%;
	height:50px;
	margin-bottom: 20px;
	background-image:url(../images/line_event_syousai.png);
	font-size:15px;
}
#event_after_sp{
	padding: 0px 20px 20px 20px;
}


/*イベント内容*/
#event{
	background-color:#FFFFFF;
  margin-bottom: 60px;
  }

#e_photo{
	margin:15px 2.5% 10px  2.5% ;
	width:95%;	
}


#e_photo img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}


#e_text tr{
	height: 26px;
}


.event_line_bana{
	background-color:#FFFFFF;
}
.event_line_bana img{
	margin-bottom:8px;
	width:100%;
}
#event_setsumei {
	padding:3%;
	background-color:#FDEEED;
	line-height: 23px;
	margin:0px 2.5% 30px 2.5%;
}

#event_after_coment{
	margin-bottom:30px;
	padding:20px;
}



.position_absolute .position_absolute_670px{
	display:none;
}
.position_absolute .position_absolute_710px{
	position:absolute;
	top:-27px;
	left:500px;
}


/*イベントタイトル*/

#e_title{
	height:auto;
	background-color:#4D4D4D;
	padding: 10px 2.5% ;
	margin-bottom:20px;
	font-size:17.5px;
	color:#FFFFFF;
	
}



/*トップページ*/

	
#e_syousai_link{
	position: absolute;
	width:100%;
	height:45px;
	background-color:#FF2E2E;
	bottom:0px;
}

#blog #e_syousai_link{
	position: relative;
	width: auto;
	height: auto;
	background: none;
	margin-top: 24px;
}




/*直近のイベント タイトル*/

#title_other_event{
	margin-top:50px;
	height:auto;
	width:100%;
}
#title_other_event img{
	display:none;
}
.event_title{
	margin-bottom: 30px;
}

a .b_ichiran {
	width: 135px;
	height: 29px;
	background-image: url(../images/b_ichiran.png);
	display:block;
	position:relative;
	left:0%;
}


/*イベント内容*/
#event{
	background-color:#FFFFFF;
	height:auto;
  position: relative;
  padding-bottom:30px;
  }

#e_text h2 {
  width: 70px;
}

.event_title h2{
	padding-left: 5px;
	display: inline;
}

#title img{
	left: 12px;
	display: inline;
	position:static;
}

#title img.townsi{
	display:none;
}

/*メインイメージ_スライド*/
#suraid{
	background-color:#111;
}

/*メインイメージ_下_バナー*/
#bana{
	display:none;
	padding-top:5px;
	background-color:#111;
	height: 80px;
	width:100%;
	overflow:hidden;
}
#bana_s img{
	width:100%;
}
#bana_s hr{
	border:solid 1px #848484;
}

#ba_schedule{
	width:33%;
	background-image: url(../images/ba_schedule.png);
}
#ba_schedule:hover{
	background-image: url(../images/ba_hover_schedule.png);
}


#ba_photo{
	width:34%;
	background-image: url(../images/ba_photo.png);
}
#ba_photo:hover{
	background-image: url(../images/ba_hover_photo.png);
}


#ba_othermenu{
	width:33%;
	background-image: url(../images/ba_othermenu.png);
}
#ba_othermenu:hover{
	background-image: url(../images/ba_hover_othermenu.png);
}






/*その他メニューバナー*/
#r_othermenu img{
	width:100%;
	margin-bottom:15px;
}
#r_othermenu a{
	display:block;
}
#r_othermenu img {
 z-index: -1;
 position: relative;
}


/*イベントご参加の流れバナー*/
#r_nagare img{
	height:auto;
	width:100%;
	margin-bottom:20px;
}

/*face bookタイムライン*/
#r_facebook{
	background-color:#A0A0A0;
	margin-bottom:20px;
}

/*twitterタイムライン*/
#r_twitter{
	margin-bottom:30px;
}


/*SNSリンク*/
#r_sns{
	height:auto;
	margin-bottom:30px;
}

div#r_sns_line {
	width:240px;	
}

#r_sns_link{
	height: auto;
	width:240px;
}

#r_sns_link a{
	background-image:url(../images/sns_link.png);
	width: 60px;
	height: 65px;
	display: block;
	float:left;
}

	  
.sns_fb{
	background-position:0px 0px;
}
.sns_fb:hover{
	background-position:0px 65px;
}
.sns_twitter{
	background-position:-60px 0px;
}
.sns_twitter:hover{
	background-position:-60px 65px;
}
.sns_mixi{
	background-position:-120px 0px;
}
.sns_mixi:hover{
	background-position:-120px 65px;
}
.sns_line{
	background-position:-180px 0px;
}
.sns_line:hover{
	background-position:-180px 65px;
}


#naiyou_980px #photo_list a{
 height: 210px;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}

#photo_list img{
	width:100%;
}
#syusai_link span{
	font-size:10px;
	margin-left:10px;
}
.pc{
	display:none;
}

.btn_event_form{
	background-image:url(../images/btn_event_form.png);
	width:276px;
	height:45px;
	border:none;
	margin-top:20px;
	position: absolute;
	left:18%;
}

/*ヘッター*/
.sp-hidden{
	display: none;
}

#header{
	background-color:#fff;
	height:auto;
	width:100%;
	border: none;
}

.header-bottom{
	padding: 0 9px;
}

.head_logo{
	width: 35%;
}

.sp.headernav{
	display: block;
	width: 65%;
}

.headernav ul{
	padding-top: 0px;
}

.headernav li{
	width: 33%;
	position: relative;
}

.headernav li a{
	width: 70%;
	font-size: .8em;
	position: relative;
}

.headernav li a img{
	width: 90%;
}

.headernav li a span{
	position: absolute;
	width: 200%;
	bottom: -10px;
	left: -50%;
-webkit-transform:scale(0.7);
-moz-transform:scale(0.7);
-ms-transform:scale(0.7);
-o-transform:scale(0.7);
transform:scale(0.7);
}

.headernav.g-nav li{
	width: 33%;
	margin-bottom: 9px;
}

.headernav.g-nav li a{
	width: 100%;
}

.headernav.g-nav li span{
	display: none;
}

.sp-hidden.headernav li a span{
	left:  -60%;
	width: 220%;
}

.headernav.sp-hidden{
	padding: 21px 0px 12px;
}

.headernav.sp-hidden ul li.sp-hidden{
	display: none;
}

.top_h{
	color: #fff;
	width: 47.5%;
	font-weight: normal;
	float: left;
	font-size: 11px;
	padding-left: 2.5%;
}

	
#header_text{
	height:auto;
	background-color:#606060;
}
#header_text h1{
	font-weight:100;
	padding:5px;
	font-size:9px;
	color:#BFBFBF;
}

#h_top{
	padding: 20px 2.5%;
	padding-bottom:15px;
	width: 95%;
	background-color:#111;
}

#h_left img{
	width:50%;
	float:left;
}

#h_right{
	display:none;
	width:100%;
	height:71px;
	background-image: url(../images/h_right_bana.png);
}

#suraid #container{
	width: 100%;
	overflow: hidden;
	padding: 0px;
}

.openmenu{
	padding: 12px;
	background: #ededed;
	font-weight: bold;	
	position: relative;
}

.openmenu span{
	position: absolute;
	right: 32%;
    transform: scale(1.5, 1);
}


#footer{
	padding: 0px;
}

#footer .wrap{
	width: 100%;
}

#footer .right{
	width: 100%;
	float: none;
	padding: 0px;
	display: none;
}

#footer .wrap .right ul{
		width: 100%;
}

#footer .left{
	width: 100%;
	text-align: center;
    padding-top: 12px;
    padding-bottom: 122px;
}

.sns_l{
bottom: 80px;
    right: 50%;
    transform: translate(50%,0);
}

#footer .right ul li,#footer .right ul h3{
	background: #EDEDED;
	padding: 12px;
	border:
padding: 12px;
}

#footer a br{
	display:none;
}

#footer .right ul h3{
	text-align: center;
	}

#footer .right ul:nth-of-type(5) h3{
	text-align: left;
}

#footer .right ul li:before, .right ul:nth-of-type(5) h3:before{
	background: none;
}

#footer a{
	color: #32363a;
	text-decoration: none;
}

#footer .footerlogo{
	width: 80%;
}


#e_photo, .event_d_left{
	margin: 0px;
}

/*contact*/

.content-title{
	padding: 0 12px;
}

.content-title h1{
	width: 100%;
	padding: 36px 0;
	    font-size: 1em;
}

.content-title h1 img{
	height: 122%;
	width: auto;
}

.content-page article p{
	padding: 0 12px
}

.settingselect div{
	float: none;
	width: 93%;
}

.content-page article section{
	margin-bottom: 24px;
}

section.photocap div,section.photocap div.right,section.photocap div.left{
    float: none;
    padding: 12px;
    width: 100%;
}

section.photocap div.right,section.photocap div.left{
	padding: 0;
}

.photocap div img{
	width: 100%;
	margin-bottom: 12px;
}

.photocap div p{
	width: 100%;
	padding: 0;
}

.form-list ul li {width: 90%;
}

.contact-line{
	width: 100%;
	padding: 0 5%;
}

.tel-contact img{
	width: 95%;
	margin: 0;
	margin-bottom: 12px;
}

.tel-contact{
	margin-bottom: 24px;
}

.contact-page .side-line{
	display: none;
}

.contact-line .right{
	width: 35%;
}

.contact-line .left{
	
}

.contact-line .left{
	width:60%;
	height:auto;
	margin-right: 5%;
	}
	
.contact-line .right{
	width: 35%;
}

.other-menu-font{
	font-size: 0.8em;
-webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
position: absolute;
	width: 200%;
    bottom: -10px;
    left: -50%;
    font-weight: bold;
        text-align: center;
}

.headernav .menu-trigger,
.headernav .menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.headernav .menu-trigger {
  position: absolute;
  width: 64%;
  left: 50%;
  height: 44px;
  background: #FF7D7D;
  border-radius: 50%;
  transform: translate(-50%,0);
}
.headernav .menu-trigger span {
  position: absolute;
  left: 50%;
  width: 61%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.headernav .menu-trigger span:nth-of-type(1) {
  top: 16px;
  transform: translate(-50%,0);
}
.headernav .menu-trigger span:nth-of-type(2) {
  top: 50%;
  transform: translate(-50%);
}
.headernav .menu-trigger span:nth-of-type(3) {
  bottom: 16px;
  transform: translate(-50%,0);
}

.headernav .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translate(-50% ,50%) rotate(-45deg);
  top: 43%!important;
  }
.headernav .menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.headernav .menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translate(-50% ,-50%) rotate(45deg);
  -webkit-transform: translate(-50% ,-50%) rotate(45deg);
  bottom: 42%!important;
}

.formbar-wrap .formbar{
	width: 50%;
}

.formbar-reserve {
    left: 35%;
}

#contact_form input,#contact_form textarea{
border: 1px solid #ccc;
}


}

@media screen and (max-width:350px){
#carender_s {
	width: 300px;	
}

#carender {
	height:auto;
	}


}