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


/* bootstrap.css基本の打消し（同じclass名での書き換え）
---------------------------------------------------- */
body{ margin:0px; padding:0px}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal; clear:both}
p{ margin:0px; padding:0px}

.navbar {
  margin-bottom:0px;
  border:none;
}

.border-none{
	border:none;
}


/*テーブル内のborderを消す*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none;
}



.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff;}
.table{ margin-bottom:10px}
.table th{ width:30%}
@media (min-width: 768px) {.table th{ width:25%}}

@media (min-width: 768px) {.btn-group-vertical a{ padding-top:15px;padding-bottom:15px}}

@font-face{ 
	font-family: 'huifont'; /* お好きな名前にしましょう */
	src: url('../fonts/huifontp29.eot'); /* IE9以上用 */
	src: url('../fonts/huifontp29.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('../fonts/huifontp29.woff') format('woff'), /* モダンブラウザ用 */
		url('../fonts/huifontp29.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
}

/* 全体構造
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear{clear:both;}

img{border:0;vertical-align:bottom;}

a {
	outline:none;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

hr {
    display:block;
    height:1px;
    border-top:1px dotted #333;
    margin:0;
    padding:0;
	margin-bottom:20px
}

body{
	font-size:85%;/* 基本のフォントサイズ */
	line-height:1.7em;/* 基本の行間 */
	font-family:FontAwesome, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#565656;
}


/* link
---------------------------------------------------- */
a:link,a:visited,a:hover,a:active{text-decoration:none; color:#ad8b55;}

.link_gold a:link,a:visited,a:hover,a:active{text-decoration:none; color:#ad8b55; text-decoration:underline;}

/* header
---------------------------------------------------- */
header{
 	background:#fff;
	padding:10px 0;
}
@media (min-width: 768px) {
header{	padding:20px 0;}
}

header .navbar-right i {padding-right:3px;}

@media (min-width: 992px) {header .nav {margin-top:20px;}}

header .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color:#fff; font-size:90%;
}
header .nav > li > a:hover,
header .nav > li > a:focus,
header .nav > li.active >  a {
  text-decoration: none;
  background-color: #f7718a;
}


/* navigation05
---------------------------------------------------- */
.fs2{
	font-size:1.0em;
}

#navi05{
	background:#fff;
	color:#32feff;
	width:100%;
	padding:0px;
	font-size:90%;
	z-index:2;
}
#navi05 i {padding-left:5px; color:#ff839a;}
#navi05 .row{ padding:0px 10px}

#navi05 .container{  /*padding:0px;*/background:none; font-size:110%; }

#navi05 .navbar-nav{ margin: 0; }
#navi05 .navbar-collapse{
	padding:15px;
}
#navi05 .navbar{border-radius: 0px;border:0px; margin-bottom:0px; background: none; width:100%;}

#navi05 .nav{ width:100%; background: none;}

#navi05 .nav>li{ width:100%; text-align:left; margin-bottom:10px; border-radius:4px;  box-shadow: 0px 0px 3px #ccc; background-color:#fff;}
#navi05 .nav>li>a{ color:#ad8b55;border-bottom:0px #333 solid;}
#navi05 .nav>li>a:hover{ border-bottom:0px #333 solid;}
#navi05 .navbar .active a{ background:none; border-bottom:0px #fff solid;}

@media (min-width: 768px) {
	#navi05{
		font-size:107%;
	}
	#navi05 .glyphicon {padding-right:0; color:#82bc10;}
	#navi05 .green{color:#5d8e2d}
	#navi05 .row{ padding: 0px;}
	#navi05 .nav{ width:100%; background:url(../images/bg_navi.gif) repeat-y left top;}
	#navi05 .nav>li{ width:25%; text-align:center; margin-bottom:0px;border-radius:0px;  box-shadow: none; background-color:#fff;}
	#navi05 .nav>li>a{ color:#32feff;  margin:0px 5px;}
	#navi05 .nav>li>a:hover{ border-bottom:2px #ffd700 solid;}
	
	#navi05 .navbar-collapse{
		padding:10px;
	}
	
	#navi05 .navbar .active a{ background:none; border-bottom:2px #ffd700 solid;}
	
}



/* 背景
---------------------------------------------------- */
.gold-bg{background:#ffd700; color:#fff}
.bg_pink {background:#f0f1ee; padding-top:30px; padding-bottom:30px;}
.bg_gray {background:#f0f1ee; padding-top:30px; padding-bottom:30px;}
.bg_purple {background:url(../images/bg_purple.jpg) repeat; padding-top:30px; padding-bottom:30px;}
.bg_green {background:url(../images/bg_green2.jpg) repeat; padding-top:30px; padding-bottom:30px;}
.bg_nuno{
	background:url(../images/bg_nuno.jpg) no-repeat scroll 50% 50% / cover;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:-20px;
}
@media (min-width: 768px) {
.bg_nuno{
	padding-top:50px;
	padding-bottom:50px;
	margin-top:-30px;
}
}



.midasi_box .title{
	background:#c0c0c0;
	color:#fff;
	padding:3px 5px;
	font-size:100%;
}
@media (min-width: 768px) {.midasi_box .title{padding:3px 5px;font-size:120%;}}


/* midashi
---------------------------------------------------- */
.kishuizon{
	font-family:"Times New Roman","mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

.fs80 {font-size:80%;}
.fs90 {font-size:90%;}
.fs110 {font-size:110%;}
.fs120 {font-size:120%;}
.fs140 {font-size:140%;}
.fs150 {font-size:150%;}

.fs150_sp140 {font-size:140%;}
@media (min-width: 768px) {.fs150_sp140 {font-size:150%;}}

.midashi1{
	font-size:120%;
	color:#630;/*茶*/
	font-weight:normal;
	margin-bottom:20px;
	line-height:140%;
}
@media (min-width: 768px) {.midashi1{font-size:150%;line-height:140%;}}
.midashi1_1{
	font-size:120%;
	color:#630;/*茶*/
	font-weight:normal;
	margin-bottom:5px;
	line-height:140%;
}
@media (min-width: 768px) {.midashi1_1{font-size:150%;line-height:140%;}}

.midashi2{
	color:#ffd700;/*基本のゴールド色*/
	margin-bottom:20px;
	font-size:180%;
	text-align:center;
}
@media (min-width: 768px) {.midashi2{font-size:200%;font-weight:normal;margin-bottom:30px;}}
@media (min-width: 992px) {.midashi2{font-size:230%;}}

.midashi2_1{
	color:#714b1b;/*もっと濃い茶*/
	font-weight:bold;
	margin-bottom:20px;
	line-height:140%;
	font-size:140%;
	text-align:center;
}
@media (min-width: 768px) {.midashi2_1{font-size:200%;font-weight:normal;margin-bottom:30px;}}
@media (min-width: 992px) {.midashi2_1{font-size:230%;}}

.midashi2-2{
	color:#333;/*333*/
	margin-bottom:20px;
	font-size:180%;
}
@media (min-width: 768px) {.midashi2{font-size:200%;font-weight:normal;margin-bottom:30px;}}
@media (min-width: 992px) {.midashi2{font-size:230%;}}


.midashi3{
	font-family:'huifont';
	color:#867b5d;/*茶*/
	font-weight:bold;
	margin-bottom:20px;
	line-height:140%;
	font-size:160%;
	text-align:center;
}
@media (min-width: 768px) {.midashi3{font-size:220%; margin-bottom:30px;}}
@media (min-width: 992px) {.midashi3{font-size:270%;}}

.midashi3_green{
	font-family:'huifont';
	color:#19a79b;/*緑*/
	font-weight:bold;
	margin-bottom:20px;
	line-height:140%;
	font-size:160%;
	text-align:center;
}
@media (min-width: 768px) {.midashi3_green{font-size:220%; margin-bottom:30px;}}
@media (min-width: 992px) {.midashi3_green{font-size:270%;}}

.midashi3_pink{
	font-family:'huifont';
	color:#f58599;
	font-weight:bold;
	margin-bottom:20px;
	line-height:140%;
	font-size:160%;
	text-align:center;
}
@media (min-width: 768px) {.midashi3_pink{font-size:220%; margin-bottom:30px;}}
@media (min-width: 992px) {.midashi3_pink{font-size:270%;}}

.midashi4{
	color:#32feff;/*基本の青*/
	font-weight:bold;
	font-size:110%;
}
.midashi4_1{
	color:#19a79b;/*緑*/
	font-weight:bold;
	font-size:110%;
}


.shikiri{
	border-collapse:collapse;
	border-top:1px solid #cfc7aa;
	padding-top:30px;
}
.shikiri_sp{
	border-collapse:collapse;
	border-top:1px solid #cfc7aa;
	padding-top:30px;
}
@media (min-width: 768px) {
.shikiri_sp{
	border-top:none;
	padding-top:0;
}
}

/* 中ページ　h2タイトル
---------------------------------------------------- */
#h2_title{
	border-collapse:collapse;
	text-align:center;
	padding:15px 0;
	color:#32feff;
}
#h2_title img {width:100%; height:auto; margin:0 auto;}
#h2_title h2 { font-size:180%;}
@media (min-width: 768px) {
#h2_title{
	padding:20px 0;
}
#h2_title img {width:50%; height:auto; margin:0 auto;}
#h2_title h2 { font-size:200%;}
}
@media (min-width: 992px) {
#h2_title{
	padding:30px 0;
}
#h2_title img {width:40%; height:auto; margin:0 auto;}
}

/*.pankuzu {
	font-size:90%;
	margin-bottom:30px;
}
.pankuzu a:link,a:visited,a:hover,a:active{text-decoration:none; color:#ad8b55;}
*/
/* 写真
---------------------------------------------------- */
.img-thumbnail_10 {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd3ba;
  border-radius: 10px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

/* リスト
---------------------------------------------------- */
.list_ol{
	list-style:decimal;
	margin-left:25px;
}

.list_star li{
	list-style:none;
	background:url(../images/icon_star.png) no-repeat left 3px;
	padding-left:18px;
}

.list_cap li{ list-style:none;text-indent: -2em; padding-left:2em; margin-bottom:5px;}
.list_cap li:before{content: " \f19d";font-family: FontAwesome;text-align: center; margin-right:8px; color:#ac91b0;}

.list_book li{ list-style:none;text-indent: -2em; padding-left:2em; margin-bottom:5px;}
.list_book li:before{content: " \f02d";font-family: FontAwesome;text-align: center; margin-right:8px; color:#ac91b0;}

/* hanyo
---------------------------------------------------- */
.large{font-size:130%;line-height:1.7em}
.small{font-size:80%;line-height:1.5em; font-weight:normal}
.lsn{ list-style:none;}
.lhn{ line-height:normal}
.dsb{ display:block}
.dsi{ display:inline}

.red{color:#c33}
.pink{color:#f79d9c}
.pink2{color:#f58599}
.purple{color:#ac91b0}
.mizuiro{color:#6dbab4}
.yellow{color:#f5cb6a}
.cha{color:#a2987e}
.gold{color:#ffd700;}
.gold2{color:#d4a861;}

.tac-sm{ text-align:left}
.tac-pc{ text-align:left}
.bold {font-weight:bold;}

@media (min-width: 768px) {.tac-sm{ text-align:center}}
@media (min-width: 992px) {.tac-pc{ text-align:center}}

.mawarikomi_r .image{
	float:right;
	margin-left:20px;
}
.mawarikomi_l .image{
	float:left;
	margin-right:20px;
}
.mawarikomi_r .text,
.mawarikomi_l .text{
	overflow:hidden;
	zoom:1;
}

/* テーブル
---------------------------------------------------- */
table{border-spacing:0;border-collapse:separate;}
/*table ul, table ol{margin-left:20px;}*/

.table1{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	font-size:90%;
}
.table1 th,.table1 td{
	padding:7px 5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
}
.table1 th{background:url(../images/bg_purple.jpg) repeat; font-weight:normal;}
.table1 th.bg_green{background:url(../images/bg_green.jpg) repeat; font-weight:normal; color:#fff;}
.table1 th.bg_gray{background:#efefef; font-weight:normal;}

/*2*/
.table2{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	font-size:90%;
}
.table2 th,.table2 td{
	padding:7px 5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align:middle;
}
.table2 th{background:url(../images/bg_purple.jpg) repeat; font-weight:normal;}


.nw {width:1%; white-space:nowrap;}

/*.table1 td strong{ font-weight:normal}*/
@media (min-width: 768px) {
.table1{font-size:100%}
.table1 th{ padding:7px 10px}
.table1 td{padding:7px 10px;}
.table1 td strong{ font-weight:bold}

.table2{font-size:100%}
.table2 th{ padding:7px 10px}
.table2 td{padding:7px 10px;}
.table2 td strong{ font-weight:bold}
}


.table_float{ width:100%;}
.table_float th{ width:100%;padding:7px 15px; font-weight:bold; border:solid 1px #ccc; line-height:140%; display: block; background:#eaeaea; vertical-align:middle;}
.table_float td{width:100%;  padding:7px 15px;border:solid 1px #ccc;line-height:140%;display: block}
@media (min-width: 768px) {
.table_float table{ width:100%; display:table;} 
.table_float th{ width:25%;padding:7px 15px; font-weight:bold; border:solid 1px #ccc; line-height:140%; display:table-cell}
.table_float td{  padding:10px 15px;border:solid 1px #ccc;line-height:140%;display:table-cell}
}



.dl_about{ width:100%;}
.dl_about dt{ padding-top:10px;color:#966;}
.dl_about dd{ padding-bottom:10px;border-bottom:1px solid #ead4d4;}
.dl_about dd li{list-style-type: none; color: #333; display:inline; margin-right:15px}
.dl_about dd li:before { content: "●"; color: #f66;} 
@media (min-width: 768px) {
	.dl_about dt{padding-top:15px;}
	.dl_about dd{padding-bottom:15px;}
}



/* サイズ指定
---------------------------------------------------- */
.w-sp70{ width:70%; margin:0px auto}
@media (min-width: 768px) {.w-sp70{ width:100%}}
.w-sp80{ width:80%; margin:0px auto}
@media (min-width: 768px) {.w-sp80{ width:100%}}

.w-sm60{ width:60%; margin:0px auto}
@media (min-width: 992px) {.w-sm60{ width:100%}}
.w-sm70{ width:70%; margin:0px auto}
@media (min-width: 992px) {.w-sm70{ width:100%}}

.w-pc25{ width:70%; margin:0 auto;}
@media (min-width: 768px) {.w-pc25{width:55%; margin:0px auto}}
@media (min-width: 992px) {.w-pc25{width:25%; margin:0px auto}}

.w-pc70{ width:100%; margin:0 auto;}
@media (min-width: 768px) {.w-pc70{width:100%; margin:0px auto}}
@media (min-width: 992px) {.w-pc70{width:70%; margin:0px auto}}

.w-pc90{ width:100%; margin:0 auto;}
@media (min-width: 768px) {.w-pc90{width:100%; margin:0px auto}}
@media (min-width: 992px) {.w-pc90{width:90%; margin:0px auto}}


.w-20{ width:20%}
.w-60{ width:60%}
.w-100{ width:100%}


.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb50{ margin-bottom:50px}
.mb70{ margin-bottom:70px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt40{ margin-top:40px}
.ml20{ margin-left:20px}
.ml5{ margin-left:5px}

.kome{
	text-indent:-1em;
	margin-left:1em;
}


.ln {line-height:normal;}

.mb-sp10{ margin-bottom:10px}
@media (min-width: 768px) {.mb-sp10{ margin-bottom:0px}}

.mb-sp15{ margin-bottom:15px}
@media (min-width: 768px) {.mb-sp15{ margin-bottom:0px}}

.mb-sp20{ margin-bottom:20px}
@media (min-width: 768px) {.mb-sp20{ margin-bottom:0px}}

.mb-sp30{margin-bottom:30px}
@media (min-width: 768px) {.mb-sp30{ margin-bottom:0px}}

.mb-sm10{margin-bottom:10px}
@media (min-width: 992px) {.mb-sm10{ margin-bottom:0px}}

.mb-sm20{margin-bottom:20px}
@media (min-width: 992px) {.mb-sm20{ margin-bottom:0px}}

.mb-sm40{margin-bottom:40px}
@media (min-width: 992px) {.mb-sm40{ margin-bottom:0px}}

.pt-pc20{ padding:0px}
@media (min-width: 992px) {.pt-pc20{ padding-top:20px;}}

.pt-pc30sp10{ padding-top:10px}
@media (min-width: 768px) {.pt-pc30sp10{ padding-top:30px}}

.pt-pc40sp10{ padding-top:10px}
@media (min-width: 768px) {.pt-pc40sp10{ padding-top:40px}}

.pt-pc40sp20{ padding-top:20px}
@media (min-width: 768px) {.pt-pc40sp20{ padding-top:40px}}

.pt-pc60sp10{ padding-top:10px}
@media (min-width: 768px) {.pt-pc60sp10{ padding-top:60px}}


.pt-pc60sp20{ padding-top:20px}
@media (min-width: 768px) {.pt-pc60sp20{ padding-top:60px}}

.pl-pc30{ padding:0px}
@media (min-width: 768px) {.pl-pc30{ padding:0px 0px 0px 30px}}

.mb-pc20sp10{ margin-bottom:10px}
@media (min-width: 768px) {.mb-pc20sp10{ margin-bottom:20px}}
.mb-pc30sp10{ margin-bottom:10px}
@media (min-width: 768px) {.mb-pc30sp10{ margin-bottom:30px}}

.mb-pc40sp10{ margin-bottom:10px}
@media (min-width: 768px) {.mb-pc40sp10{ margin-bottom:40px}}

.mb-pc30sp20{ margin-bottom:20px}
@media (min-width: 768px) {.mb-pc30sp20{ margin-bottom:30px}}

.mb-pc50sp30{ margin-bottom:30px}
@media (min-width: 768px) {.mb-pc50sp30{ margin-bottom:50px}}

.mb-pc70sp30{ margin-bottom:30px}
@media (min-width: 768px) {.mb-pc70sp30{ margin-bottom:70px}}



/* index
---------------------------------------------------- */
.ribbon{ width:15%; margin:0 auto;}
@media (min-width: 768px) {.ribbon{width:6%;}}
@media (min-width: 992px) {.ribbon{width:5%;}}


.logo-img{ width:90%; margin:0 auto;}
@media (min-width: 768px) {.logo-img{width:90%;}}
@media (min-width: 992px) {.logo-img{width:100%;}}


.index_box img {
	text-align:center; 
	border:1px solid #e6e7e5;
	width:100%;
	height:auto;
}
.top-main-txt .row{ width:100%;}
.top-main-inner{text-align:center; margin:0 auto; max-width:26em;}
.top-main-inner-txt{font-size:80%; display:inline-block; text-align:left;}
@media (min-width: 768px) {.top-main-inner-txt{font-size:100%;}}
/* bloom
---------------------------------------------------- */

.dropdown-design{background-color:#fff; font-size:100%; line-height:1.4em;  display:block; }
a.dropdown-toggle:link,
a.dropdown-toggle:visited{ color:#32feff; text-decoration:none;}

/*-------table-cell-----*/
.cell div{
	display:table-cell;
	vertical-align:middle;
}

.cell img{
	width:100%;
	height:auto;
}
.cell p{
	text-align:center;
	vertical-align:middle;
	width:100%;
	height:auto;
}


.bloom_box{ margin-bottom:10px;}

.bloom_box .moji {padding:15px; text-align:center; font-size:120%; border:1px solid #32feff; color:#32feff;}
@media (min-width: 768px) {.bloom_box .moji {padding:15px 10px; font-size:100%}}
@media (min-width: 992px) {.bloom_box .moji {padding:25px 15px; font-size:120%}}




.bloom-link a:link,.bloom-link a:visited{text-decoration:none; color:#ffd700;}
.bloom-link a:hover,.bloom-link a:active{color:#ffd700; text-decoration:underline; text-decoration-color:ffd700;}

/* contact 系
---------------------------------------------------- */
#privacy {clear:both;}


/*1*/


.contact_box1 .title{
	background:#62d0fd;
	color:#fff;
	padding:15px;
	font-size:130%;
}
@media (min-width: 768px) {.contact_box1 .title{font-size:165%;}}

.contact_box1 .moji {
	padding:25px 15px 20px;
	background-color:#e0f4fc;
}

.contact_box1 .tel {font-size:110%;}
@media (min-width: 768px) {.contact_box1 .tel {font-size:200%; margin-bottom:10px;}}
@media (min-width: 992px) {.contact_box1 .tel {font-size:180%; margin-bottom:0; text-align:center;}}

.contact_box1 .fax {font-size:140%; margin-bottom:10px;}
@media (min-width: 768px) {.contact_box1 .fax {font-size:200%; margin-bottom:10px;}}
@media (min-width: 992px) {.contact_box1 .fax {font-size:180%; text-align:center;}}


.contact_box1 .dl-horizontal dd {
	margin-top:5px;}

@media (min-width: 768px) {
.contact_box1 .dl-horizontal dt {
  float: left;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width:80px;
}
.contact_box1 .dl-horizontal dd {
  margin-left:90px;
}

}

.hissu{/*必須*/
	font-size:80%;
	background-color:#32feff;
	color:#fff;
	padding:0px 10px;
	border-radius:3px;
	float:left;
	margin-right:5px;
}

/*2*/
.contact_box2{
	background-color:#fff;
	border-radius:7px;
	border:2px solid #ffd700;
}

/*フォームのテーブル*/
.table_form{
	width:100%;
	border-collapse:collapse;
}
.table_form th{
	width:100%;
	padding:15px 15px 5px 15px;
	display: block;
}
.table_form td{
	width:100%;
	padding:0px 15px 15px 15px;
	display: block;
}
.table_form th span{/*必須*/
	color:red;
	margin-left:10px;
	font-size:80%;
}
.table_form td.last {border-bottom:none;}

.table_form td.class { border-bottom:0;}

@media (min-width: 768px) {
.table_form th{
	width:30%;
	padding:15px 20px;
	vertical-align:middle;
	text-align:left;
	display:table-cell;
}
.table_form td{
	width:100%;
	padding:15px 25px;
	display:table-cell;
}
.table_form th.last{border-bottom:none;}

.table_form td.class {width:30%;}
.table_form td.class2 {width:40%;}
}


/* フォーム関係 */
.required input[type="text"], .required input[type="password"], .required select, .required textarea{border:1px solid #c36;}
input[type="checkbox"], input[type="radio"] {vertical-align:middle}
input{font-size:100%;vertical-align:middle; padding:9px}
input[type="text"], select{border:1px solid #ccc; padding:9px; border-radius:3px}
input:focus[type="text"]{border:1px solid #06c; padding:9px}
textarea{font-size:100%;border:1px solid #ccc;padding:9px;width:99%; border-radius:3px}
input,textarea{ 
  /*display: inline-block; */
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  line-height: 1; 
  -Webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
} 

/*.form30 {width:30px;}*/

.form-control2 {
  display:inline;
  width: 70px;
  height: 34px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control3 {
  display:inline;
  width: 120px;
  height: 34px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
@media (min-width: 768px) {
	.form-control2 {
	  width: 80px;
	}
}


/* リンク・ボタン関係
---------------------------------------------------- */
.btn{ padding-top:5px; padding-bottom:5px;}
@media (min-width: 768px) {.btn{ padding:7px 20px;}}

.btn2{ padding:5px 15px 5px; border-radius: 4px;}
@media (min-width: 768px) {.btn2{ padding:7px 15px;}}


a.btn2:link,a.btn2:visited,a.btn2:hover,a:active{text-decoration:none; color:#fff;}

.link_gold a:link,a:visited,a:hover,a:active{text-decoration:none; color:#ad8b55; text-decoration:underline;}


.news_box .btn {padding:3px 10px;}
footer .btn {padding:5px 10px;}

/*a:hover{opacity:0.7;filter: alpha(opacity=70);/*transition: 0.5s;*//*}*/

.btn-more{background-color: #f58599; font-size:90%;	border-radius:15px; line-height:1.4em;}
.btn-more:link,
.btn-more:visited{ color:#fff}

.btn-back{background-color: #ac91b0; font-size:90%;	border-radius:15px; line-height:1.4em;}
.btn-back:link,
.btn-back:visited{ color:#fff}

.btn-gold{background-color:#ffd700; font-size:100%; text-align:center;}
.btn-gold:link,
.btn-gold:visited{ color:#fff}

.btn-blue{background-color:#32feff; font-size:110%; text-align:center; color:#fff;}
.btn-blue:link,
.btn-blue:visited{ color:#fff}
.btn-blue i {font-size:110%; padding-right:5px;}


.btn-white{background-color:#fff; font-size:100%; text-align:center;}
.btn-white:link,
.btn-white:visited{ color:#209c92}

.btn_tel{
	display:block;
	background-color:#eee;
	border:1px solid #ccc;
	border-radius:30px;
	padding:10px 0px;
	font-size:150%;
	text-align:center;
	margin-bottom:10px;
	font-weight:normal;
	color:#666;
}
@media (min-width: 768px) {
.btn_tel{
	display:inline;
	background:none;
	border:none;
	padding:0px;
	font-size:100%;
	text-align:left;
}
}


/*.btn-recruit {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-recruit:focus,
.btn-recruit.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-recruit:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
*/





.btn-recruit {
/*	-moz-box-shadow: 0px 0px 0px 2px #59c3f0;
	-webkit-box-shadow: 0px 0px 0px 2px #59c3f0;
	box-shadow: 0px 0px 0px 2px #59c3f0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bafe8', endColorstr='#1589bb',GradientType=0);*/
	background-color:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #32feff;
	display:inline-block;
	cursor:pointer;
	color:#32feff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 15px;
	text-decoration:none;
/*	text-shadow:0px 1px 0px #053b52;
*/}
.btn-recruit:hover {
/*	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1589bb), color-stop(1, #2bafe8));
	background:-moz-linear-gradient(top, #1589bb 5%, #2bafe8 100%);
	background:-webkit-linear-gradient(top, #1589bb 5%, #2bafe8 100%);
	background:-o-linear-gradient(top, #1589bb 5%, #2bafe8 100%);
	background:-ms-linear-gradient(top, #1589bb 5%, #2bafe8 100%);
	background:linear-gradient(to bottom, #1589bb 5%, #2bafe8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1589bb', endColorstr='#2bafe8',GradientType=0);
*/	background-color:#32feff;
	color:#ffffff;
	border:2px solid #1beff0;
}
.btn-recruit:active {
	position:relative;
	top:1px;
}





	
/* その他 */
.border{padding-bottom:20px;  margin-bottom:20px; border-bottom:1px solid #e6e7e5}
@media (min-width: 768px) {
.border{
padding-bottom:30px; margin-bottom:30px;}
}


.kakoi{
	border-collapse:collapse;
	border:1px solid #32feff;
	border-radius:5px;
	padding:20px;
}

@media (min-width: 992px) {
.kakoi{
	margin:40px 150px 40px 150px;
}
}

.kakoi1{
	border-collapse:collapse;
	border:1px solid #32feff;
	border-radius:5px;
	padding:20px;
}

@media (min-width: 992px) {
.kakoi1{
	margin:40px 150px 0px 150px;
}
}


.kakoi2{
	border-collapse:collapse;
	border:1px solid #32feff;
	border-radius:5px;
	padding:20px;
}



@media (min-width: 992px) {
.kakoi3 p{
	margin:0px 150px 0px 150px;
}
}



/* footer
---------------------------------------------------- */
#copy{
	text-align:center;
	padding:3px 0;
	font-size:10%;
}
@media (min-width: 768px) {
	#copy{
	padding:6px 0;
	font-size:80%;
	}
}


.copy-img img{ width:20%; height:auto; margin:0 auto; }
@media (min-width: 768px) {.copy-img img{width:15%; height:auto}}
@media (min-width: 992px) {.copy-img img{width:10%; height:auto}}



/* pagetop　Topページにはpagetopなし
---------------------------------------------------- */
#pagetop{
	background:#e4e4e4;
	text-align:center;
	padding:6px 0;
	font-size:200%;
}
#pagetop a{
	color:#32feff;
}

/* ローディング
---------------------------------------------------- */

/*
#wrap img {
	width: 100%;
	height: auto;
}
*/

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index:10000;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 2;
}



/* slider サムネイルスライダー

---------------------------------------------------- */

.slider img{
	width: 100%;
	height: auto;
}
.single-item {
	max-width: 600px;
	margin: 0 auto 50px;
}
.slick-prev::before, .slick-next::before {
	font-size: 24px;
}
.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 20px;
	z-index: 99;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 15px;
	z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.slick-dots {
	bottom:-25px;
}
.multiple-item li {
	margin: 0 5px;
}
.thumb-item {
	max-width: 700px;
	margin: 0 auto 5px;
	padding: 0 5px;
}
.thumb-item-nav {
	max-width: 700px;
	margin: 0 auto;
}
.thumb-item-nav li{
	margin: 5px;
}
.lazy-item {
	width: 400px;
	margin: 0 auto 50px;
}
.lazy-item li {
	margin: 0 5px;
}

/*念の為IEでみたときに画像がガビガビしない対策*/
.cl-img img{
 -ms-interpolation-mode: bicubic; }


.insta-box{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 2rem 0;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.insta_qr{
	margin: 0 auto 1rem;
	width: 120px;
}
.insta-box p{
	-ms-flex-item-align: center;
	align-self: center;
}
@media (min-width: 768px) {
	.insta-box{
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.insta_qr{
		margin: 0 2rem 0 0;
		width: 120px;
	}
}
.img-ad{image-rendering: -webkit-optimize-contrast;}

.txt-210427{font-size: 10px;}
@media (min-width: 321px) {
	.txt-210427{
		font-size: 13px;
	}
}
@media (min-width: 768px) {
	.txt-210427{
		font-size: 1em;
	}
}