@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Lancelot);
@import url(https://fonts.googleapis.com/css?family=Bilbo+Swash+Caps);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Anaheim);


/*!
 * "fontname" is lisenced under the SIL Open Font License 1.1
 * by http://font-foundry.com/fontname/
 */
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?9498960');
  src: url('../font/fontello.eot?9498960#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?9498960') format('woff'),
       url('../font/fontello.ttf?9498960') format('truetype'),
       url('../font/fontello.svg?9498960#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


@media print{
  /*印刷用CSSの定義を指定する*/
}


body,h1,h2,h3, h4,h5,p,ul,ol {
	margin: 0px;
	padding: 0px;
}

body, html {
    height: 100%;
}

a {
    color:#444;
    text-decoration:underline;
}
a:link {
    color:#444;
    text-decoration:none;
}
a:visited{
    color: #444;
    text-decoration: none
}
a:hover{
    color:#444;
    text-decoration:none;
}
a:active {
    text-decoration:none;
}


img {
	vertical-align: bottom;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	max-width: 100%;
  	height: auto;
}





.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.clearboth{
	clear:both;
	}


#map_container {
  position: relative;
  padding-top: 50%;
}
#map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}


/* ************************************
モバイルファースト768pxまでのcssここから
@media screen,print (max-width: 768px)
**************************************** */
@media screen and (max-width:768px){

#cover {
    /*display: table;*/
    width: 100%;
    /* height: 100%; */
    position: relative;
    z-index: 20;
}

.message {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}


.display_spnone{
	display:none;
}
	

body {
	background-color: #fff;
}
#all {
	width: 100%;
	height: 100%;
}
#header {

	
}
#header_inner {
	width:100%;
	/*position: fixed;
	top: 0px;
	left:0px;*/
	overflow: hidden;
	background-color: #fff;
	background-repeat: repeat-x;
	z-index: 20;
	/*height:110px;*/
}

#header_inner #logo{
	width:100%;
	float: left;
}

#header_inner #logo h1 {
    /*float: left;*/
    /* background-color: #9b5a00; */
    text-align: center;
    padding: 10px 0px 5px 10px;
    /* max-width: 142px;*/
     font-size: 130%; 
    /* color: #191209; */
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    padding: 15px 0;
	
}

#header_inner #logo a{
    color: #000;
}



#header_inner #logo p {
	background-color: none;
	font-size:70%;
	opacity: 1.0;
	color: #FFF;
	padding:0px 0px 5px 10px;
	margin-top: 0px;
	clear:both;
	
}

#header_inner #info {
	width:50%;
	float: right;
	/*position: fixed;*/
	bottom: 0;
	text-align:right;
}

#info p {
	width:90%;
	font-size:80%;
	margin:10px auto;
	text-align:right;
	color:#000;
	text-align:center;


}

#info a{
	display:block;
	padding:5px 0;
	border-radius: 5px;
background: rgb(124,186,244);
background: -moz-linear-gradient(45deg,  rgba(124,186,244,1) 0%, rgba(115,177,231,1) 48%, rgba(60,154,232,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(124,186,244,1) 0%,rgba(115,177,231,1) 48%,rgba(60,154,232,1) 100%);
background: linear-gradient(45deg,  rgba(124,186,244,1) 0%,rgba(115,177,231,1) 48%,rgba(60,154,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbaf4', endColorstr='#3c9ae8',GradientType=1 );





}


#info .green a{
background: rgb(124,186,244);
background: -moz-linear-gradient(45deg,  rgba(124,186,244,1) 0%, rgba(115,177,231,1) 48%, rgba(60,154,232,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(124,186,244,1) 0%,rgba(115,177,231,1) 48%,rgba(60,154,232,1) 100%);
background: linear-gradient(45deg,  rgba(124,186,244,1) 0%,rgba(115,177,231,1) 48%,rgba(60,154,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbaf4', endColorstr='#3c9ae8',GradientType=1 );


	
}






/*--------------------------------
スマホのフッターメニュー
---------------------------------*/
ul.footer_menu {
	width: 100%;
	overflow: hidden;
	display: table;
	table-layout:fixed;
	position: fixed;
	bottom: 0;
	left:0;
    background-color: #676565;
	z-index: 9999999999;
	-moz-opacity: 0.9;
	opacity: 0.9;
}


ul.footer_menu li {
	display: none;
	vertical-align:middle;

}


ul.footer_menu li a {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 70%;
	padding:8px;
}
	
	
ul.footer_menu .border-right {
	border-right:solid #fff 1px; 
	
}

li a i {

}

i.info_icon {
    background: url(../img/info_icon.png) no-repeat;
    background-size:cover;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}


i.tel_icon {
    background: url(../img/tel_icon.png) no-repeat;
    background-size:cover;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}


i.top_icon {
    background: url(../img/arrow_icon.png) no-repeat;
    background-size:cover;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}


i.music_icon {
    background: url(../img/music.png) no-repeat;
    background-size:cover;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}


i.producer_icon {
    background: url(../img/producer.png) no-repeat;
    background-size:cover;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}


i.about_icon {
    background: url(../img/about.png) no-repeat;
    background-size:cover;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}



span.info_text {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top:3px;
}


ul.footer_menu2 {
	width: 100%;
	overflow: hidden;
	display: table;
	table-layout:fixed;
	background-color: #fff;
	z-index: 9999999999;
	-moz-opacity: 0.9;
	opacity: 0.9;
}


ul.footer_menu2 li {
	display: table-cell;
	vertical-align:middle;

}


ul.footer_menu2 li a {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 70%;
	padding:8px;
}
	
	
ul.footer_menu2 .border-right {
	border-right:solid #fff 1px; 
	
}

div.footer_menu_top{
	width: 100%;
	position: fixed;
	bottom: 0;
	left:0;
}


ul.footer_menu3 {
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    background-color: #069033;
    z-index: 9999999999;
    -moz-opacity: 0.7;
    opacity: 0.7;
    border-bottom: 1px #fff solid;
    
}


ul.footer_menu3 li {
	display: table-cell;
	vertical-align:middle;

}


ul.footer_menu3 li a {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 70%;
	padding:8px;
	height:100%;
}
	
	
ul.footer_menu3 .border-right {
	border-right:solid #fff 1px; 
	
}



ul.footer_menu3 span.info_text {
    text-align: center;
    color: #fff;
    margin-top:3px;
}

.menu-border-top {
	border-top:solid #fff 1px; 
}


/*
.menu-box {
	background: #000;
	position: fixed;
	left: 0px;
	bottom: 0px;
	font-size: 100%;
}


.menu-box p{
	float:left;
	border-style:1px 
}


.menu-box a {
	background: #000;
	text-decoration: none;
	color: #fff;
	width:100%;
	padding: 0px 0;
	text-align: center;
	display: block;
	border-radius: 0px;
}


*/

/*
#page-top {
	position: fixed;
	bottom: 10px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #000;
	text-decoration: none;
	color: #fff;
	padding: 25px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}
*/

/* カルーセル */
 h2{
    margin-top: 0px;
    padding-top: 15px;
    padding-left: 10px;
    margin-bottom: 30px;
    /* font-family: 'Bilbo Swash Caps', cursive; */
    font-size: 140%;
    color: #000;
}


 h2 span{
    font-size: 40%;
    color:#000;
    margin-left:1em;
}



.slide{
	background-image: url(../img/bg-carouselpanel.png);
	background-repeat: no-repeat;
	width: 100%;
}
.slide .slideinner{
	margin-left: 11px;
	padding-top: 10px;
}
#carousel p{
	float:left;
}
div#pager {
	text-align:center;
}




 {
	width: 100%;
	padding-left: 0px;
	margin: 10px auto 0 auto;
	overflow:hidden;
	background-color: #E0E0E0;
	font-family: 'Anaheim', sans-serif;
}
 {
	width: 100%;
	float: none;
    margin-top: 0px;
	margin-right: 0px;
	/*margin-bottom: 20px;*/
	/* box-shadow */
	/*box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;
	-webkit-box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;
	-moz-box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;*/
}
 .contens {
	background-color: #fff;
	padding-top: 20px;
	padding-left: 0px;
    padding-bottom: 25px;
}
 .main_box{
	padding-top:10px;
	padding-bottom:10px;
	width: 680px;
	background-color: #FC9;
	overflow:hidden;
	margin-right:20px;
	margin-top:20px;

}
 .imgbox{
	width: 190px;
	float: left;
	text-align:center;
}
 .textbox{
	width: 480px;
	padding:0px;
	float: left;
	text-align:left;
}

 .textbox h3{
	color:#000;
	font-size:90%;
	padding:3px 5px;
	background-color: #4a0001;
	text-align:left;
	
}

 .textbox p{
	color:#000;
	font-size:90%;
}


 .sns_area{
	width: 100%;;
    clear: both;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 20px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 5px;
    margin-bottom: 15px;
    /* box-shadow: rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px; */
    /* -webkit-box-shadow: rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px; */
    -moz-box-shadow: rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;
}
 .facebook {
    background-color: #e5e5e5;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-bottom:0px;
	width:85%;
	margin:15px auto;
	text-align:center;
}





/*アクセス記述*/

 .imgbox2{
	width: 330px;
	/*float: right;*/
	text-align:center;
}
 .textbox2{
	width: 320px;
	padding-left:10px;
	/*float: left;*/
	text-align:left;
	/*background-color:#000;*/
	/*margin-left:10px;*/
	/*color:#000;*/
}

 .textbox2 h3{
	color:#000;
	font-size:90%;
	color:#000;
	padding:0px 5px;
	background-image: url(../img/side_icon.png);
	background-repeat: no-repeat;
	background-position: right bottom
	text-align:left;
	
}

 .textbox2 p{
	/*color:#000;*/
	font-size:90%;
}



 .imgbox3{
	width: 330px;
	float: left;
	text-align:center;
}
 .textbox3{
	width:100%;
	margin:0px auto 0 auto;
	padding-left:0px;
	float: none;
	text-align:left;
	/*background-color:#000;*/
	color:#000;
}

 .textbox3 h3{
	color:#000;
	font-size:90%;
	color:#000;
	padding:0px 5px;
	background-image: url(../img/side_icon.png);
	background-repeat: no-repeat;
	background-position: right bottom
	text-align:left;
	
}

 .textbox3 p{
	color:#000;
	font-size:90%;
	line-height:1.5;
    margin: 0.8em 0;
}

.menu_img-party p{
    border: solid 1px #CCC;
    margin-bottom: 20px;
    padding: 10px;
}





/*アクセス記述ここまで*/


/*top box記述*/
 .main_box4{
	padding-top:20px;
	padding-bottom:0px;
	width: 100%;
	/*background-color: #fff;*/
	overflow:hidden;
	margin-right:0px;
	margin-top:10px;
	border-right:solid 0px #b1e2fb;
	border-left:solid 0px #b1e2fb;
	border-bottom:solid 0px #b1e2fb;
	border-top:solid 0px #b1e2fb;
}



 .imgbox4{
	width: 95%;
	margin:0 auto;
	float: none;
	text-align:center;
	/*background-color:#000;*/
}
 .textbox4{
	width:95%;
	margin:10px auto 0 auto;
	padding-left:0px;
	float: none;
	text-align:left;
	/*background-color:#000;*/
	color:#000;
}

 .textbox4 h3{
    font-size: 100%;
	color:#000;
	/*background-color: #b1e2fb;*/
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", "Meiryo"serif;
}

 .textbox4 p{
color: #000;
    font-size: 90%;
    line-hieght: 1.5;
    /* margin-bottom: 1em; */
}


  dl {
    width: 100%;
    margin: 15px auto;
    text-align: left;
    overflow: hidden;
    /* border-bottom: 1px dotted #ede0c3; */
    color: #000;
}

  dt {
    clear: both;
    float: left;
    width: 82px;
    padding: 10px 0px 10px 40px;
     /*border-top: 1px dotted #ede0c3;*/
    font-weight: bold;
    font-size: 100%;
    background-image: url(../img/niku1.png);
    background-repeat: no-repeat;
    background-position: left;
    color: #A19FCA;
}




  dd {
    margin-left: 90px;
    padding: 10px 0;
    /*border-top: 1px dotted #ede0c3;*/
    font-size: 100%;
}




  dd a:link {
	color:#000;
	text-decoration: underline;
	font-size:110%;
	font-weight:bold;
}



  .telBox {
    padding-left: 0px;
    margin-top: 10px;
    text-align: center;
    clear: both;
}



  .telBox p{
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    margin-bottom: 10px;
    font-size: 105%;
    text-align: center;
}


  .telBox a{
	display: block;
    font-size: 110%;
    padding: 10px 0;
}


.telIcon a:before {
	content: '\e802';
    font-family: "fontello";
    margin-right: 10px;
}






 .main_box5{
	padding-top:0px;
	padding-bottom:0px;
	width: 100%;
	background-color: #fff;
	overflow:hidden;
	margin-right:0px;
	margin-top:15px;
	border-right:solid 0px #b1e2fb;
	border-left:solid 0px #b1e2fb;
	border-bottom:solid 0px #b1e2fb;
	border-top:solid 0px #b1e2fb;
}



 .imgbox5{
	width:95%;
	margin:0 auto;
	text-align:center;
	background-color:#000;
}
 .textbox5{
	width:95%;
	margin:0 auto;
	padding-left:0px;
	text-align:left;
	background-color:#000;
	color:#000;
}

 .textbox5 h3{
	font-size:110%;
	color:#000;
	/*background-color: #b1e2fb;*/
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", "Meiryo"serif;
	
}

 .textbox5 p{
	color:#000;
	font-size:90%;
	line-hieght:1.5;
	margin-bottom:1em;
}


 .main_box6{
	padding-top:0px;
	padding-bottom:0px;
	width: 100%;
	background-color: #fff;
	overflow:hidden;
	margin-right:20px;
	margin-top:15px;
	border-right:solid 0px #b1e2fb;
	border-left:solid 0px #b1e2fb;
	border-bottom:solid 0px #b1e2fb;
	border-top:solid 0px #b1e2fb;
}



 .imgbox6{
	width: 95%;
	margin:0 auto;
	text-align:center;
	background-color:#000;
}
 .textbox6{
	width: 95%;
	margin:0 auto;
	padding-left:0px;
	text-align:left;
	background-color:#000;
	color:#000;
}

 .textbox6 h3{
	font-size:110%;
	color:#000;
	border-bottom;1px solid #056509
	/*background-color: #b1e2fb;*/
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", "Meiryo"serif;

}

.gradation-line-h2 {
    position: relative;
    width: 100%;
    margin: 20px 0;
    padding: 2px 0;
	text-align: center;
    color: #282828;
    font-size: 130%;
    font-family: 'Anaheim', sans-serif;
}

.gradation-line-h2::before {
    /*content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 65%;
    height: 1px;
    margin: 0 0 0 1%;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #000 10%, #000 10%, transparent);
    background-image: linear-gradient(to right, transparent, #000 5%, #000 10%, transparent);
    background-position: center;
    background-repeat: no-repeat;*/
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 35%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #000 70%, #000 60%, transparent);
    background-image: linear-gradient(to right, transparent, #000 70%, #000 60%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}


.gradation-line {
    position: relative;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    margin:10px 0;
    color:#000;
    font-size:90%;
}


#side_container .side_info .side_info_inner h2.gradation-line-h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 35%;
    height: 1px;
	margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #fff 70%, #fff 60%, transparent);
    background-image: linear-gradient(to right, transparent, #fff 70%, #fff 60%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}



.font-size100{
	font-size:100%;
}

span.subtitle{
	font-size:70%;
	padding-left:5px;
	}


.gradation-line::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #000 25%, #000 75%, transparent);
    background-image: linear-gradient(to right, transparent, #000 25%, #000 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}


.gradation-line::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #000 25%, #000 75%, transparent);
    background-image: linear-gradient(to right, transparent, #000 25%, #000 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}


 .contens h3.catchcopy {
    /* text-align: center; */
    font-size: 1.0em;
    color: #030303;
    width: 80%;
    margin: 0 auto;
}


 .contens h4{
    /* text-align: center; */
    font-size: 1em;
    color: #030303;
    padding-top: 15px;
    width: 80%;
    margin: 0 auto;
    

}


span.left-space{
	margin-left:5px;
	}
	



 .textbox6 p{
	color:#000;
	font-size:90%;
	line-hieght:1.5;
	margin-bottom:1em;
}


.contens-bk100{
	padding-top:10px;
	padding-bottom: 0px;
	background-color: #fff;
}


/*top box記述ここまで*/


/*side 記述ここから*/


#side_container {
    float: none;
    width: 100%;
    margin: 0 auto;
    /*background-color: #fff;*/
    margin-right: 0px;
    /* margin-top: 20px; */
    clear: both;
    /* margin-bottom: 10px; */
    padding-top: 10px;
}
#side_container .side_info  {
	background-repeat: no-repeat;
	width: 100%;
	margin-right: 15px;
	clear: right;
	/*background-image: url(../img/main_back1.png);
	background-repeat: no-repeat;*/
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom:20px;
	/*background-color:#000;*/
	/* box-shadow */
	/*box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;
	-webkit-box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;
	-moz-box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;*/
	
}
.side_info_inner p {;
	font-size: 80%;
	line-height: 1.2;
	color: #4B0101;
	text-align: left;
}
#side_container .side_info_inner   {
	/*background-color:#000;*/
	background-repeat: no-repeat;
	padding-top:0px;
}
#side_container .side_info .side_info_inner h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position:43%;
	font-size: 90%;
	color:#000;
	padding-left: 8px;
	margin-top: 10px;
	text-align: center;
}
#side_container .side_info .side_info_inner p {
	line-height: 1.2;
	margin-top: 10px;;
	color:#000;
	border: #282828 1px solid;
}

#side_container .side_banner {
}
#side_container #side_banner p {
	margin-top: 20px;

}


dl {
    width: 90%;
    margin:20px auto;
    text-align: left;
    overflow: hidden;
    /*border-bottom: 1px dotted #ede0c3;*/
    color:#282828;
}

dt {
    clear: both;
    float: left;
    width: 82px;
    padding: 5px 0px 5px 8px;
    /*border-top: 1px dotted #ede0c3;*/
    font-weight: bold;
    font-size: 90%;
    /* background-image: url(../img/side_icon.png); */
    background-repeat: no-repeat;
    background-position: left;
    color: #282828;
}




dd {
    margin-left: 90px;
    padding: 5px 0;
    /*border-top: 1px dotted #ede0c3;*/
    font-size:90%;
}




dd a:link {
	color:#282828;
	text-decoration: underline;
	font-size:110%;
	/*font-weight:bold;*/
}

.side_info .side_info_inner .map {
	padding-left: 0px;
	margin-top: 10px;
	text-align: center;

	
}





.side_info_inner .map p{
	width:95%;
	margin:0 auto;
	/*background-color:#000;*/

	margin-bottom:10px;
	font-size:105%;
	text-align:center;
	}


.side_info_inner .map a{
    display: block;
    font-size: 110%;
    padding: 10px 0;
    color: #282828;
}

.mapIcon a:before {
	content: '\e803';
    font-family: "fontello";
    margin-right: 10px;
}




.accessmap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width:95%;
    margin:0 auto;
}
.accessmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% ;
    height: 100% ;
}



dt.border_none,dd.border_none {
	    border-top: none;
}


.nav {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.nav li{
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    list-style-type: none;
    border-bottom: 1px solid #7a7979;
    border-right: 1px solid #7a7979;
    border-top: 5px solid #6fc2e8;
    text-align: center;
    background-color: #fff;
    /* font-family: 'Lancelot', cursive; */
}

.nav li a{
    display: block;
	padding: 12px 0;
    /*font-family: 'Lancelot', cursive;*/
    font-size:90%;
    
}

.nav li a span{
	display:block;
	font-size:60%;
	margin-top:3px;
	}


.nav li.current a {
    opacity:0.6;
    pointer-events:none; 
}




.nav li.border-right{
	border-right:none;
}


.border-top{
    border-top:1px solid #fff;
    margin-top:10px;
}


.nav li i.niku_icon_top{
    background: url(../img/niku2.png) no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
}



#footer {
	clear:both;
	padding:5px 0;
	clear: both;
	background-color: #d7d6d6;
	text-align: center;
	color: #fff;
	font-size:70%;
    padding-bottom: 90px;
}
body,td,th {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

.menu {
list-style-type:none;
}

table {
    background: #FFF none repeat scroll 0% 0%;
    border-collapse: collapse;
    border-color: #000;
    border-spacing: 0px;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    color: #222;
    font-size: 80%;
    width: 100%;
}

th {
    font-size: 80%;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 75px;
}



th,td {
    border-color: #000;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    line-height: 1.5;
    padding: 5px 10px;
    vertical-align: middle;
}

 #banner_area {
	margin-bottom: 15px;
}











/*メニューページ記述*/
.menuArea {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 1px;
	font-family: Georgia, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}

 .menuArea h2 {
	padding-left:0px;
	
}

p.catch {
    font-size: 120%;
    text-align: center;
    margin-top:20px;
    margin-bottom: 20px;
    color: #4B6C06;
    letter-spacing: 0.2em;
}


div.priceArea {
    text-align: center;
    margin-bottom: 50px;
}



.menuList {
    overflow: hidden;
    zoom: 1;
}



.menu-title {
    letter-spacing: 0.3em;
    font-size: 150%;
    font-weight: normal;
    border-bottom: 1px dotted #4B6C06;
    margin-top:20px;
    margin-bottom: 10px;
    color: #4B6C06;
    padding-bottom: 5px;
    margin-right:10px;
}

.menu-title span {
    font-size: 15px;
    letter-spacing: 0;
}


p.time{
	margin-bottom:30px;
	}
	

.fontsize90{
	font-size:90%;
	margin-bottom: 10px
	}

span.attention{
 	font-size:80%
 	}



div.priceArea div.price {
    margin: auto;
    padding: 15px;
    border-top: 1px dotted #4B6C06;
    border-bottom: 1px dotted #4B6C06;
    display: inline-block;
}

div.priceArea div.inner {
    color: #4B6C06;
}

div.priceArea div.price span {
    font-size: 30px;
    display: block;
}

.menu_img {
    margin:15px 0px 15px 0;
    }

.menu_img p {
	text-align:center;
	}



.menuList {
    overflow: hidden;
    zoom: 1;
}

.menuList ul.list {
    margin-right: 0;
    width: auto;
    padding-right: 10px;
    margin-top: 8px;
}

.menuList ul.list li {
    float: none;
    margin-right: 0;
    width: auto;
}

.menuList ul.list li {
line-height: 2;
    overflow: hidden;
    position: relative;
    /* padding-right: 80px; */
    margin-bottom: 0px;
    font-size: 90%;
}

/*LUNCHページ専用記述*/

.courseArea-lunch{
	position:relative;
	margin:15px 0 30px 0;
	}


.menu_img-lunch {
    margin:15px 0px 15px 0;
    }

.menu_img-lunch p {
	text-align:center;
	}



.menuList-lunch {
    float: none;
    margin-right: 0;
    width: auto;
}

.menuList-lunch ul.list {
    margin-right: 0;
    width: auto;
    padding-right: 10px;
    margin-top: 15px;
}

.menuList-lunch ul.list li {
    float: none;
    margin-right: 0;
    width: auto;
}

.menuList-lunch ul.list li {
line-height: 2;
    overflow: hidden;
    position: relative;
    padding-right: 80px;
    margin-bottom: 10px;
    font-size: 90%;
}

/*LUNCHページ専用記述*/








.topborder{
	border-top:#666 dotted 1px;
	padding-top:5px;
	
}

.topmargin10{
	margin-top:10px;
}

.bottommargin20{
	margin-bottom:20px;
}



.bottomborder{
	border-bottom:#666 dotted 1px;
    padding-bottom: 5px;	
}


span.strong{
	font-weight:bold;
	}


.menuList ul li span.price {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}


.menuList ul li span.price2 {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}


.menuList ul li span.ex {
    font-size: 100%;
    color: #000;
    display: block;
    margin-top: 10px;
}
h5.headline {
    font-size: 90%;
    font-weight: normal;
    margin:10px 0;
    color: #000;
    letter-spacing: 0.2em;

}


h5.headline span {
    font-size: 11px;
    letter-spacing: 0;
}

.h5title{
	font-size:100%;
	margin-top: 10px;

}

.bbq{
	margin-bottom:15px;
}


/*メニュースタイル2*/


.menuList2 {
    overflow: hidden;
    zoom: 1;
    padding-bottom: 10px;
}

.menuList2 ul.list {
    margin-right: 0;
    width: auto;
    padding-right: 0px
}

.menuList2 ul.list li {
    float: none;
    margin-right: 0;
    width: auto;
}

.menuList2 ul.list li {
line-height: 2;
    overflow: hidden;
    position: relative;
    padding-right: 0px;
    margin-bottom: 10px;
    font-size: 90%;
}


.menuList2 p{
	font-size:80%;
	color:#666;
	}


.attentionBox{
border:dotted 1px #666;
    margin-top: 15px;
    padding-bottom: 15px;

}


.attentionBox p{
    font-size: 80%;
    color: #000;
	padding:5px;
	}
	


/*COUPON*/

.coupon {
background: rgb(163,132,32);
background: -moz-linear-gradient(45deg,  rgba(163,132,32,1) 0%, rgba(226,197,90,1) 22%, rgba(158,139,31,1) 59%, rgba(158,139,31,1) 82%, rgba(91,86,8,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(163,132,32,1) 0%,rgba(226,197,90,1) 22%,rgba(158,139,31,1) 59%,rgba(158,139,31,1) 82%,rgba(91,86,8,1) 100%);
background: linear-gradient(45deg,  rgba(163,132,32,1) 0%,rgba(226,197,90,1) 22%,rgba(158,139,31,1) 59%,rgba(158,139,31,1) 82%,rgba(91,86,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a38420', endColorstr='#5b5608',GradientType=1 );
color: red;
font-size: 200%;
padding:10px;
}

.coupon p{
    font-family: Bodoni serif;
    text-align: center;
    text-transform: uppercase;
    text-shadow: #363535 3px 3px 5px;
    font-variant: small-caps;
}

.coupon-detail {
	border-right:1px #666 solid;
	border-left:1px #666 solid;
	border-bottom:1px #666 solid;
	margin-bottom:20px;
	}
	
	
.coupon-detail p{
	font-size:90%;
	line-height:1.5;
}

.coupon-detail div.text{
	padding:5px;
	}
	

.expirationDate {
	text-align:center;
	font-weight:bold;
	width:90%;
	margin:10px auto 10px auto;
	border:1px #666 solid;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding:5px 0;
	
}


.conditions {
	text-align:center;
	font-weight:bold;
	margin:10px 0;
	font-size:120%;
	
}

/*SNS AREA*/


#footer #social_area{
	width:95%;
	margin:10px auto;
	text-align: left;
	}
	
	
	
#social_area .facebook_area {
	display:inline-block;
	}

#social_area .twitter_area {	
	display:inline-block;
	margin-left:5px;
	}
	
#social_area .line_area {
	text-align:center;
	}


span.square{
height:10px; 
width:10px;
display:inline-block;
background-color:#000;
position:relative;
margin-right:0.5em;
	} 



 .generic {
    /*width: 490px;*/
    float: none;
    background-color: #fff;
    padding-bottom: 30px;
    /* box-shadow */
	box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;
	-webkit-box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;
	-moz-box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;	
}


 .main_box2 {
    background: rgb(204,0,0);
    background: -moz-linear-gradient(45deg, rgba(204,0,0,1) 0%, rgba(204,34,34,1) 27%, rgba(204,65,65,1) 45%, rgba(204,65,65,1) 70%, rgba(160,0,0,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(204,0,0,1) 0%,rgba(204,34,34,1) 27%,rgba(204,65,65,1) 45%,rgba(204,65,65,1) 70%,rgba(160,0,0,1) 100%);
    background: linear-gradient(45deg, rgba(204,0,0,1) 0%,rgba(204,34,34,1) 27%,rgba(204,65,65,1) 45%,rgba(204,65,65,1) 70%,rgba(160,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#a00000',GradientType=1 );
    overflow: hidden;
    margin-left: 10px;
	width: 95%;
    margin-top: 20px;
    position: relative;
}

 .imgbox2 {
    width: 100%;
    /* float: left; */
    /* padding-right: 10px; */
    text-align: center;
}

 .textbox2 {
    width: 100%;
    color: #fff;
    font-size: 130%;
    /* float: left; */
    padding: 10px 10px 10px 10px;
    text-align: center;

}


.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.6;  
    filter: alpha(opacity=60);  
} 

 .main_box2 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
}


 h2 span.timeTitle {
    display: block;
    font-size: 70%;
    margin-top: 5px;
}


.menu_img-dolce {
    letter-spacing: -1em;
    /*table-layout: fixed;*/
    width:100%;
    
}





.menu_img-dolce p {
    text-align: center;
	/*display: table-cell;*/
}


.menu_img-dolce p.dolce_display_spnone {
    display: none;
}


#info p span {
    display: block;
    margin-top: 3px;
    font-size: 105%;
    font-weight: bold;
}



#info i.tel_icon_top {
	background: url(../img/tel_icon.png) no-repeat;
	background-size: cover;
	display: inline-block;
	vertical-align: text-top;
	width: 16px;
	height: 16px;
	margin: 0 3px 0 0 ;
}



#info p span.tel{
    padding: 2px;
    margin: 0 5px 0 0;
    padding: 2px;
    display: inline;
}



/*****ここから追加********/

.contact-area {
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
    padding-top: 40px;
}





.contact-area h3{
    text-align: center;
    font-size: 100%;
    margin-bottom: 20px;

}


.contact-area ul li{
    float: left;
    /* float: left; */
    margin-top: 10px;
    width: 100%;
    border: 1px solid #4a6aee;
	 list-style: none;
    background-color: #4a6aee;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 120%;
    /* font-weight: bold; */
}


.contact-area ul li.line{
    margin-right: 0;
    background-color: #00c300;
    border: 1px solid #00c300;
    padding: 0px 0;
}

.id-search{
font-size:70%;
/*display:block;*/
}


.contact-area a {
    color:#fff;
    text-decoration:underline;
    padding: 10px 0;
    display: block;
}

.contact-area a:link {
    color:#fff;
    text-decoration:none;
}

.contact-area a:visited{
    color: #fff;
    text-decoration: none
}
.contact-area a:hover{
    color:#fff;
    text-decoration:none;
}
.contact-area a:active {
    text-decoration:none;
}




.access-area{
    width: 95%;
    margin: 0 auto;
    padding-top: 40px;
}


.access-area h3{
    text-align: center;
    font-size: 100%;
    margin-bottom: 20px;

}

.access-area p{
    font-size: 90%;
}


.access-detail-1{
    /* width: 50%; */
    /* float: left; */
    /* border-top: dotted 1px #666; */
    /* border-bottom: dotted 1px #666; */
    /* border-left: dotted 1px #666; */
    /* padding: 10px; */

}

.access-detail-2{
	/*border-top: dotted 1px #666;
	border-bottom: dotted 1px #666;
	border-right: dotted 1px #666;
	padding: 10px*/

}

.title-catchcopy{
    width: 100%;
    max-width: 1500px;
    margin: auto;
    position: absolute;
    right: 0;
    top: -100%;
    bottom: 0;
    height: 0%;
    z-index: 29;
    text-align: center;
    color: #fff;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
}

.siteid{
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    height: auto;
    z-index: auto;
}

.service2{
    width: 90%;
    max-width: 2000px;
    margin: 0 auto;
    /*background-color: #FAFAFA;*/
    overflow: hidden;
    padding: 80px 0 50px 0;
}



.contens3 {
    /*width: 1000px; */
    margin: 0 auto;
    background-color: #e5e5e5;
    /* padding-top: 80px; */
    padding-left: 0px;
    padding-bottom: 20px;
    overflow: hidden;
}

 .contens3 h2.gradation-line-h2 {
    position: relative;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    margin: 40px 0;
    color: #000;
    font-size: 130%;
    font-family: 'Anaheim', sans-serif;
}



 .contens3 h2.gradation-line-h2::before {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 25%;
    height: 0.8px;
    margin: 0px auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #535351 30%, #535351 70%, transparent);
    background-image: linear-gradient(to right, transparent, #535351 30%, #535351 70%, transparent);
    background-position: center;
    background-repeat: no-repeat
}

.service3{
    /* width: 1000px; */
    margin: 0 auto;
    background-color: #e5e5e5;
    overflow: hidden;
    /* padding: 80px 0 50px 0; */
}

 .twitter {
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    /* margin-top: 10px; */
    padding-bottom: 0px;
    width: 85%;
    margin: 0px auto;
    /* float: right; */
    text-align: center;
}


.follow {
    /*background-color: #fafafa;*/
    }

.follow h5{
	font-size:110%;
	color:#fff;
	padding-top: 10px;

}



.follow p{
    display: inline-block;
    margin: 15px 0 10px 0;
    padding: 5px;
    max-width: 50px;

}


.attentionBox .contact{
	width:90%;
	margin:0 auto;
    background-color: #4a6aee;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 100%;
    /* font-weight: bold; */
    padding:0;
}


.attentionBox .contact a{
	color:#fff;
	display:block;
	padding:5px 0;
}



.map_container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.map_container iframe,
.map_container object,
.map_container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





}



/* ************************************
@media screen,print and (min-width: 768px)
**************************************** */

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


.display_pcnone{
	display:none;
}
	

body {
	background-color: #fff;
}
#all {
	width: 100%;
	height: 100%;
}
#header {
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
	
}
#header_inner {
    /*width: 1000px;*/
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    background-repeat: repeat-x;
    z-index: 20;
    padding: 0 30px
    /* height: 110px; */
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}



#header_inner #logo{
    /*position: absolute;
    top: 50px;
    left: 300px;
    z-index: 9999;
     background-color: #fff; */
    /* opacity: 0.5; */
    padding-bottom: 15px;
}

#header_inner #logo h1 {
    max-width: 100%;
    text-align: left;
    color: #000;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    opacity: 1.0;
    margin: 20px 0px 0;
    font-size: 150%;
}


#header_inner #logo span {
    font-size:70%;
    display:block;
}


#header_inner #logo .opacity-background {
    max-width: 100%;
    text-align: left;
    color: #fff;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    opacity: 1.0;
    margin: 0px 0 10px 0;
    font-size: 140%;
    position: absolute;
    top: 0px;
    right: 0px;
    padding-right: 30px;
    
}

#header_inner #logo .opacity-background p{
    display: inline-block;
    margin-left: 30px;
}
#header_inner #logo .opacity-background a{
	color:#444;
}



#header_inner #logo p {
    font-size: 90%;
    opacity: 1.0;
    color: #444;
    padding: 5px 0px 5px 10px;
    margin-top: 0px;
    clear: both;
}




#header_inner #info {
	text-align:right;
}

#info p {
	font-size:120%;
	margin:5px auto;
	text-align:right;
	color:#000;
	display: inline-block;
	text-align:center;
}



#info p.reservation{
	font-size:120%;
}

#info p.reservation a{
	pointer-events: none;
	padding:20px 5px 20px 10px;
}

#info p span{
    display: inline;
    margin-left: 10px;
    margin-right: 3px;
    background-image: url(../img/tel_icon.png) ;
    background-repeat:no-repeat;
    padding: 5px 0px 5px 38px;
	
}

#info p span.display_pcnone {
    display: none;
}




#info .topcouponFont a{
	color:red;
	font-weight: bold;
}		


#info .green {
	padding: 0px;
	margin: 20px 10px 10px 0px; 

}

#info .green a{
	background: rgb(0,110,46);
	background: -moz-linear-gradient(45deg,  rgba(0,110,46,1) 0%, rgba(0,51,26,1) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(0,110,46,1) 0%,rgba(0,51,26,1) 100%);
	background: linear-gradient(45deg,  rgba(0,110,46,1) 0%,rgba(0,51,26,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#00331a',GradientType=1 );
	
}




#info a{
	display:block;
    padding: 20px;
	/*background-color:green;*/


}



#header_inner .info2 a {
    position: absolute;
    top: 115px;
    right: 0px;
	background: rgb(255,48,25);
	background: -moz-linear-gradient(45deg,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	background: linear-gradient(45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
	color: #FFF;
    padding: 10px 25px 10px 25px;
    opacity: 0.9;
    font-size: 180%;
    border-radius: 5px;
    font-weight: bold;
	}

#header_inner .info2 a:after{
   content: '\e803';
    font-family: "fontello";
    margin-left: 10px;
    font-weight:bold;
}




/*--------------------------------
スマホのフッターメニュー
---------------------------------*/
ul.footer_menu {
    overflow: hidden;
    display: block;
    position: fixed;
    bottom: 30px;
    right: 20px;
    background-color: #ccc;
    z-index: 9999999999;
    -moz-opacity: 0.9;
    opacity: 0.8;
    border-radius: 10px;
}


ul.footer_menu li {
	vertical-align:middle;

}


ul.footer_menu li.display_pcnone{
	display: none;
	}

ul.footer_menu li a {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 70%;
    padding: 15px 20px 15px 20px;
}
	
	
ul.footer_menu .border-right {
	border-right:solid #fff 1px; 
	
}

li a i {

}

i.info_icon {
    background: url(../img/info_icon.png) no-repeat;
    background-size:cover;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}


i.tel_icon {
    background: url(../img/tel_icon.png) no-repeat;
    background-size:cover;
    display:inline-block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}


i.top_icon {
    background: url(../img/arrow_icon.png) no-repeat;
    background-size:cover;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}


span.info_text {
    display: block;
    /* text-align: center; */
    color: #fff;
    margin-top: 3px;
    font-size: 100%;
    
}


ul.footer_menu2 {
    width: 100%;
    overflow: hidden;
    display: table;
    /* table-layout: fixed; */
    /* background-color: #fff; */
    z-index: 9999999999;
    -moz-opacity: 0.9;
    opacity: 0.9;
    border-radius: 5px;
}


ul.footer_menu2 li {
    /* display: table-cell; */
    /* vertical-align: middle; */

}


ul.footer_menu2 li a {
    display: block;
    color: #8F8F8F;
    /* text-align: center; */
    font-size: 70%;
    padding: 8px;
}

ul.footer_menu2 li a:visited {
	color: #8F8F8F;
}


	
	
ul.footer_menu2 .border-right {
	/*border-right:solid #fff 1px; */
	
}

div.footer_menu_top{
    width: 220px;
    position: fixed;
    /* bottom: 150px; */
    left: 10px;
    top: 30px;
    z-index: 9999;
    display:none;
}


div.footer_menu_top_pc{
    width: 250px;
    position: fixed;
    bottom: 150px;
    right: 15px;
    border-radius:5px;
}


ul.footer_menu3 {
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    background-color: #fff;
    z-index: 9999999999;
    -moz-opacity: 0.9;
    opacity: 0.9;
    border-radius: 0px;
}


ul.footer_menu3 li {
	display: table-cell;
	vertical-align:middle;

}


ul.footer_menu3 li a {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 70%;
	padding:8px;
	height:100%;
}
	
	
ul.footer_menu3 .border-right {
	border-right: solid #fff 1px;
    /* border-bottom: solid #fff 1px; */
}



ul.footer_menu3 span.info_text {
    text-align: center;
    color: #fff;
    margin-top:3px;
}

.menu-border-top {
	/*border-top: solid #fff 1px; */ 
}


/*
.menu-box {
	background: #000;
	position: fixed;
	left: 0px;
	bottom: 0px;
	font-size: 100%;
}


.menu-box p{
	float:left;
	border-style:1px 
}


.menu-box a {
	background: #000;
	text-decoration: none;
	color: #fff;
	width:100%;
	padding: 0px 0;
	text-align: center;
	display: block;
	border-radius: 0px;
}


*/

/*
#page-top {
	position: fixed;
	bottom: 10px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #000;
	text-decoration: none;
	color: #fff;
	padding: 25px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}
*/

/* カルーセル */
 h2{
	margin-top: 0px;
	padding-top: 15px;
	padding-left: 10px;
	margin-bottom: 15px;
    /* font-family: 'Bilbo Swash Caps', cursive; */
    font-size: 2.5em;
    color:#000;
}


 h2 span{
    font-size: 40%;
    color:#000;
    margin-left:1em;
}


 h2 span.timeTitle{
	display:block;
}



.slide{
	background-image: url(../img/bg-carouselpanel.png);
	background-repeat: no-repeat;
	width: 100%;
}
.slide .slideinner{
	margin-left: 11px;
	padding-top: 10px;
}
#carousel p{
	float:left;
}
div#pager {
	text-align:center;
}




 {
    width: 100%;
    padding-left: 0px;
    margin: 0px auto 0 auto;
    overflow: hidden;
    padding-bottom: 0px;
    background-color: #FFF;
}
 {
	float: none;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* box-shadow */
	/*box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;
	-webkit-box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;
	-moz-box-shadow:rgba(19, 22, 26, 0.631373) 7px 6px 3px -1px;*/	
}
 .contens {
	/*width:1000px;*/
	margin:0 auto;
	background-color: #fff;
	padding-top: 80px;
	padding-left: 0px;
	padding-bottom:80px;
	overflow: hidden;
}
 .main_box{
	padding-top:10px;
	padding-bottom:10px;
	width: 680px;
	background-color: #FC9;
	overflow:hidden;
	margin-right:20px;
	margin-top:20px;

}
 .imgbox{
	width: 190px;
	float: left;
	text-align:center;
}
 .textbox{
	width: 480px;
	padding:0px;
	float: left;
	text-align:left;
}

 .textbox h3{
	color:#000;
	font-size:90%;
	padding:3px 5px;
	background-color: #4a0001;
	text-align:left;
	
}

 .textbox p{
	color:#000;
	font-size:90%;
}



 #topics {
	width:100%;
	clear: both;
	padding-top:20px;
	padding-bottom: 20px;
    overflow: hidden;
    background-color: #F3E6C4;
	}
	
 #topics .topics-inner {
	width:1000px;
	margin:0 auto;
	}


 .generic{
	width: 490px;
	float:right;
	background-color: #fff;
	padding-bottom: 30px;
	
	}
	
 .generic p{
	width: 230px;
	
	}	



 .sns_area{
    /* width: 490px; */
    /* float: left; */
    margin-right: 10px;
    background-color: #fafafa;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 5px;
    margin-bottom: 0px;
    overflow: hidden;
}
 .facebook {
    background-color: #fafafa;
    background-repeat: no-repeat;
    /*margin-top: 10px;*/
    padding-bottom: 0px;
    width: 490px;
    /*margin: 15px auto;*/
    /* text-align: center; */
    float: left;
}





/*pickup記述*/

 .main_box2{
background: rgb(204,0,0);
background: -moz-linear-gradient(45deg,  rgba(204,0,0,1) 0%, rgba(204,34,34,1) 27%, rgba(204,65,65,1) 45%, rgba(204,65,65,1) 70%, rgba(160,0,0,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(204,0,0,1) 0%,rgba(204,34,34,1) 27%,rgba(204,65,65,1) 45%,rgba(204,65,65,1) 70%,rgba(160,0,0,1) 100%);
background: linear-gradient(45deg,  rgba(204,0,0,1) 0%,rgba(204,34,34,1) 27%,rgba(204,65,65,1) 45%,rgba(204,65,65,1) 70%,rgba(160,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#a00000',GradientType=1 );
    overflow: hidden;
    margin-left: 10px;
    width: 470px;
    margin-top: 20px;
    position:relative;
	
}


 .main_box2 a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
	}
	
	
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.6;  
    filter: alpha(opacity=60);  
} 

 .imgbox2{
	width: 230px;
	float: left;
	padding-right:10px;
	text-align:center;
}
 .textbox2{
	width: 230px;
	text-align:left;
	color:#000;
	font-size: 110%;
	float: right;
}

 .textbox2 h3{
	color:#000;
	font-size:90%;
	color:#000;
	padding:0px 5px;
	background-image: url(../img/side_icon.png);
	background-repeat: no-repeat;
	background-position: right bottom
	text-align:left;
	
}

 .textbox2 p{
	padding-top:10px;
}



 .imgbox3{
	width: 330px;
	float: left;
	text-align:center;
}
 .textbox3{
	width:500px;
	margin:0px 0 0 0;
	padding-left:0px;
	float: none;
	text-align:left;
	/*background-color:#000;*/
	color:#000;
	position:absolute;
	top:0;
	right:0;
}

 .textbox3 h3{
	color:#000;
	font-size:90%;
	color:#000;
	padding:0px 5px;
	background-image: url(../img/side_icon.png);
	background-repeat: no-repeat;
	background-position: right bottom
	text-align:left;
	
}

 .textbox3 p{
	color:#000;
	font-size:100%;
	line-height:1.5;
	margin-bottom:0.5em;
}
/*アクセス記述ここまで*/


/*top box記述*/
 .main_box4{
    padding-top: 0px;
    padding-bottom: 0px;
    width: 23%;
    max-width: 500px;
    /* background-color: #fff; */
    overflow: hidden;
    margin-right: 2%;
    margin-top: 30px;
    float: left;
    /* margin: 0 auto; */
    /* float: right; */
    /* margin: 0px auto 0 auto; */
    /* float: left; */
    /* background-color: #b1e2fb; */
    /* border-bottom: 1px dotted #ede0c3; */
    /* background-color: #b1e2fb; */
    /* background-color: #b1e2fb; */

}


 .imgbox4{
    /*width: 300px;*/
    /* margin: 0 auto; */
    text-align: center;
   /* /*background-color: #fff;*/*/
    /* float: right; */
    padding: 10px;
    /* border: 1px solid #fff; */
}
 .textbox4{
    /* width: 300px; */
    /* margin: 0px auto 0 auto; */
    /* padding: 0 10px; */
    /* float: left; */
    text-align: left;
    margin-top: 10px;
}

 .textbox4 h3{
	font-size:110%;
	color:#000;
	/*background-color: #b1e2fb;*/
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", "Meiryo"serif;
}

 .textbox4 span.font80{
	font-size:80%;
	}


 .textbox4 p{
    color: #000;
    font-size: 90%;
    line-hieght: 1.5;
    margin-bottom: 10px;
}





  dl {
    width: 60%;
    margin:15px auto;
    text-align: left;
    overflow: hidden;
    /*border-bottom: 1px dotted #ede0c3;*/
    color:#000;
}

  dt {
    clear: both;
    float: left;
    width: 82px;
    padding: 5px 0px 5px 8px;   
    /*border-top: 1px dotted #ede0c3;*/
    font-weight: bold;
    font-size:100%;
    /*background-image: url(../img/side_icon.png);*/
    background-repeat: no-repeat;
    background-position:left;
    color: #4B0101;
}




  dd {
	margin-left: 110px;
    padding: 5px 0;
    /*border-top: 1px dotted #ede0c3;*/
    font-size: 100%;
}




  dd a:link {
	color:#000;
	text-decoration: underline;
	font-size:110%;
	font-weight:bold;
}



  .telBox {
    padding-left: 0px;
    margin-top: 10px;
    text-align: center;
    clear: both;
}



  .telBox p{
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    margin-bottom: 10px;
    font-size: 105%;
    text-align: center;
}


  .telBox a{
	display: block;
    font-size: 110%;
    padding: 10px 0;
}


.telIcon a:after {
	content: '\e803';
    font-family: "fontello";
    margin-left: 10px;
    font-weight: bold;
}






 .main_box5{
	padding-top:0px;
	padding-bottom:0px;
	width: 100%;
	background-color: #fff;
	overflow:hidden;
	margin-right:50px;
	margin-top:50px;
	float:none;
}



 .imgbox5{
	width: 468px;
	margin:0 auto;
	text-align:center;
	background-color:#000;
	float:left;
	padding:10px;
	border:1px solid #fff;
}
 .textbox5{
	width:480px;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	background-color:#000;
	color:#000;
	float:right;
}

 .textbox5 h3{
	font-size:140%;
	color:#000;
	/*background-color: #b1e2fb;*/
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", "Meiryo"serif;
	
}

 .textbox5 p{
	color:#000;
	font-size:100%;
	line-hieght:1.5;
	margin-bottom:1em;
}


 .main_box6{
	padding-top:0px;
	padding-bottom:0px;
	width: 100%;
	background-color: #fff;
	overflow:hidden;
	margin-right:20px;
	margin-top:50px;
}



 .imgbox6{
	width: 468px;
	margin:0 auto;
	text-align:center;
	background-color:#000;
	float:right;
	padding:10px;
	border:1px solid #fff;
}
 .textbox6{
	width: 480px;
	margin:0 auto;
	float:left;
	padding:0 10px;
	text-align:left;
	background-color:#000;
	color:#000;
}

 .textbox6 h3{
	font-size:140%;
	color:#000;
	border-bottom;1px solid #056509
	/*background-color: #b1e2fb;*/
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", "Meiryo"serif;

}

/*
.gradation-line-h2 {
    position: relative;
    width: 100%;
    margin: 50px 0;
    padding: 2px 0;
    text-align: left;
}



.gradation-line-h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 65%;
    height: 1px;
    margin: 0 0 0 1%;
    text-align: left;
    background-image: -webkit-linear-gradient(left, transparent, #000 5%, #000 10%, transparent);
    background-image: linear-gradient(to right, transparent, #000 5%, #000 10%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}
*/

 .contens h2.gradation-line-h2 {
    position: relative;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    margin: 80px 0;
    color: #000;
    font-size: 2.0em;
    font-family: 'Anaheim', sans-serif;
}



 .contens h2.gradation-line-h2::before {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 25%;
    height: 0.8px;
    margin: 0px auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #535351 30%, #535351 70%, transparent);
    background-image: linear-gradient(to right, transparent, #535351 30%, #535351 70%, transparent);
    background-position: center;
    background-repeat: no-repeat
}












 .contens-bk100 h2.gradation-line-h2 {
    position: relative;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    margin: 80px 0;
    color: #000;
    font-size: 2.0em;
    font-family: 'Anaheim', sans-serif;
}



 .contens-bk100 h2.gradation-line-h2::before {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 25%;
    height: 0.8px;
    margin: 0px auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #535351 30%, #535351 70%, transparent);
    background-image: linear-gradient(to right, transparent, #535351 30%, #535351 70%, transparent);
    background-position: center;
    background-repeat: no-repeat
}


 .contens-bk100 h2.gradation-line-h2 {
    position: relative;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    margin: 80px 0;
    color: #000;
    font-size: 2.0em;
    font-family: 'Anaheim', sans-serif;
}







 .contens h3.catchcopy{
    text-align: center;
    font-size: 1.7em;
    color: #030303;

}

 .contens h4{
text-align:center;
margin: 10px 0 120px 0;
font-size: 1.7em;
}



 .contens-bk100{
	width:100%;
	background-color: #fff;
	    padding-bottom:40px;
}


 .service{
    width: 1000px;
    margin: 0 auto;
    /*background-color: #FAFAFA;*/
    overflow: hidden;
    padding: 80px 0 50px 0;
}





#side_container .side_info .side_info_inner h2.gradation-line-h2 {
    position: relative;
    width: 100%;
    margin: 30px 0;
    padding: 2px 0;
    text-align: left;
    color: #FFF;
    font-size: 2.0em;
    font-family: 'Anaheim', sans-serif;
}

#side_container .side_info .side_info_inner h2.gradation-line-h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 45%;
    height: 1px;
    margin: 0 0 0 0%;
    text-align: left;
    background-image: -webkit-linear-gradient(left, transparent, #fff 0%, #fff 10%, transparent);
    background-image: linear-gradient(to right, transparent, #fff 0%, #fff 10%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}



#side_container .side_info .side_info_inner h2.gradation-line-h2 span{
    color:#000;
}






.gradation-line {
    position: relative;
    width: 100%;
    padding: 5px 0;
    text-align: center;
	color:#000;
    font-size:130%;
    margin-top: 30px;
    margin-bottom: 20px;

}


.font-size100{
	font-size:150%;
}

span.subtitle{
	font-size:70%;
	padding-left:5px;
	}

.gradation-line::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0.8px;
    margin: 0 auto;
    text-align: center;
    /*background-image: -webkit-linear-gradient(left, transparent, #000 25%, #000 75%, transparent);*/
    background-image: linear-gradient(to right, transparent, #000 25%, #000 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}


.gradation-line::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0.8px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #000 25%, #000 75%, transparent);
    background-image: linear-gradient(to right, transparent, #000 25%, #000 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}


span.left-space{
	margin-left:5px;
	}
	



 .textbox6 p{
	color:#000;
	font-size:100%;
	line-hieght:1.5;
	margin-bottom:1em;
}


/*top box記述ここまで*/


/*side 記述ここから*/


#side_container {
	float: none;
	width: 100%;
	margin:0 auto;
	/*background-color: #fff;*/
	margin-right: 0px;
	margin-top:0px;
	clear:both;
	margin-bottom:0px;
	/*padding-top: 120px;*/
}


#side_container .side_info  {
    background-repeat: no-repeat;
    margin-right: 0px;
    clear: right;
    /*background-color: #fff;*/
}


.side_info {
	}

.side_info_inner p {;
	font-size: 80%;
	line-height: 1.2;
	color: #4B0101;
	text-align: left;
}
#side_container .side_info_inner   {
	width:1000px;
	margin:0 auto;
	/*background-color:#000;*/
	background-repeat: no-repeat;
	padding-top:0px;
	overflow: hidden;
    padding-bottom: 30px;
}
#side_container .side_info .side_info_inner h3 {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 43%;
    font-size: 110%;
    color: #000;
    padding-left: 10px;
    margin: 20px 0;
    text-align: center
}
#side_container .side_info .side_info_inner p {
	line-height: 1.2;
    /*margin-top: 3px;*/
    color: #000;
    width: 45%;
    margin-right: 5%;
    float: left;
    height: 60px;
    padding-top: 30px;
    margin-top: 20px;
}

#side_container .side_banner {
}
#side_container #side_banner p {
	margin-top: 20px;

}


dl {
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    /* border-bottom: 1px solid #d7d7d7; */
    color: #000;
    /* float: left; */
    padding-bottom: 80px;
    margin-bottom: 80px;
}

dt {
    clear: both;
    float: left;
    width: 81px;
    padding: 10px 0px 5px 8px;
    /* border-top: 1px solid #fff; */
    font-weight: bold;
    font-size: 90%;
    /* background-image: url(../img/side_icon.png); */
    background-repeat: no-repeat;
    background-position: left;
    color: #000;
}




dd {
    margin-left: 140px;
    padding: 10px 10px;
    /* border-top: 1px solid #fff; */
    font-size: 100%;
}




dd a:link {
    color: #000;
	text-decoration: underline;
	font-size:110%;
	/*font-weight:bold;*/
}

.side_info .side_info_inner .map {
    padding-left: 0px;
    margin-top: 20px;
    text-align: center;
    /*width: 400px;*/
    /* float: right; */
}



.side_info .side_info_inner .company{
	/*float:left;
	width:400px;*/
	}



.side_info .side_info_inner .company-detail {
	float:right;
	width:400px;
	}




.side_info_inner .map p{
	width: 398px;
    margin: 0 auto;
    /* background: rgb(48,96,50); */
    /*background: -moz-linear-gradient(left, rgba(48,96,50,1) 1%, rgba(0,127,67,1) 100%); */
    /* background: -webkit-linear-gradient(left, rgba(48,96,50,1) 1%,rgba(0,127,67,1) 100%); */
    /* background: linear-gradient(to right, rgba(48,96,50,1) 1%,rgba(0,127,67,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306032', endColorstr='#007f43',GradientType=1 );
    margin-bottom: 10px;
    font-size: 105%;
    text-align: center;
    border: solid 1px #2b2a2a;
    
	}


.side_info_inner .map a{
	display:block;
    font-size:120%;
    padding:10px 0;
}

.mapIcon a:before {
	content: '\e803';
    font-family: "fontello";
    margin-right: 10px;
}

.mapIcon-sp-area{
    position: relative;
    margin: 0 auto;
    /* background: rgb(48,96,50); */
    /*background: -moz-linear-gradient(left, rgba(48,96,50,1) 1%, rgba(0,127,67,1) 100%);*/
    /* background: -webkit-linear-gradient(left, rgba(48,96,50,1) 1%,rgba(0,127,67,1) 100%); */
    /* background: linear-gradient(to right, rgba(48,96,50,1) 1%,rgba(0,127,67,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306032', endColorstr='#007f43',GradientType=1 );
    margin-bottom: 10px;
    font-size: 105%;
    height: 90px;
    border: solid 1px  #2b2a2a;
    /* border-radius: 20px; */
    width: 49%;
    float: left;
    margin-top: 20px;
	
	}


#side_container .side_info .side_info_inner p.mapIcon-sp{
    text-align: left;
    position: absolute;
    top: -15px;
    left: 30px;
    font-size: 120%;
    border: none;
    width: 100%;
}


p.mapIcon-sp:before {
	content: '\e803';
    font-family: "fontello";
    margin-right: 10px;
   font-size: 110%;
}

.mapIcon-sp-area span{
	display:block;
	position:absolute;
	top:8px;
	right:8px;
	}


.accessmap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    margin: 15px auto;
}
.accessmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% ;
    height: 100% ;
}



dt.border_none,dd.border_none {
	    border-top: none;
}


.gnav{
   width: 100%;
   background-color: #fff;
}

.nav {
    margin: 0 auto;
    width: 1000px;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.nav li{
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    list-style-type: none;
    /*border-right:1px solid #fff;*/
    text-align:center;
    background-color: #fff;
    font-family: 'Lancelot', cursive;
}

.nav li a{
    display: block;
    padding: 8px 0;
    font-family: 'Lancelot', cursive;
    font-size:180%;
    
}

.nav li a span{
	display:block;
	font-size:50%;
	margin-top:3px;
	}


.nav li.current a {
    opacity:0.6;
    pointer-events:none; 
}




.nav li.border-right{
	border-right:none;
}


.border-top{
    border-top:1px solid #fff;
    margin-top:10px;
}



#footer {
    clear: both;
    padding: 15px 0;
    clear: both;
    background-color: #c4c4c4;
    color: #ffffff;
    font-size: 90%;
    margin-bottom: 0px;
    text-align: center;
}
body,td,th {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

.menu {
list-style-type:none;
}

table {
    background: #FFF none repeat scroll 0% 0%;
    border-collapse: collapse;
    border-color: #000;
    border-spacing: 0px;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    color: #222;
    font-size: 80%;
    width: 100%;
}

th {
    font-size: 80%;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 75px;
}



th,td {
    border-color: #000;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    line-height: 1.5;
    padding: 5px 10px;
    vertical-align: middle;
}

 #banner_area {
	margin-bottom: 15px;
}


/*メニューページ記述*/
.menuArea {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
	font-family: Georgia, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}

 .menuArea h2 {
	padding-left:0px;
	
}

p.catch {
    font-size: 120%;
    text-align: center;
    margin-top:20px;
    margin-bottom: 20px;
    color: #4B6C06;
    letter-spacing: 0.2em;
}


div.priceArea {
    text-align: center;
    margin-bottom: 50px;
}



.menuList {
    overflow: hidden;
    zoom: 1;
}



.menu-title {
    letter-spacing: 0.3em;
    font-size: 150%;
    font-weight: normal;
    border-bottom: 1px dotted #4B6C06;
    margin-top:20px;
    margin-bottom: 10px;
    color: #4B6C06;
    padding-bottom: 5px;
    margin-right:10px;
}

.menu-title span {
    font-size: 15px;
    letter-spacing: 0;
}


p.time{
	margin-bottom:30px;
	}
	

.fontsize90{
	font-size:90%;
	margin-bottom: 10px
	}

span.attention{
 	font-size:70%
 	}



div.priceArea div.price {
    margin: auto;
    padding: 15px;
    border-top: 1px dotted #4B6C06;
    border-bottom: 1px dotted #4B6C06;
    display: inline-block;
}

div.priceArea div.inner {
    color: #4B6C06;
}

div.priceArea div.price span {
    font-size: 30px;
    display: block;
}

.menu_img {
    margin:15px 0px 15px 0;
    }

.menu_img p {
	text-align:center;
	width:450px;
	display:inline-block;
	}
	
	
/*ドリンク記述*/	
.menu_img-drink {
    width: 500px;
    margin: 30px auto 30px auto;
    }

.menu_img-drink p {
	text-align:center;
	display:inline-block;
	padding: 10px;
    border: 1px solid #fff;
    width:500px;
	}
	
	
/*ドリンク記述*/	


/*パーティー記述*/
.menu_img-party {
    margin:15px 0px 15px 0;
    position:relative;
    }

.menu_img-party p {
	width:450px;
	/*display:inline-block;*/

	}
	
.partyArea{
	margin:60px 0 0 0;
	width:1000px;
	position:relative;
	}
	
.margin-top100{
	margin-top:100px;
	}
	
.partyArea-menu{
	width:470px;
	}

.partyArea-drink{
	width:500px;
	position:absolute;
	top:0;
	right:0;
	}


	
/*ドルチェ記述*/	
.menu_img-dolce {
	margin: 15px 0 40px 18px;
    letter-spacing: -1em; 
    width:930px;
    }

.menu_img-dolce p {
	text-align:center;
	width:300px;
	display:inline-block;
	margin-right:10px;
	}



.menuList {
    overflow: hidden;
    zoom: 1;
    /*background-color: #666;*/
}

.menuList ul.list {
    margin-right: 0px;
    /*width: 1000px;*/
    overflow: hidden;
}

.menuList ul.list li {
    float: left;
    margin-right: 50px;
    width: 100%;
    line-height: 1.8;
    overflow: hidden;
    position: relative;
    /*padding-right: 80px;*/
    /* margin-bottom: 10px; */
    font-size: 100%;
}


.autoheight{
	margin:10px;
	}

.h5title{
    margin-top: 20px;
    font-size: 110%;
}



.topborder{
	border-top:#666 dotted 1px;
	padding-top:5px;
	
}

.topmargin10{
	margin-top:10px;
}

.topmargin20{
	margin-top:20px;
}


.topmargin60{
	margin-top:60px;
}

.bottommargin20{
	margin-bottom:20px;
}



.bottomborder{
	border-bottom:#666 dotted 1px;
    padding-bottom: 5px;	
}


span.strong{
	font-weight:bold;
	}


.menuList ul li span.price {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}


.menuList ul li span.price2 {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}


.menuList ul li span.ex {
    font-size: 80%;
    color: #999;
    display: block;
}

h5.headline {
    font-size: 120%;
    font-weight: normal;
    margin:0px 0 10px 0;
    color: #000;
    letter-spacing: 0.2em;

}


h5.headline span {
    font-size: 11px;
    letter-spacing: 0;
}






/*メニュースタイル2*/


.menuList2 {
    overflow: hidden;
    zoom: 1;
    padding-bottom: 10px;
}

.menuList2 ul.list {
    margin-right: 0;
    width: auto;
    padding-right: 0px
}

.menuList2 ul.list li {
    float: none;
    margin-right: 0;
    width: auto;
}

.menuList2 ul.list li {
line-height: 2;
    overflow: hidden;
    position: relative;
    padding-right: 0px;
    margin-bottom: 10px;
    font-size: 100%;
}


.menuList2 p{
	font-size: 90%;
    color: #666;
	}


.attentionBox{
	border:dotted 1px #666;
	margin-top:20px;
	padding-bottom: 20px;

}

.attentionBox p {
    font-size: 95%;
    color: #000;
    padding: 5px 5px 0 5px;
    margin-bottom: 8px;
	}

/*LUNCHページ専用記述*/

.courseArea-lunch{
	position:relative;
	margin:15px 0 30px 0;
	}


.menu_img-lunch {
    margin:15px 0px 15px 0;
    }

.menu_img-lunch p {
	text-align:center;
	width: 450px;
	}



.menuList-lunch {
    overflow: hidden;
    zoom: 1;
    position:absolute;
    top:0;
    left:470px;
}

.menuList-lunch ul.list {
    margin-right: 0;
    width: auto;
    padding-right: 10px
}

.menuList-lunch ul.list li {
    float: none;
    margin-right: 0;
    width: auto;
}

.menuList-lunch ul.list li {
line-height: 2;
    overflow: hidden;
    position: relative;
    padding-right: 80px;
    margin-bottom: 10px;
    font-size: 100%;
}







/*COUPON*/

.coupon {
background: rgb(163,132,32);
background: -moz-linear-gradient(45deg,  rgba(163,132,32,1) 0%, rgba(226,197,90,1) 22%, rgba(158,139,31,1) 59%, rgba(158,139,31,1) 82%, rgba(91,86,8,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(163,132,32,1) 0%,rgba(226,197,90,1) 22%,rgba(158,139,31,1) 59%,rgba(158,139,31,1) 82%,rgba(91,86,8,1) 100%);
background: linear-gradient(45deg,  rgba(163,132,32,1) 0%,rgba(226,197,90,1) 22%,rgba(158,139,31,1) 59%,rgba(158,139,31,1) 82%,rgba(91,86,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a38420', endColorstr='#5b5608',GradientType=1 );
color: red;
font-size: 300%;
padding:0px;
position:relative;
}

.padding{
	padding:10px 10px 15px 10px;
}


.coupon .qrcode{
	position:absolute;
	top:10px;
	right:10px;
	width:100px;
}

.coupon p{
    font-family: Bodoni serif;
    text-align: center;
    text-transform: uppercase;
    text-shadow: #363535 3px 3px 5px;
    font-variant: small-caps;
}

.coupon-detail {
	border-right:1px #666 solid;
	border-left:1px #666 solid;
	border-bottom:1px #666 solid;
	margin-bottom:40px;
	overflow:hidden;
	}
	
	
.coupon-detail p{
    font-size: 110%;
    line-height: 1.5;
    width: 430px;
    float: left;
    padding: 10px 0px 2px 10px;
}

.coupon-detail div.text{
	padding: 0px;
    overflow: hidden;
    width: 450px;
    margin:0 auto;
	}
	

p.expirationDate {
	text-align:center;
	font-weight:bold;
	margin:10px auto 10px auto;
	border:1px #666 solid;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding:5px 0;
	width: 440px;
}


.conditions {
	text-align:center;
	font-weight:bold;
	margin: 10px 0 10px 0;
	font-size:120%;
	
}

/*SNS AREA*/


#footer #social_area{
	width:95%;
	/*margin:10px auto;*/
	text-align: left;
	}
	
	
	
#social_area .facebook_area {
	display:inline-block;
	}

#social_area .twitter_area {	
	display:inline-block;
	margin-left:5px;
	}
	
#social_area .line_area {
	text-align:center;
	}


span.square{
height:10px; 
width:10px;
display:inline-block;
background-color:#000;
position:relative;
margin-right:0.5em;
	} 
	
span.square2{
height:10px; 
width:10px;
display:inline-block;
background-color:#fff;
position:relative;
margin-right:0.5em;
	} 


.pointer-events a{
    pointer-events: none;

    }

.pointer-events a:link{
    text-decoration: none;
    }

/*フェードインのスタイル*/


/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

.fadein:nth-of-type(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
}


.fadein:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
}


.fadein:nth-of-type(4) {
    -moz-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -ms-transition-delay:600ms;
}
	

#cover {
    height: 100%;
}

.shop {
    position: relative;
}

.shop.bg-fix {
    height: 100%;
    min-height: 700px;
}



.bg-photo1.bg-fix {
    background: url(../img/back1.jpg) 50% 0 no-repeat fixed #FFF;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}


.bg-photo2.bg-fix {
    background: url(../img/back2.jpg) 50% 0 no-repeat fixed #FFF;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}


.bg-photo3.bg-fix {
    background: url(../img/back3.jpg) 50% 0 no-repeat fixed #FFF;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

/*****ここから追加********/

.contact-area {
	overflow:hidden;

}





.contact-area h3{
    text-align: center;
    font-size: 120%;
    margin-bottom: 20px;

}


.contact-area ul li{
    float: left;
    margin-right: 20px;
    width: 318px;
    border: 1px solid #4a6aee;
    padding: 15px 0;
    list-style: none;
    background-color: #4a6aee;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 120%;
    /* font-weight: bold; */
}


.contact-area ul li.line{
    margin-right: 0;
    background-color: #00c300;
    border: 1px solid #00c300;
    /*position: relative;
    text-align:left;
    padding-left:5px;
     width: 313px;
     text-align: left;
    font-size: 110%;*/
     
}


span.line-qr {
    position: absolute;
	top: 5%;
    right: 2%;
}



.contact-area a {
    color:#fff;
    text-decoration:underline;
    display: block;
}

.contact-area a:link {
    color:#fff;
    text-decoration:none;
}

.contact-area a:visited{
    color: #fff;
    text-decoration: none
}
.contact-area a:hover{
    color:#fff;
    text-decoration:none;
}
.contact-area a:active {
    text-decoration:none;
}




.access-area{
	margin-top:180px;
}


.access-area h3{
    text-align: center;
    font-size: 120%;
    margin-bottom: 20px;

}

.access-detail-1{
	width:50%;
	float:left;
	border-top: dotted 1px #666;
	border-bottom: dotted 1px #666;
	border-left: dotted 1px #666;
    padding: 10px

}

.access-detail-2{
	border-top: dotted 1px #666;
	border-bottom: dotted 1px #666;
	border-right: dotted 1px #666;
	padding: 10px

}






.title-catchcopy{
    width: 70%;
    max-width: 1500px;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: -68%;
    bottom: 0;
    height: 0%;
    z-index: -29;
    font-size: calc((100% + 0.25vw) * 2);
    text-align: center;
    color: #fff;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    -moz-text-shadow: 5px 4px 0px rgba(0, 0, 0, 0.85);
    -webkit-text-shadow: 5px 4px 0px rgba(0, 0, 0, 0.85);
    -ms-text-shadow: 5px 4px 0px rgba(0, 0, 0, 0.85);
    /* text-shadow: 5px 4px 0px rgba(0, 0, 0, 0.85); */
    /* font-weight: bold; */
    /* background-color: #303030; */
    /* opacity: 0.7; */

}







.service2{
    width: 90%;
    max-width: 2000px;
    margin: 0 auto;
    /*background-color: #FAFAFA;*/
    overflow: hidden;
    padding: 80px 0 50px 0;
}

.contens3 {
    /* width: 1000px; */
    margin: 0 auto;
    background-color: #FAFAFA;
    padding-top: 80px;
    padding-left: 0px;
    padding-bottom: 80px;
    overflow: hidden;
}

 .contens3 h2.gradation-line-h2 {
    position: relative;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    margin: 80px 0;
    color: #000;
    font-size: 2.0em;
    font-family: 'Anaheim', sans-serif;
}



 .contens3 h2.gradation-line-h2::before {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 25%;
    height: 0.8px;
    margin: 0px auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #535351 30%, #535351 70%, transparent);
    background-image: linear-gradient(to right, transparent, #535351 30%, #535351 70%, transparent);
    background-position: center;
    background-repeat: no-repeat
}




.service3{
    width: 1040px;
    margin: 0 auto;
    background-color: #FAFAFA;
    overflow: hidden;
    padding: 80px 0 50px 0;
}

 .twitter {
    background-color: #fafafa;
    background-repeat: no-repeat;
    /* margin-top: 10px; */
    padding-bottom: 0px;
    width: 480px;
    /* margin: 15px auto; */
    float: right;
    text-align: center;
}

.follow {
    /*background-color: #fafafa;*/
    }

.follow h5{
	font-size:150%;
	color:#fff;

}



.follow p{
	display:inline-block;
    margin: 15px 0 50px 0;
    padding:15px;

}

.id-search{
font-size:70%;
/*display:block;*/
}


.attentionBox .contact{
	width:90%;
	margin:0 auto;
    background-color: #4a6aee;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 100%;
    /* font-weight: bold; */
    padding:0;
}


.attentionBox .contact a{
	color:#fff;
	display:block;
	padding:5px 0;
}

.map_container{
	width:1000px;
	height:600px;
}




}