/* ------------------------------------------
  NECESSARY STYLES FOR RESPONSIVE NAV
--------------------------------------------- */

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?1uid0g');
  src:  url('fonts/icomoon.eot?1uid0g#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?1uid0g') format('truetype'),
    url('fonts/icomoon.woff?1uid0g') format('woff'),
    url('fonts/icomoon.svg?1uid0g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-aoyaji:before {
  content: "\e900";
}

/* ページトップへ戻る */
/*PCで見た時*/
@media screen and (min-width: 481px) {
  #pageTop {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 50px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 13px;
	background: rgba(21, 78, 103, 0.8);
  color: #fff;
    text-decoration: none;
  text-align: center;
  font-weight: bold;
  }
}


@media screen and (max-width:640px){
	
a {
	color: #C52FD0;
}	
	
/*スマホで見た時*/
#pageTop {
  position: fixed;
  bottom: 0;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: rgba(21, 78, 103, 0.8);
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}	

	
	
	
	
	

	 #container {
	width: 100%;
}


#rogo {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #DBC98A;
}

#rogo img {
	width:100%;
height: auto;
}


#Language {
	display: none;
}

#Language_sp {
	float: left;
	padding-top: 15px;
	padding-left: 10px;
	font-size: 0.9em;
}

#Language_sp .btn td {
	padding: 6px;
  }
	


.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
	width: 100%;
	display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}




    .show th{
		width: 100%;
        display: block;
		}
		
    .show td{
        width: 96%;
		display: block;
    }
	
	
	
	.bxslider img {
max-width: 100%;
height: auto;
width /***/:auto;
}


.show .welcom {
	background-color: #3f3c3c;
	background-image: url(img/show_bac_yoko.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 1.4em;
	padding: 2%;
}


  h2 {
	font-size: 1.4em;
	line-height: 1.4em;
}


#main {
	width: 100%;
} 


#manu table {
	border: 2px solid #000;
}

#manu td {
	background-color: #9A2F8D;
	padding: 10px;
	border: 2px solid #000;
	margin: 10px;
	width: 50%;
}

#manu a {
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
	line-height:-1em;
}

.m_midasi {
	width: 100%;
	padding-top: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBC98A;
	font-size: 1.2em;
	line-height: 1.4em;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 3px;
}

.m_midasi_ban {
	width: 100%;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBC98A;
	margin-bottom: 20px;
	padding-bottom: 3px;
}


.m_midasi_ban_s {
	width: 100%;
	padding-top: 20px;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-right: -2px;
}


.ban4 {
	width: 95%;
	border: 1px solid #DBC98A;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
} 

.ban4 img {
	width: 100%;
	height: auto;
}

#ban {
	width: 95%;
	padding-top: 60px;
	margin-right: auto;
	margin-left: auto;
}

#ban img {
	width: 100%;
	height: auto;
}


.link_banner{
	width: 100%;
	border: 1px solid #CCC;
	height: auto;
}



.doubleBorder_top {

}

.doubleBorder_top img {
	height: auto;
	width: 100%;
}

    #apDiv1 {
	width: 100%-10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.text_ll {
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: 400;
}


.text_ls_g {
	font-size: 1em;
	line-height: 1.4em;
	font-weight: 200;
	color: #dbc98a;
	padding-top: 8px;
}


.honbun {
	width: 90%;
	font-size: 0.9em;
	line-height: 1.6em;
	margin-bottom: 20px;
	padding-bottom: 3px;
	margin-right: auto;
	margin-left: auto;
}

.honbun img {
	height: auto;
	width: 100%;
}


.m_midasi_border_no {
	width: 90%;
	font-size: 1.1em;
	line-height: 1.6em;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}


.m_midasi_border_no_han {
	width: 90%;
	font-size: 1.1em;
	line-height: 1.6em;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}


.honbun_migi {
	width: 90%;
	font-size: 0.9em;
	line-height: 1.6em;
	margin-bottom: 20px;
	padding-bottom: 3px;
	margin-right: auto;
	margin-left: auto;
}

.honbun_migi img {
	height: auto;
	width: 100%;
}

#footer{
	padding-top: 50px;
	padding-bottom: 60px;
	font-size: 0.9em;
	line-height: 1.5em;
	width: 94%;
	padding-right: 3%;
	padding-left: 3%;
}

#footer li{
	display: inline;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: -1px;

}

#footer li:last-child {
	list-style: none;
	border: 0;

}

.box_m01{
	padding: 10px;
	width: 95%;
	border: 1px dotted #999;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	overflow:hidden
}

.icon img {
	height: 40%;
	width: 40%;
	border: 1px solid #333;
	padding: 3px;
	margin-right: 10px;
	float: left;
}




.map img {
	width: 100%;
	height: auto;
			margin-right: auto;
	margin-left: auto;}
	
	
	.waku {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


.tel_mail {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	background-color: #333;
	border: 3px solid #000;
	padding: 8px;
}



.photo_box1 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}

.photo_box1 img {
	margin-bottom: 10px;
	height: auto;
	width: 100%;
}
.photo_box2 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;


}

.photo_box2 img {
	margin-bottom: 10px;
	height: auto;
	width: 100%;
}

.text_sm_sr {
	font-size: 0.6em;
	line-height: 1.3em;
	color: #999999;
	float: right;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 10px;
}



}


@media screen and (min-width: 641px) {
	
	

	
	
	
#manu {
	display: none;
}	
	
	
#container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}	

#rogo {
	width: 261px;
	height: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}


#Language {
	float: right;
	width: 500px;
	padding-top: 20px;
	padding-right: 3px;
}



	
	#Language .btn {
	background-color: #CCCCCC;
  }


#Language .btn td {
	padding: 8px;
  }

#Language_sp {
	display: none;
}

.show {
	width: 977px;
}

.show td {

	border: 5px solid #000;
	font-size: 0.86em;
	line-height: 1.4em;
	width:260px
}

.show th {
		border: 5px solid #000;
		width:718px
}

.show .pd20 {
	padding: 15px;
}

.show .welcom {
	background-color: #3f3c3c;
	background-image: url(img/show_bac.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
	
  .js .nav-collapse {
    position: relative;
    max-height: none;
  }
  #nav-toggle {
	display: none;
  }


#main {
	float: left;
	width: 716px;
} 





.ban4 {
	width: 214px;
	border: 1px solid #DBC98A;
	float: left;
	margin-right: 22px;
	height: 214px;
	margin-bottom: 22px;
} 

.ban4 img {
	width: 100%;
	height: auto;
}
  
  h2 {
	font-size: 1.4em;
	line-height: 1.4em;
}



.m_midasi {
	width: 684px;
	padding-top: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBC98A;
	font-size: 1.5em;
	line-height: 1.4em;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 3px;
}



.m_midasi_border_no {
	width: 684px;
	padding-top: 40px;
	font-size: 1.2em;
	line-height: 1.4em;
	padding-left: 10px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}

.m_midasi_border_no_han {
	width: 330px;
	padding-top: 40px;
	font-size: 1.2em;
	line-height: 1.4em;
	padding-left: 10px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}



#ban {
	width: 240px;
	padding-left: 20px;
	float: left;
	padding-top: 65px;
}

#ban img {
	width: 100%;
	height: auto;
}


.link_banner{
	width: 100%;
	border: 1px solid #CCC;
	height: auto;
}


.m_midasi_ban {
	width: 100%;
	padding-top: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBC98A;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 20px;
	padding-bottom: 3px;
	padding-right: -2px;
}



.m_midasi_ban_s {
	width: 100%;
	padding-top: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBC98A;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 20px;
	padding-bottom: 3px;
	padding-right: -2px;
}



.honbun {
	width: 684px;
	font-size: 0.9em;
	line-height: 1.6em;
	margin-bottom: 20px;
	padding-bottom: 3px;
	padding-right: -2px;
	padding-left: 10px;
}


.honbun_map {
	width: 684px;
	font-size: 1.05em;
	line-height: 1.6em;
	margin-bottom: 20px;
	padding-bottom: 3px;
	padding-right: -2px;
	padding-left: 10px;
	
}

.honbun_map img {
	float: left;

}


.honbun img {
	float: right;
	padding-left: 20px;
}


.honbun_migi {
	width: 684px;
	font-size: 0.9em;
	line-height: 1.6em;
	margin-bottom: 20px;
	padding-bottom: 3px;
	padding-right: -2px;

}

.honbun_migi img {
	float: left;
	padding-right: 20px;
}


.doubleBorder_top {
	border: 1px solid #863389;
	position: relative;
}

.doubleBorder_top img {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}


    #apDiv1 {
	position: absolute;
	width: 664px;
	height: 98px;
	z-index: 1;
	left: 27px;
	top: 132px;
}

.text_ll {
	font-size: 2em;
	line-height: 1.6em;
	font-weight: 400;
}

.text_ls_g {
	font-size: 1.1em;
	line-height: 2em;
	font-weight: 200;
	color: #dbc98a;
}



#footer{
	padding-top: 50px;
	padding-bottom: 5px;
	font-size: 0.8em;
	line-height: 1.3em;
}

#footer li{
	display: inline;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: -1px;

}

#footer li:last-child {
	list-style: none;
	border: 0;

}

.box_m01{
	padding: 10px;
	width: 400px;
	border: 1px dotted #999;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow:hidden
}

.icon img {
	height: 100px;
	width: 100px;
	border: 1px solid #333;
	padding: 3px;
	margin-right: 10px;
}

.box_m01 p {
	overflow: auto;}
	
	
.map {
	border: 1px solid #666;
	width: 100%;
	height: auto;
	overflow:hidden
	
}

.map img {
	margin-right: 10px;
}	


.tel_mail {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	background-color: #333;
	border: 3px solid #000;
	padding: 8px;
}

.hanbun {
	float: left;
	width: 300px;
	padding-right: 50px;
}


.honbun_migi_photo {
	width: 684px;
	font-size: 0.9em;
	line-height: 1.6em;
	margin-bottom: 20px;
	padding-bottom: 3px;
	padding-right: -2px;
	overflow: hidden;
}

.photo_box1 {
	float: left;
	width: 300px;
	padding-right: 60px;

}

.photo_box1 img {
	margin-bottom: 10px;
}
.photo_box2 {
	float: left;
	width: 300px;


}

.photo_box2 img {
	margin-bottom: 10px;
}

.text_sm_sr {
	font-size: 0.6em;
	line-height: 1.3em;
	color: #999999;
	float: right;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 10px;
	padding-right: 20px;
}

}
/* ------------------------------------------
  DEMO PAGE'S STYLES
--------------------------------------------- */


body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	color: #E0E0E0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color: #000;
	background-image: url(img/bac.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.e_bun {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.7em;
	color: #CCC;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
	float: left;
	width: 100%;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBC98A;
}

.clear {
    clear:both;　/*floatの解除、ここがポイント*/
}

.sp20 {
	height: 20px;
}

.text_gold {
	line-height: 1.4em;
	color: #DBC98A;
}

.text_s {
	font-size: 0.7em;
	line-height: 1.3em;
}


.text_sm {
	font-size: 0.8em;
	line-height: 1.3em;
}

.sp50 {
	height: 50px;
}


.t_tel td {
	margin: 3px;
	padding: 5px;
	border: 3px solid #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}






@media screen and (min-width: 641px) {
	

	
  .nav-collapse li {
    width: 20%;
    *width: 19.9%; /* IE7 Hack */

  }
}

.nav-collapse a {
	color: #fff;
	text-decoration: none;
	width: 100%;
	padding: 0.7em 1em;
	float: left;

	background-color: #000000;
}

@media screen and (min-width: 641px) {
	
	.nav-collapse li {
	border: 1px solid #DBC98A;
	margin-right: -1px;		
		
	}
	
	
	
  .nav-collapse a {
	margin: 0;
	padding: 0.6em;
	float: left;
	text-align: center;
	
  }
}

.nav-collapse ul ul a {
	padding-left: 2em;
	background-color: #666666;
}



@media screen and (min-width: 641px) {
  .nav-collapse ul ul a {
    display: none;
  }
}

#nav-toggle {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	width: 70px;
	height: 55px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	background-color: #999999;
	background-image: url(hamburger.gif);
	background-repeat: no-repeat;
	background-position: 50% 33%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
 

 
  #nav-toggle {
    background-image: url("hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}