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


 /*　base　*/
img{max-width:100%;vertical-align:top;height:auto;}


body {
  margin: 0;
  padding: 0;
  background-color:#FFE6D0;
  color:#630;
}
@media only screen and (max-width:1279px){
	body {
  background-color: #FFF;
}
}

a { 
color:#660000;
text-decoration:none;
 
}
a:link,
a:active {
 text-decoration:none;
 color:#660000;
}

a:visited {
color:none;
}



/*　h1 h2　*/
h2 {
   border-bottom: dashed 1px #ff3300;
   padding:0px 20px 5px;
   margin:15px 0;
   text-align:center;
  }
  
@media only screen and (max-width:1279px){
h2 {
	font-size: 16px;
	color: #630;
	text-align:left;
}
}

/* --------------
     header  
 -------------- */
header {
	background: #fff;
	padding: 0;
}

header .header-inner {
	margin:0 auto;
	padding:0;
	max-width: 980px;
	display:flex;
	color:#000;
}

header .header-inner .header-left{
	width:40%;
	height: auto;
	text-align: left;
}

header .header-right{
	width:60%;
	height: auto;
	text-align: right;
}

.logo {
	max-width: 960px;
	margin: 0 auto;
	background:  url(../img/titlelogo3.png) no-repeat 0 center;
	padding-left: 100%;
	padding-top: 20px;
	padding-bottom: 120px;
	margin: 10px;
}
  
.globalNav {
	height:auto;
    list-style: none;
    overflow: hidden;
}
 
.globalNav li {
    float: left;
	padding: 20px 10px 5px;
}
 
.globalNav li a {
    display: block;
    padding: 5px 15px;
    text-align: center;
}
 
.globalNav li a span {
    display: block;
    margin: 3px 0 0 0;
    color: #66000;
    text-transform: uppercase;
    font-size: 80%;
    letter-spacing: 1px;
}
 
.globalNav li a:hover {
    background: #EEE;
}

.zdo_drawer_button {
	display: none;
}

@media only screen and (max-width:1279px){
header{
	text-align: center;
}

header .header-inner {
	text-align: center;
	margin:0 auto;	
	padding:0;
	max-width: 95%;
	display:block;
		color:#000;
}

header .header-inner .header-left{
	width:90%;
	text-align: center;
}

header .header-right{
	width:90%;
	padding-top: 0;
	margin: 0;
	text-align: center;
}

.logo{
	max-width: 95%;
	margin: auto;
	background: url(../img/titlelogo3.png) no-repeat 0;
	padding-left: 350px;
	padding-top: 0;
	padding-bottom: 70px;
	margin: 0;
}

.globalNav {
	text-align: center;
	padding-top: 50px;
}

.globalNav li {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
    float:none;
	color: #630;

}

.globalNav li a {
    display: inline-block;
    padding: 0;
    text-align: center;
}
 
.globalNav li a span {
    display: none;
}
}

@media screen and (max-width: 480px) { 
.logo{
	background: url(../img/titlelogo5.png) no-repeat 0;
}
.globalNav {
	text-align: center;
	padding: 20px 0 0 0;
}

.globalNav li {
	display: block;
	text-align: center;
	border-bottom: solid 1px #ccc;

}


header .header-inner {
	text-align: center;
	margin:0 auto;	
	padding-left: 24px;
	max-width: 100%;
}
}




/* --------------
     content  
 -------------- */
.content {
  overflow: hidden;
  width:960px;
  margin:5px auto; 
}

.content-img {
 overflow: hidden;
 float:left;
 width:460px;
 height:auto;
 margin:20px 40px 0px 0px;
}


.content-txt {
 float:left;
 width: 460px;
 height:auto;
 font-size:14px;
 padding:10px 20px;
 margin: 20px 0;
 box-sizing:border-box;
 background-color:#FFFFFF;
 }

@media only screen and (max-width:1279px){
.content {
  width:100%;
}

.content-img {
	text-align:center;
	 width:95%;
     padding-left: 10px;
	 margin-top: 10px;
}

.content-txt {
 width: 100%;
 }

.h2 {
	padding: 0;
	margin-top: 0;
}
}

@media only screen and (max-width:480px){
.content-img {
	 margin-top: 0px;
}
}
 
.box1 {
    padding: 10px;
    margin: 10px;
    border: solid 1px #630;
}

.box1 p {
    margin: 0; 
    padding: 0;
}

.btn a{
 background-color:#FF3300;
 color:#FFFFFF;
 font-size: 20px;
 width: 185px;
 display: block;
 text-align:center;
 line-height: 50px;
 margin: 20px auto 10px;
 border-radius: 5px;
}

.btn a:hover {
 text-decoration: none;
 background-color:#FF6633;
 color:#FFF;
}


/*　main　*/
.main {
  width:960px; 
  margin:20px auto; 
 }

.main-txt {
	font-size:16px;
	padding:10px;
	margin-bottom:20px;
	background-color:#FFFFFF;
}
 
.description {
	padding: 0 20px;
}

@media only screen and (max-width:1279px){
.main {
  width:100%; 
 }
 
.main-txt {
	padding-top: 0;
 }
 
.description {
	font-size: 14px;
}
}
	

 /*　pamphlet　*/ 
.pamphlet {
 overflow:	hidden;
 width:960px;
 margin:auto;
}

.pamphlet-parent{
	text-align:center;
	font-size: 14px;
	padding: 10px 0 20px 0;
}

.pamphlet-inline-block{
	display:inline-block;
	padding: 3px;
}


@media only screen and (max-width:1279px){
.pamphlet {
 width:100%;
}

.scroll{
overflow-x: auto;
white-space: nowrap;
padding:20px;
 }
}

 /*　bnr　*/
.bnr { 
  height:150px;
  background-color:#FFFFFF;
  width:100%;
  margin:auto;  
}

.bnr-parent{
	text-align:center;
	padding-top:50px;
}

.bnr-inline-block{
	display:inline-block;
	padding-right: 30px;
}

@media only screen and (max-width:1279px){
	.bnr { 
  height:auto;
  background-color:#FFFFFF;
  margin:auto;  
}

.bnr-parent{
	text-align:center;
	padding-top:20px;
}

.bnr-inline-block{
	display:inherit;
	padding-bottom:20px;
	padding-right: 10px;
}
}

	


 /*　contact　*/

.contact {
 width: 960px;
 text-align:center;
 margin:auto;
}


 /*　footer　*/
.footer{
	background-color:#FFE6D0;
 width: 960px;
 text-align:center;
 margin:auto;
 padding: 0 0 20px;
}

.footer-inner {
	margin:0 auto;
	padding:20px;
	max-width: 960px;
	text-align: center;
		color: #630;
}

.adress1{
	font-size: 25px;
	font-weight: bold;
}
.adress2{
	font-size: 18px;
}

.name{
	font-size:18px;
}


@media only screen and (max-width:1279px){
.footer{
	background-color:#FFE6D0;
	 width: 100%;
}

.footer-inner {
	margin:0 auto;
	padding:20px;
	max-width: 100%;
}

.adress1{
	font-size: 20px;
	font-weight: bold;
}
.adress2{
	font-size: 14px;
}
.name{
	font-size:16px;
}
.tel{
	font-size:14px;
}
}

@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}