@charset "utf-8";

#main h2{
	background: #006d52 none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.0;
	width: 251px;
	padding: 6px 8px;
}

#main h3{
	color: #006d52;
	font-size: 14px;
	font-weight: bold;
	margin: 16px 0 8px 0;
}

#main .box_b{
	background: #f4e3ad none;
	color: #666;
	font-size: 11px;
	width: 415px;
	padding: 6px 14px;
}

#main .box_b {
  margin-left: 512px;
}

#main .box_b2{
	background: #e7dfbd none;
	/* position: absolute;+14.3.25 */
	left: 14px;/* +14.3.25 */
	bottom: 14px;/* +14.3.25 */
	width: 346px;
	padding: 6px 14px;
	margin: auto;
}

#main .box_b2 a{
	color: #5a3c18;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#main .box_b2 a:hover{
	text-decoration: underline;
}

#main .box_w{
	background: #fff none;
    position:relative;
    margin-left:384px;
	color: #666;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 6px 14px;
}

#box_01{
	background: #fffbf7 none;
	font-size: 12px;
	line-height: 1.4;
	padding: 14px;
	margin-top: 12px;
}

#box_01 .ggmap {
  display: none;
}

#box_01 > .leftside:first-child{
	width: 270px;
	padding-right: 10px;
}

#box_01 > .leftside:first-child + .leftside{
	padding-right: 10px;
}

#box_02{
	background: #fffbf7 none;
	/* position: relative; */
	font-size: 12px;
	line-height: 1.4;
	padding: 14px;
	margin-top: 12px;
}

.qr {
  position: absolute;
  top: 20px;
  right: 16px;
}

/* header responsive */
@media screen and (max-width: 768px){
  #main h2, #main h3 {
    font-size: 16px; }
  #main .box_b, #main .box_b2 a, #main .box_w, #box_01, #box_02 {
    font-size: 14px;
	line-height: 1.6; }
  #main h2 {
	width: 96%;
    padding: 6px 2%; }
  #box_01{
  	margin-top: 15px;
    padding: 1% 1%; }
  #box_02{
    margin-top: 0;
    padding: 1% 1%; }
  #main #box_02 .leftside {
    float: none; }
  #main .box_b2{
	background: #e7dfbd none;
    width: 96%;
    padding: 1% 2%;
	position: static;/* +14.3.25 */
	left: 0;/* +14.3.25 */
	bottom: 0;/* +14.3.25 */ }
  #main .box_b2 .leftside {
    float: none; }
  #main .box_w{
	background: #fff none;
    position:static;
    margin-left:0;
	color: #666;
    width: 96%;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 2%; }
  .qr {
    padding: 4% 2% 2% 4%;
    position: static;
    float: right; }
  #box_01 .map_link, #box_01 .pc_map {
    display: none; }
  #box_01 .leftside, #box_01 .rightside {
    float: none; }
  #box_01 .parking {
    margin-top: 15px; }
  #box_01 .ggmap {
    display: block;
    position: relative;
    margin: 10px 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    #box_01 .ggmap iframe, .ggmap object, .ggmap embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #main .box_b {
	width: 96%;
	padding: 2% 2%;
    margin-bottom: 1%;
    margin-left: 0; }
}


/* area_news */

#area_news {
	background: #fffbf7 none;
	font-size: 12px;
	line-height: 1.4;
	padding: 14px;
	margin: 24px 0 0 0;
}

#area_news .ptnewsbox{
	margin-left: 281px;
}

#area_news .ptnews { 
	margin-bottom: 10px;
}

/* area_news responsive */
@media screen and (max-width: 768px){
  #box_01 > .leftside:first-child{
	width: 100%;
	padding-right: 0; }
  #area_news {
	font-size: 14px;
	line-height: 1.6;
    padding: 1% 1% 2% 1%;
    margin: 15px 0 0; }
  #promotiontool {
    margin: 12px 0 0; }
  #area_news .ptnewsbox {
	margin-left: 0; }
}

@media screen and (min-width: 769px){
	.sp {
		display: none !important;
	}
}

@media screen and (max-width: 768px){
	.pc {
		display: none !important;
	}
}