/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {
  font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body ,th ,td {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #774d1e;
	line-height:120%;	
}

body{
	background-color: #FFF;
}

a {
	text-decoration: none;
	color: #774d1e;
}
a:hover {
	text-decoration: none;
	color: #3d230a;
}

a:visit{
	text-decoration: none;
	color: #774d1e;
	
}

/*divをリンクに*/
.div_link{
	cursor:pointer;
}


/*トップに戻るボタン*/
/*サイズは振り分け*/
#page-top {
    position: fixed;
    bottom: 0px;
    z-index:100;
	background-color:#575757;
	text-align:center;
	width:100%;
}
#page-top a {
    display: block;
}
#page-top:hover {
	background-color:#333;
}


/*スライド下ナビボタン*/
nav{
	width:100%;
}
.menu_con{
	width:100%;
	background-image:url(lib/menu_bg.png);
	background-repeat:repeat-x;
	height:120px;
}
	
.menu{
	text-align:center;
	margin:0 auto;
}


/*■■■レイアウト共通項目■■■*/

/*テキストアレンジ*/
.ta_l{
	text-align:left;
}
.ta_r{
	text-align:right;
}
.ta_c{
	text-align:center;
}

/*背景色*/
.bgc_w{
	background-color:#FFF;
}
.bgc_b{
	background-color:#efede8;
}


/*ボタンデザイン*/
/*サイズはレスポンシブ*/
.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  font-size:18px;
  letter-spacing:0.3em;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}



.button {
  background-color: #fff;
  line-height: 60px;
}


/*色2色*/
/*送信・警告ボタン*/
.bot1{
  border: 2px solid #960000;
  color: #960000;
}
.bot1:hover{
  background-color: #960000;
  border-color: #960000;
  color: #FFF;
	
}
/*送信・警告ボタン*/
.bot2{
  border: 2px solid #666;
  color: #666;
	
}
.bot2:hover{
  background-color: #666;
  border-color: #666;
  color: #FFF;
	
}

/*■■■フッター■■■*/
.googlemap {
	position: relative;
	width: 100%;
	padding-top: 35.25%;
}
.googlemap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.footer_con{
	width:100%;
	background:url(lib/foot_bg.jpg) repeat-x;
	color:#7f6d4f;
	text-align:center;
	padding:25px 0 55px;
}
.footer_box{
	width:1000px;
	margin:0 auto;
	text-align:center;
}

.footer_l{
	width:60%;
	float:left;
	text-align:left;
}
.footer_r{
	width:40%;
	float:left;
	text-align:left;
}

.footer_l_logo{
	float:left;
	margin-right:10px;
}

.footer_sns{
	padding:20px 0 15px;
	width:100%;
}
.footer_sns img {
	padding-left:15px;
}

.footer_r_st{
	font-weight:bold;
	margin-bottom:8px;
}

.copy{
	padding:10px 0;
	text-align:center;
}






/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                レスポンシブ!!

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 641px) {
	
.spview{
	display:none;
}
	

/*全体フォントサイズ*/
body ,th ,td {
	font-size: 16px;
	font-size: 1.6rem;
}

nav{
	width:100%;
	height:120px;
	position: fixed;
    top: 0px;
    z-index: 100;
}

/*スライド重なり*/
header{
	margin-top:100px;
}

/*タイトル・文章 h○指定*/

h1{
	font-size: 4em;
	line-height: 1.4em;
}
/*各項目名下の英語タイトル*/
h4 {
	margin-bottom: 40px;
}

/*トップに戻るボタン*/
/*サイズは振り分け*/
#page-top {
	min-width:1000px;
}

/*スライド下ナビボタン*/
/*サイズだけここで指定*/
.menu{
	width:1000px;
}



/*■■■ボタンサイズ■■■*/
.button {
  width: 400px;
  height: 60px;
}


/*■■■フッター■■■*/
.googlemap {
	min-width: 1000px;
	padding-top: 35.25%;
}
.footer_con{
	min-width: 1000px;
}




/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 640px) {

.pcview{
	display:none;
}
	
/*全体フォントサイズ*/
body ,th ,td {
	font-size: 14px;
	font-size: 1.4rem;
}

img{
	max-width:100vw;
}

/*□□□□□□　ドロワーメニュー関連　□□□□□□*/
#sp_head{
	position: fixed;
	top: 0px;
	background-color:#ffffff;
	width:100vw;
	height:60px;
	z-index:900;
	text-align:center;
	box-shadow:0px 5px 5px #999;
}

.sp_head_title{
	text-align:center;
	padding:10px 0 0 10px;
	z-index:900;
	background-color:#fff;
}
.sp_head_title img{
	max-height:40px;
	width:auto;
}

.drawer-menu span img{
	width:40px;
}

.sp_head_space{
	height:60px;
}

/*スマホのみ、画像の幅指定*/
.img100per{
	width:100%;
}
.img90per{
	width:90%;
	margin:0 auto;
}


/*タイトル・文章 h○指定*/

h1{
	font-size: 1.6em;
	line-height: 1.4em;	
}
/*各項目名下の英語タイトル*/
h4 {
	margin-bottom: 20px;
}

/*トップに戻るボタン*/
/*サイズは振り分け*/
#page-top {
}

/*スライド下ナビボタン*/
/*サイズだけここで指定*/
.menu{
	width:100%;
}

/*■■■ボタンサイズ■■■*/
.button {
  width: 90%;
  height: 60px;
}

/*■■■フッター■■■*/

.googlemap {
	padding-top: 90%;
}

.footer_con{
	width:100%;
	background:url(lib/foot_bg.jpg) repeat;
	color:#7f6d4f;
	text-align:center;
	padding:25px 0 55px;
}
.footer_box{
	width:90%;
	margin:0 auto;
	text-align:center;
}

.footer_l{
	width:100%;
	text-align:left;
}
.footer_r{
	width:100%;
	text-align:left;
}

.footer_l_logo{
	width:50%;
	margin:0 25% 20px;
}

.footer_sns{
	padding:20px 0 15px;
	width:100%;
}
.footer_sns img {
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	padding:0px;
}

.footer_r_st{
	font-weight:bold;
	margin-bottom:8px;
}

.copy{
	padding:10px 0;
	text-align:center;
}

/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/