/*
Theme Name: luxaxe_event_2020_1.0
Description: luxaxes event page
Theme URI: 
Author: Mine Shota Suzuki Miyu
Author URI: 
Version: 1.0
License: 
License URI: 
*/


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


/* カテゴリーアイコン 設定 */


#side-search li.cat-item-26 a:before{
	background: url(images/icon-shake.svg); /*コラボ*/
}

#side-search li.cat-item-18 a:before{
	background: url(images/icon-begin.svg); /*初心者*/
}

#side-search li.cat-item-21 a:before{
	background: url(images/icon-recycle.svg); /*年の差*/
}

#side-search li.cat-item-19 a:before{
	background: url(images/icon-time.svg); /*平日夕方*/
}

/*コピー用サンプル
#side-search li.cat-item-   カテゴリのID    a:before{
	background: url(  画像絶対パス   ); 
}
*/


/*カテゴリーアイコン設定ここまで*/


html *{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

*{
	margin: 0 auto;  
	font-size:13px;
 font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:link { color: #aaaaaa; }
a:visited { color: #aaaaaa; }
a:hover { color: #5B5B5B; }
a:active { color: #DB3335; }
*::selection {
   background-color: #FBB03B;
   color: #fff;
}

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;	
}

a{
	cursor: pointer;
}

#smart_contact_btn{
	display: none;
}


/*追加--mine*/

.left{
	float: left;
}

.right{
	float: right;
}

.sp-apear{
	display: none;
}

div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 100% !important;
}

p.cancel a{
 background: #FF3131;
 color: #fff;
 padding: 6px 12px;
 border-radius: 3px;
 position: absolute;
 bottom: 0px;
 right: 0px;
 border-bottom: 2px solid #eF2121;
 text-decoration: none;
}

p.cancel a:hover{
 background: #FF7171;
}

p.cancel{
 margin-bottom: 12px;
 font-size: 18px;
 color: #FF3131;
 position: relative;
}

span.endentry{
 background: #fff;
 color: #FF3131;
 font-size: 15px;
 padding: 6px;
 margin-right: 6px;
 border-radius: 6px;
}

td h2 {
width: 70px;
}

div#btn_back_home img{
 width: auto;
}

.adminbtn{
 position: absolute;
 top: 2px;
 right: 6px;
}

.adminbtn a{
 text-align: center;
 vertical-align: middle;
 background: #000;
 color: #fff;
 display: block;
 margin: 0 auto;
 width: auto;
 margin-top: 6px;
 border-radius: 12px; 
 padding: 3px 12px;
 text-decoration: none;
}

td.adminbtn a:hover{
 background: #777;
}

/*-----------------------------
検索フォーム
-----------------------------*/

#search {
     padding-top: 0px;
     padding-bottom: 0px;
}

#s  {
     width: 135px;　// 検索フォームの横幅
     height: 17px;　// 検索フォームの文字記入部分の高さ
     border: 1px solid #999;　// 検索フォームのボーダー　1pxあるのに注意
     color: #333;　//検索フォームの文字色
     padding-top: 4px;　// 検索フォームの文字記入部分の上の空きスペース
     padding-right: 10px;　// 検索フォームの文字記入部分の右の空きスペース
     padding-bottom: 4px;　// 検索フォームの文字記入部分の下の空きスペース
     padding-left: 10px;　// 検索フォームの文字記入部分の左の空きスペース
     background-color: #fff;　　// 検索フォームの背景色
     font-size: 14px;　// 検索フォームの文字サイズ
}  
#searchsubmit {
     position: absolute;
     top: 0;
     _top: 1px;
     height: 25px;
     left: 147px; // 検索フォームの横幅と同じ長さを指定
}
  
*:first-child + html #searchsubmit    {  
    top: 1px;  
}  

#search #searchform {
     position: relative;
}
/*------------------*/

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

#menu{
	background-color:#444;
	height:43px;
}
#menu_list{
	width:980px;
}
#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:1000px;
	padding: 12px 0;
	margin: 0 auto;
	text-align: left;
}

#pan p{
	width:100%;
	height:auto;
	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,.event_title.calendar_title{
	height:50px;
	width:100%;
	margin-bottom: 20px;
}

/*ページロゴ*/
#page_nemu_rogo{
	width:980px;
	padding:30px 0px;
}


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


/*画面右*/
#sidebar_wrapp,.non-side{
	width:190px;
	float:right;
}

#n_right h2{
	background: #5DD0D8;
	padding: 9px;
}

#n_right #side-search h3{
	color: #fff;
	padding: 9px;
}

#n_right #carender h3{
	background: #8BEAD1;
}

#n_right .side-age h3{
	background: #FBB03B;
}

#n_right .side-content h3{
	background: #FF7892;
}

#side-search form{
	background: #EDEDED;
}

#side-search ul{
	padding: 0px;
}

#side-search li{
	margin-bottom:9px;
	list-style: none;
	width: 100%;
}

#side-search li a{
	float: none;
	margin-bottom: 0;
	width: 100%;
}

#side-search li a:before{
	content: "";
	display: block;
	background: url(images/femaleicon.svg) no-repeat;
	height: 11.1px;
	width: 8.6px;
	position: absolute;
	right: 9px;
	top: 11px;
}

#side-search .side-age li a:before{
	background: url(images/rightcatarrow.svg) no-repeat
;
}

#side-search .side-content .cat-item a:before{
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	left: -1px;
	top: -5px;
}

#side-search .side-content .cat-item-c-beginer a:before{
	background: url(images/icon-begin.svg) no-repeat;
}

#side-search .side-content .cat-item-c-weekday a:before{
	background: url(images/icon-time.svg) no-repeat;
}

#side-search .side-content .cat-item-c-collabo a:before{
	background: url(images/icon-shake.svg) no-repeat 100%;
}

#side-search .side-content .cat-item-c-agefree a:before{
	background: url(images/icon-recycle.svg) no-repeat;
}


.side-age {
	margin-bottom: 18px;
}

#side-search .side-content ul{
	background: #ededed;
	padding: 9px;
}

#side-search .side-content ul li{
	background: #fff;
	text-align: left;
	padding: 9px;
}

#side-search .side-content ul li a{
	color: #000;
	text-decoration: none;
	padding-left: 30px;
	position: relative;
}

.side-line{
	padding: 12px 12px 12px;
	border: 3px solid #01BD2F;
	font-weight: bold;
	margin-bottom: 12px;
	position: relative;
}

.side-line h3{
	margin: 12px 0;
}

.side-line .qr{
	border: 1px solid #000;
	padding: 1px;
	width: 50%;
	margin: 9px auto;
	display: block;
	position: absolute;
	top: 116px;
	left: 25%;
}

.side-line .lineid{
	display: block;
	color: #fff;
	background: #01BD2F;
	width: 100%;
	font-weight: normal;
	padding: 3px 0;
	margin-top: 106px;
}


a.topeventslink {
    display: block;
    margin-top: 24px;
}

/*footer*/

#totopbar {
	display: block;
	width:100%;
	background: #5DD0D8;
	padding: 24px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

#totopbar img{
	width: 29px;
	margin-bottom: 12px;
}

#footer{
	padding: 18px;
}

#footer .wrap{
	width: 1000px;
	margin: 0 auto;
	position:relative;
}

#footer .left{
	width: 264px;
	float: left;
	text-align: left;
}

#footer .left img{
	margin-bottom: 12px;
}

#footer .left small{
	font-size: 0.8em;
}

#footer .right {
	float: right;
	width: 685px;
	padding-top: 12px;
}

#footer .right ul{
	float: left;
	width: 22%;
	text-align: left;
	padding-left: 0px;
}

#footer .right ul:nth-of-type(1){
	width: 20.5%;
}

#footer .right ul:nth-of-type(2){
	width: 15%;
}

#footer .right ul:nth-of-type(4){
	width: 24.5%
}

#footer .right ul:nth-of-type(5){
	width: 18%;
}

#footer .right ul li,#footer .right ul:nth-of-type(5) h3{
	list-style:none;
	padding-left: 8px;
	position: relative;
	line-height: 2;
}

#footer .right ul li:before,.right ul:nth-of-type(5) h3:before{
	content: "";
	display: block;
	width: 4.6px;
	height: 8px;
	background: url(images/footernavrightarrow.svg) no-repeat;
	position: absolute;
	left: 0px;
	top: 8px;
}

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

.sns_l{
	position: absolute;
	right: 0px;
	bottom: -12px;
}

.sns_l img {
    float: left;
    width: 28px;
    margin-right: 5px;
}

#e_photo{
	margin:0px 15px 0px 0px;
	width:200px;
}
#e_photo img{
	width:200px;
	height:auto;
}

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

#carender{
	height:413px;
	background-image:url(images/carender.png);
	margin-bottom:15px;
}

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


/*フォーム*/
.form_content{
	background-color:#FDEEED;
	padding:10px;
	width:160px;
	margin:0px 30px 0px 0px;
}
form table{
	margin:0px;
	width:100%;
}

/*アクセス*/
#access_l{
	float:left;
	width:36%;
	margin-right:2%;
}
#access_l .access_photo{
	width:100%;
}
#access_r .access_photo{
	width:100%;
}

#access_r{
	float:right;
	width:61%;
}

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

#e_text{
	width:465px;
	font-size:12px;
	margin-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;
	text-align: left;
}
.access_midosuzi table{
	margin:0px;
}
.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_nagahori table td.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_midosuzi .access_photo{
	border:solid 2px #FF4F33;
}
.access_nagahori .access_photo{
	border:solid 2px #8CC63F;
}
#access_kanban{
	position:absolute;
	 left: 250px;
	 top: -40px;
  }
  
  /*その他メニュー*/
#other_content{
	margin-bottom:30px;
}
 #other_l{
	 width:630px;
	float:left;
	margin-right:15px;
}

 #other_r{
	 width:335px;
	 height:236px;
	 float:right;
	overflow:hidden;
	 background-color:#BC7A7B;
 }
#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;	
}
#other_title h2{
	color:#FFFFFF;
	font-size:15px;
}
.position_link_contact{
	position:absolute;
	bottom:25px;
	left:440px;
}

#other_text{
	background-color:#FFFFFF;
	border: solid 1px #B3B3B3;
	padding:20px;
}

  
/*画像の内側に線を表示*/
#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;
}



/*もっと読む*/
.e_syousai_link{
	position: relative;
}

#blog #e_syousai_link a{
	border: 2px solid #F65C6E;
	border-radius: 6px;
	display: inline-block;
	text-align: center;
	padding: 9px 24px;
}

#blog #e_syousai_link a img{
	width: 100px;
}

#blog p{
	margin-bottom: 0px;
}

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


#carender{
	height:240px;
	background-image:url(images/carender.png);
	margin-bottom:15px;
}

#sidebar_wrapp #carender{
	height: auto;
}

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


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

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

.inst_container:after{
	content: ".";
	display: block;
	height: 0px;
	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_15px{
	margin-bottom:15px;
}
.sp_bottom_30px{
	margin-bottom:30px;
}
.sp_bottom_50px{
	margin-bottom:50px;
}
.sp_right_9px{
	margin-right:14px;
}

/*文字色*/
.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:#5DD0D8;
}

/*イメージ枠線*/
.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:20px 0px 10px 0px;
}
/*送信するボタン*/
.btn_form{
	background-image:url(images/btn_form.png);
	width:276px;
	height:45px;
	border:none;
	margin-top:20px;
}



/*画面左*/
#n_left{
	width:780px;
	float:left;
	margin-right:30px;
}

/*ヘッダー*/
#header{
	background-color:#fff;
	width:100%;
	border-top: 5px solid #F65C6E;
	padding-top: 12px;
	padding-bottom: 12px;
}

.header-wrap{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.site-change{
	position: absolute;
	right: 0px;
	top: -12px;
}

.site-change img{
	width: 70px;
}

.top_h{
	color: #000;
	font-weight: bold;
	float: left;
	font-size: 0.8em;
	padding-top: 5px;
	padding-left: 12px;
}

.header-up{
	position: relative;
	width: 100%;
}

.headerinfo{
	float: left;
	margin-left: 32px;
}

.headerinfo a{
	display: inline-block;
	height: 44px;
}

.headerinfo a img{
	height: 100%;
	width: auto;
}

.head_logo{
	width: 245px;
	float: left;
}

.headernav{
	float: right;
}

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

.headernav li{
	display: inline-block;
	float: left;
}

.headernav li a{
	display: block;
	width: 115px;
	text-align: center;
	text-decoration: none;
}

.headernav li a:visited{
	color: #000;
}

.headernav li a img{
	width: 52px;
	margin-bottom: 3px;
}

.headernav li a span{
	display: block;
	font-size: 0.8em;
	font-weight: bold;
}


div #bana_s{
	display:none;
}
#n_right_s{
	display:none !important;
}
#header_text{
	display:none;
}

#event_after_coment{61px
	margin-bottom:30px;
}

#r_othermenu img ,#r_nagare img{
	display:none;
}
#e_text{
}
#e_photo{
}
tbody .width250px{
	width:250px;
}
.bikouran{
	width:100%;
	height:100px;
}

/*イベントの流れ*/
#other_text_nagare{
	background-color:#FFFFFF;
	border: solid 1px #B3B3B3;
	padding:20px;
	margin-left:60px;
}
#back_line_ten{
	background-image:url(../images/line_tate.png);
	background-repeat:repeat-y;
	background-position:4%;

}

.event_title{
	position: relative;
}

.event_title img{
	width: 30px;
	position: absolute;
	left: 0px;
	top: 6px;
}

.event_title h2{
	color: #5DD0D8;
	font-size: 1.5em;
	text-align: left;
	padding-left: 42px;
}

.event_title .townsi{
	left: auto;
	right: 0px;
	width: 273px;
	top: -22px;
}

/*内容*/
#naiyou{
	width:1000px;
	padding-top:30px;
	margin-bottom: 24px;
}

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


  /*お客様の声*/
  

/*voice*/

a.voice_content {
    display: block;
    float: left;
    width: 49%;
	height: 196px;
    padding: 12px;
    border: 1px solid #E6E6E6;
       text-decoration: none;
       
}
#voice_title h3 {
    font-size: 1.3em;
    text-align: left;
    color: #F65C6E;
    margin-bottom: 21px;
}

a.voice_content:nth-of-type(2n){
	float: right;
} 
 
  #voice_text{
	  float:left;
	  margin-right:0px;
	  margin-left:  3%;
	  width:47%;
  }
  #voice_photo{
	  float: left;
	  width:50%;
height: 124px;
    overflow: hidden;
}
  #voice_photo img{
	  width:330px;
}

  #voice_text hr{
	  margin:5px 0px 10px 0px;
  }


/*ブログ内容*/
#blog{
	background-color:#FFFFFF;
	height:auto;
	border: solid 1px #B3B3B3;
	padding:20px;
	margin-bottom:30px;
}



#blog_text{
	float:left;
	width:453px;
	font-size:12px;
	margin-bottom:20px;
}

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

/*ブログ左側内容*/

#blog_ba_1 ,#blog_ba_2 ,#blog_ba_3{
	height:auto;
	margin-bottom:15px;
}

#blog_ba_3{
	margin-bottom:10px;
}

#blog_other_category{
	background-color: #FFFFFF;
	padding:15px 0;
	text-align: left;
}

.monthlist a{
	padding-left: 18px;
	position: relative;
}

.monthlist a:before{
	content: "";
	width: 12px;
	height: 12px;
	background: url(images/side-listarrow.svg) no-repeat;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

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

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

#blog_kiji_text img{
	width:65%;
	height: auto;
	margin:10px 0px;
}

.photo_coment{
	display:none;

}
#photo_list a{
	float:left;
	margin
}
#photo_list p{
	height:0px;
}
/*その他メニューバナー*/
#r_othermenu a{
	height:310px;
	width:100%;
	background-image:url(images/r_ba_othermenu.png);
	box-shadow: 0 0 0 2px #000 inset;
	margin-bottom:15px;
	display:block;
}

#r_nagare a{
	display:block;
	width:100%;
	height:165px;
	margin-bottom:15px;
	background-image:url(images/r_ba_nagare.png);
}



#photo_list h3{
	display:none;
}
#photo_list .line_s_ten{
	display:none;
}

#new_event_bana img{
	display:none;
}
#new_event_bana{
	width:980px;
	height:150px;
	background-image:url(images/ba_newevent.png);
}

#new_event_bana a{
	width:980px;
	height:150px;
	display:block;
}

#blog_other_category.blogcalendar{
	background:#EDEDED;
	border-radius: 3px;
}

#wp-calendar{
	background: #fff;
    padding: 7px;
}

#wp-calendar caption{
	background: #fff;
	}

/*追加--mine*/

#menu_mob{
	display: none;
}

/*contents*/

 .content-title{
	padding: 0 55px;
 }
  
 .content-title h1{
 	position: relative;
 	width: 1000px;
	margin: 0 auto;
	text-align: left;
 	font-size: 2em;
	background-repeat: none;
	background-position: right;
	overflow: hidden;
	padding: 55px 0;
 }


.content-title img{
	position: absolute;
	right: 0px;
	width: 200px;
	width: 216px;
	top: -11px;
}

.content-page h2{
	background: #5DD0D8;
	width: 100%;
	color: #fff;
	font-size: 1.2em;
	padding: 12px;
	text-align: left;
	margin-bottom: 12px;
}

.access-page .content-title{
	background: #F2C86B;
}

.content-title.cocktail{
	background: #80E099;
}

.schedule-arc.content-title{
	background: #8ADDD1;
}

.content-title.blog-arc{
	background: #FF7D7D;
}

.content-title.cocktail img{
	top: -1px;
}



.access-page .content-page table h2{
	background: none;
	color: #000;
	font-size: 1em;
	padding: 0px;
	width: 77px;
	margin-bottom: 0px;
}

/*contact*/

.contact-page .content-title{
background: #FFA77B;
}

.form-list ul{
	padding-left: 0px;
	margin-bottom: 24px;
}

.form-list ul li{
	color: #000;
	border-bottom: 1px #999999 dotted;
	width: 100%;
	padding: 16px 0;
	padding-left: 42px;
	display: block;
	text-align: left;
	position: relative;
}

.form-list ul li:before{
	content: "";
	position: absolute;
	background: url(images/form-list-icon.svg) no-repeat;
	width: 20px;
	height: 20px;
	left: 0px;
}

.form-list ul li a{
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.contact-line{
	width: 420px;
    margin-bottom: 36px;
    margin-top: 24px;
}

.contact-line .left{
	width: 256px;
	float: left;
}

.lineid{
	background: #2CBF13;
	color: #fff;
    font-size: 1.5em;
    width: 100%;
    padding: 4px;
	display: block;
}

.contact-line .left img {
    margin-bottom: 18px;
}

.contact-line .right img {
	border: 1px solid #000;
	width: 85%;
}


.contact-line .right{
	width: 145px;
	float: right;
}

.contact-line .floatwrap{
	margin-bottom: 12px;
}

.tel-contact img {
    width: 85%;
    margin-bottom: 12px;
    margin-top: 24px;
}

.setting-page .content-title{
	background: #C3E286;
}

.content-page article p{
	text-align: left;
	margin-bottom: 24px;
}

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

.photocap img{
	width: 47%;
}

.photocap div.right{
	width: 51%;
}

.photocap h3{
	color: #F65C6E;
	font-size: 1.4em;
	text-align: left;
	margin-bottom: 1em;
}

textarea {
    width: 100%;
}

.compa-set:visited,.oneone-set:visited,.compa-set:link{
	color: #fff;
}

.settingselect div{
	width: 49%;
}

.compa-set,.oneone-set{
	margin-bottom: 12px;
	width: 100%;
	text-decoration: none;
	position: relative;
	font-size: 1.3em;
	font-weight: bold;
	padding: 32px 15px 32px 0px;
float: left;
color: #fff;
border-radius: 3px;
border: 1px solid #BDCCD4;
display: block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63d0f7+0,80ddc5+100 */
background: #63d0f7; /* Old browsers */
background: -moz-linear-gradient(left, #63d0f7 0%, #80ddc5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #63d0f7 0%,#80ddc5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #63d0f7 0%,#80ddc5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63d0f7', endColorstr='#80ddc5',GradientType=1 ); /* IE6-9 */
}

.oneone-set{
float: right;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7892+0,fdd772+100 */
background: #ff7892; /* Old browsers */
background: -moz-linear-gradient(left, #ff7892 0%, #fdd772 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff7892 0%,#fdd772 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff7892 0%,#fdd772 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7892', endColorstr='#fdd772',GradientType=1 ); /* IE6-9 */
}

.settingselect{
	margin-bottom: 12px;
}

article .settingselect p{
	text-align: center;
}

.res-link{
	border:2px solid #FBB03B;
	padding: 12px;
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
	border-radius: 6px;
}

.res-link img{
	width: 37%;
}

article .settingselectp p{
	text-align: center;
	width: 49%;
}

.oneone-set img,.compa-set img{
    position: absolute;
    top: 50%;
    transform: translate(9px,-55%);
    width: 17px;
    height: 17px;
}

.inst_list_item{
	display: block;
	width: 24%;
	float: left;
	margin-right: 1.333333%;
	margin-bottom: 12px;
}

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

.instalink{
	display: inline-block;
	padding: 10px;
	border: 2px solid #FBB03B;
	border-radius: 3px;
	width: auto;
	margin: 0 auto;
}

.instalink img{
	width: 309px;
}


@media screen and (min-width: 500px) {
	.pchidden{display: none;}
	.pchidden.clearfix:after{
		display: none;
		margin-bottom: 24px;
	}
}


@media screen and (max-width: 500px) {
.pc{
	display: none;
}

.smmorebtn{
	padding: 24px 5%;
}

.pchidden .calender{
	float: none;
}

.res-link{
	width: 100%;
}

.compa-set, .oneone-set{
	font-size: 1.1em;
}

#menu{
 display: none;
}
#menu_mob{
	display: block;
}
#menu_mob a{
	display: block;
	width: 100%;
	text-align: center;
	padding: 12px 0px;
	background: #aaa;
	color: #fff;
	border-bottom: 1px solid #999;
	text-decoration: none;
}
#menu_mob a.Mdown{
	background: #888;
}



/*common ---- */


@charset "utf-8";

/* =======================================

	CommonElements

======================================= */

#container {
	width: 100%;
	text-align: center;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	padding-left:0px;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #111 url(../images/prev.png) no-repeat left center;}


.slider_next {background: #111 url(../images/next.png) no-repeat right center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

#smart_contact_btn{
	transition: 0.5s ease all;
	display: none;
	position: fixed;
	bottom: 0;
	background: #3FA9EA;
	z-index:9999;
	width: 100%;
	padding: 10px;
	box-shadow:1px 4px 12px 3px rgba(0,0,0,0.4);
}

#smart_contact_btn .fixed-click{
	width: 53%;
	float: left;
	display: block;	
}

#smart_contact_btn .fixed-click2{
	width: 46%;
	float: right;
	display: block;	
}

#smart_contact_btn p{
	color: #fff;
}