@charset "UTF-8";

/* html */
html{
	font-size: 62.5%;
}

/* article */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{
	display: block;
}

/* Title */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table{
	margin-top: 0;
	box-sizing: border-box;
}

/* List */
ul{
	margin: 0;
	box-sizing: border-box;
}

/* Navigation */
nav{
	box-sizing: border-box;
}
/* body */
body{
	text-align: left;
	padding: 0px;
	margin: 0px;
	word-wrap: break-word;
	font-size : 1.5rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	line-height : 1.5;
}

/* Contents Area */
#content{
	position: relative;
}
/* Parts */

.sp-part-top{
	display: block;
	position: relative;
}

.sp-part-top::after{
	display: table;
	clear: both;
	content: "";
}
/* copyright */

.hpb-copyright{
	display: block;
	text-align: center;
}
/* layout */

/*追加*/

#main{
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
}

#main::after{
	clear: both;
	display: table;
	content: "";
}
/*追加*/

#colophon{
	padding: 0px;
	padding-top: 30px;
	width: 100%;
	margin: 0 auto;
}

#sidebar1, #sidebar2{
	float: none;
	width: auto;
	padding: 0px;
	box-sizing: border-box;
}
/*---*/

#primary{
	margin-top: 0;
}

#breadcrumb-list{
	clear: both;
}

.screen-reader-text{
	display: none;
}
/* table */

th{
	text-align: left;
}

table.sp-part-top{
	margin: 5px auto;
	display: table;
	border-collapse: collapse;
	width: 100%;
}

table > tbody > tr > th, table > tbody > tr > td{
	padding: 5px 8px;
}
/* Yahoo!ロコ-地図, Googleマップ */

div[data-hpbmap]{
	word-wrap: normal;
	max-width: 100%;
}

div[data-hpbmap] img{
	max-width: none !important;
}
/* WordPress投稿 */

.entry-content .alignleft, .comment-content .alignleft{
	float: left;
}

.entry-content .alignright, .comment-content .alignright{
	float: right;
}

.entry-content .aligncenter, .comment-content .aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content::after, .comment-content::after{
	display: table;
	clear: both;
	content: "";
}
/* 追加 */
@media screen and (max-width: 568px){

  *{
    box-sizing: border-box;
  }
  body{
    min-width: 100%;
  }

  #masthead{
    position: static;
  }
  #primary, #main-inner, #contenthead, #content{
    float: none;
    width: 100%;
  }
  #main,#content{
    width: 100%;
    padding: 0;
  }
  #main-inner{
    padding: 10px;
  }

  #sidebar1, #sidebar2{
    float: none;
    width: auto;
    padding: 10px;
    box-sizing:border-box;
  }

  #colophon{
    padding: 10px;
  }

  embed{
    max-width: 100%;
  }
}

#colophon{
	background-color: #ccf8d8;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
}

#main{
	background-color: transparent;
	background-image: url(../images/main-bg1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 100% 100%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
}

a{
	color : #000079;
  text-decoration : none;
}

a:focus{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

body{
	color: #000079;
	background-color: #ffffff;
}
@media not screen, screen and (min-width: 569px) {

  #colophon{
    padding-top : 10px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 10px;
    margin-top : -30px;
  }

  #colophon .inner-box{
    padding-top : 0px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
    width : 960px;
    box-sizing : border-box;
  }

  #main{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 30px;
    margin-top : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 30px;
    width : 960px;
    overflow : hidden;
  }

  #main::after{
    clear : both;
    display : table;
    content : "";
  }

  #masthead{
    position : relative;
  }

  a{
    outline-width : medium;
    outline-style : none;
    outline-color : black;
  }

  a:focus {
  }

  a:hover {
  }

  body{
    min-width : 960px;
  }

  img{
    display : block;
  }
}
@media not screen, screen and (min-width: 569px) {

  #content{
    width : 960px;
  }

  #contenthead{
    width : 960px;
  
  }
}
@media screen and (max-width: 568px) {

  #colophon{
    padding-top : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    width : 100%;
    box-sizing : border-box;
  }

  #colophon .inner-box{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
  }
}

#sp-site-navigation-2{
	background-color: #ccf8d8;
	text-align: center;
	padding-top: 11px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 11px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	width: 100%;
	box-sizing: border-box;
}

#sp-site-navigation-2 .menu-toggle{
	display: none;
}

#sp-site-navigation-2 .screen-reader-text{
	display: none;
}

#sp-site-navigation-2 a{
	color: #ffffff;
	text-decoration: underline;
}

#sp-site-navigation-2 a:focus{
	color: #000079;
	text-decoration: underline;
}

#sp-site-navigation-2 a:hover{
	color: #000079;
	text-decoration: underline;
}

#sp-site-navigation-2 ul{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-position: outside;
}

#sp-site-navigation-2 ul li{
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	display: inline;
}

#sp-site-navigation-2 ul li ul{
	display: none;
}
@media screen and (max-width: 568px) {

  #sp-site-navigation-2{
    width : 100%;
  }

  #sp-site-navigation-2 .menu-toggle{
    display : none;
    cursor : pointer;
  }

  #sp-site-navigation-2 .screen-reader-text{
    display : none;
  }

  #sp-site-navigation-2 ul{
    display : block;
    list-style-type : none;
    list-style-position : outside;
  }

  #sp-site-navigation-2 ul li{
    display : block;
  }

  #sp-site-navigation-2 ul li::after{
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    content : '';
  }

  #sp-site-navigation-2 ul ul{
    display : none;
  }

  .button-menu#sp-site-navigation-2{
    background-color : #ccf8d8;
    background-image : none;
    padding-top : 0px;
    margin-top : 0px;
    position : relative;
  }

  .button-menu#sp-site-navigation-2 .menu-toggle{
    background-image : url(../images/icon-menu.png);
    background-repeat : no-repeat;
    background-position : center center;
    text-indent : -999em;
    padding-top : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    display : block;
    cursor : pointer;
  }

  .button-menu#sp-site-navigation-2 ul{
    display : none;
  }

  .button-menu#sp-site-navigation-2 ul.toggled-on{
    display : block;
  }
}

#breadcrumb-list div{
	margin-right: 10px;
	width: auto;
	display: inline-block;
}

#breadcrumb-list div　a{
	color: #00bab4;
	text-decoration: underline;
}

#breadcrumb-list div　a:hover{
	text-decoration: none;
}
@media screen and (max-width: 568px) {

  #breadcrumb-list{
    padding-left : 10px;
    padding-right : 10px;
  }
}

#sp-site-navigation-1{
	font-size : 1.5rem;
	color : #ffffff;
	background-color : #ccf8d8;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top : 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom : 0px;
  text-align : center;
  vertical-align : middle;
border-width : 0px;border-style : none;
}

#sp-site-navigation-1 .menu-toggle{
	display: none;
}

#sp-site-navigation-1 .screen-reader-text{
	display: none;
}

#sp-site-navigation-1 ul{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-position: outside;
}

#sp-site-navigation-1 ul a{
	text-decoration: none;
}

#sp-site-navigation-1 ul ul{
	background-color: #ffffff;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	width: auto;
	min-width: 150px;
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 9999;
}

#sp-site-navigation-1 ul ul li{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	white-space: nowrap;
}

#sp-site-navigation-1 ul ul li a{
	color: #000000;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	display: block;
}

#sp-site-navigation-1 ul ul li a:hover{
	color: #e73562;
	background-color: #ffb4b7;
	text-decoration: none;
}

#sp-site-navigation-1 ul ul li.current-menu-ancestor > a{
	color: #e73562;
	text-decoration: none;
}

#sp-site-navigation-1 ul ul li.current-menu-item > a{
	color: #e73562;
	text-decoration: none;
}

#sp-site-navigation-1 ul ul li.current_page_ancestor > a{
	color: #e73562;
	text-decoration: none;
}

#sp-site-navigation-1 ul ul li.current_page_item > a{
	color: #e73562;
	text-decoration: none;
}

#sp-site-navigation-1 ul ul li:hover{
	display: block;
	position: relative;
}

#sp-site-navigation-1 ul ul li:hover > ul{
	background-color: #000000;
	border-bottom-width: 1px;
	width: 100%;
	display: block;
	top: 0px;
	left: 100%;
}

#sp-site-navigation-1 > ul{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-position: outside;
}

#sp-site-navigation-1 > ul::after{
	clear: both;
	display: table;
	content: "";
}

#sp-site-navigation-1 > ul > li{
	margin-bottom: 0px;
	float: left;
}

#sp-site-navigation-1 > ul > li.current-menu-ancestor > a{
	font-weight: normal;
	color: #e73562;
}

#sp-site-navigation-1 > ul > li.current-menu-item > a{
	font-weight: normal;
	color: #e73562;
}

#sp-site-navigation-1 > ul > li.current_page_ancestor > a{
	font-weight: normal;
	color: #e73562;
}

#sp-site-navigation-1 > ul > li.current_page_item > a{
	font-weight: normal;
	color: #e73562;
}

#sp-site-navigation-1 > ul > li:hover{
	position: relative;
}

#sp-site-navigation-1 > ul > li:hover > ul{
	display: block;
}

#sp-site-navigation-1 > ul > li > a{
	font-weight : normal;
	color : #000079;
	text-decoration: none;
	padding-top: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	margin-top : 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom : 0px;
	display: block;
}

#sp-site-navigation-1 > ul > li > a:hover{
	font-weight: normal;
	color: #e73562;
}
@media screen and (max-width: 568px) {

  #sp-site-navigation-1{
    background-color : #ffffff;
    background-image : none;
    padding-top : 0px;
    margin-top : 0px;
    position : relative;
  }

  #sp-site-navigation-1 .menu-toggle{
    background-color : #666666;
    background-image : url(../images/icon-menu.png);
    background-repeat : no-repeat;
    background-position : center center;
    text-indent : -999em;
    padding-top : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : rgba(255, 255, 255, 0.8);
    display : none;
    cursor : pointer;
  }

  #sp-site-navigation-1 .screen-reader-text{
    display : none;
  }

  #sp-site-navigation-1 ul{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    width : auto;
    height : auto;
    display : block;
    list-style-type : none;
    list-style-position : outside;
  }

  #sp-site-navigation-1 ul li{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #eeeeee;
    width : auto;
    float : none;
  }

  #sp-site-navigation-1 ul li a{
    line-height : 24px;
    background-repeat : no-repeat;
    background-position : 5px 12px;
    padding-top : 8px;
    padding-left : 25px;
    padding-right : 10px;
    padding-bottom : 7px;
    height : auto;
    float : none;
  }

  #sp-site-navigation-1 ul ul{
    background-color : transparent;
    border-top-width : medium;
    border-left-width : medium;
    border-right-width : medium;
    border-bottom-width : medium;
    border-top-style : none;
    border-left-style : none;
    border-right-style : none;
    border-bottom-style : none;
    border-top-color : initial;
    border-left-color : initial;
    border-right-color : initial;
    border-bottom-color : initial;
    width : auto;
    min-width : 150px;
    display : block;
    position : relative;
    top : 100%;
    left : 0px;
    z-index : 9999;
  }

  #sp-site-navigation-1 ul ul li{
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #eeeeee;
  }

  #sp-site-navigation-1 ul ul li a{
    padding-top : 8px;
    padding-left : 50px;
    padding-right : 50px;
    padding-bottom : 8px;
  }

  #sp-site-navigation-1 ul ul li a:hover{
    color : #e73562;
    background-color : #eeeeee;
    text-decoration : none;
    border-top-left-radius : 0px 0px;
    border-top-right-radius : 0px 0px;
    border-bottom-right-radius : 0px 0px;
    border-bottom-left-radius : 0px 0px;
  }

  #sp-site-navigation-1 ul ul li.current-menu-ancestor > a{
    color : #e73562;
    background-color : #eeeeee;
    text-decoration : none;
  }

  #sp-site-navigation-1 ul ul li.current-menu-item > a{
    color : #e73562;
    background-color : #eeeeee;
    text-decoration : none;
  }

  #sp-site-navigation-1 ul ul li.current_page_ancestor > a{
    color : #e73562;
    background-color : #eeeeee;
    text-decoration : none;
  }

  #sp-site-navigation-1 ul ul li.current_page_item > a{
    color : #e73562;
    background-color : #eeeeee;
    text-decoration : none;
  }

  .button-menu#sp-site-navigation-1 .menu-toggle{
    display : block;
  }

  .button-menu#sp-site-navigation-1 ul.toggled-on{
    display : block;
  }

  .button-menu#sp-site-navigation-1 > ul{
    display : none;
  }

  .button-menu#sp-site-navigation-1 > ul > ul{
    display : block;
  }

  #sp-site-navigation-1 > ul{
    border-top-width : medium;
    border-bottom-width : medium;
    border-top-style : none;
    border-bottom-style : none;
    border-top-color : initial;
    border-bottom-color : initial;
  }

  #sp-site-navigation-1 > ul > li.current-menu-ancestor > a{
    font-weight : bold;
  }

  #sp-site-navigation-1 > ul > li.current-menu-item > a{
    font-weight : bold;
  }

  #sp-site-navigation-1 > ul > li.current_page_ancestor > a{
    font-weight : bold;
  }

  #sp-site-navigation-1 > ul > li.current_page_item > a{
    font-weight : bold;
  }

  #sp-site-navigation-1 > ul > li > a{
    font-weight : bold;
    text-decoration : none;
    padding-top : 1em;
    padding-left : 1em;
    padding-right : 1em;
    padding-bottom : 1em;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    display : block;
  }

  #sp-site-navigation-1 > ul > li > a:hover{
    font-weight : bold;
    color : #e73562;
    background-color : #eeeeee;
    text-decoration : none;
    display : block;
  }
}

#sp-page-title-1{
	text-align: left;
	width: 100%;
	height: 50px;
	background-image: url(../images/sp-pagetitle-4be.png);
	background-repeat : repeat-x;
}

#sp-page-title-1 > h1{
	font-size: 18px;
	font-weight : normal;
	line-height: 50px;
	color : #000079;
	background-color : #ccf8d8;
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 0px;
	height: 50px;
	overflow: hidden;
	box-sizing: border-box;
}
@media screen and (max-width: 568px) {

  #sp-page-title-1{
    background-size : auto 40px;
    text-align : left;
    width : 100%;
    height : 40px;
  }

  #sp-page-title-1 > h1{
    font-size : 18px;
    font-weight : normal;
    line-height : 40px;
    color : #000079;
    background-color : #ccf8d8;
    margin-top : 0px;
    margin-left : 40px;
    margin-right : 40px;
    margin-bottom : 0px;
    height : 40px;
    box-sizing : border-box;
  }
}

#sp-site-branding-1{
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom : 0px;
	width: 100%;
	box-sizing: border-box;
}

#sp-site-branding-1 .inner-box{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 960px;
	max-width: 100%;
	min-height: 80px;
	position: relative;
}

#sp-site-branding-1 .site-description{
	font-size: 10px;
	font-weight: normal;
	line-height : 1.5rem;
	color: #000079;
	text-align: left;
	margin-top: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: auto;
	width: 100%;
	display: block;
	position: absolute;
	top: 2px;
}

#sp-site-branding-1 .site-title{
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	text-align: center;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 80px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	height: 80px;
	display: block;
}

#sp-site-branding-1 .site-title a{
	background-color: #ffffff;
	background-image: url(../images/07.png);
	background-repeat: no-repeat;
	background-position: 60% 75%;
	text-indent: -9999px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-bottom-left-radius: 5px 5px;
	min-width: 340px;
	min-height: 80px;
	display: block;
	position: relative;
	text-align: left;
}
@media screen and (max-width: 568px) {

  #sp-site-branding-1{
    width : 100%;
    overflow : hidden;
  }

  #sp-site-branding-1 .inner-box{
    width : 100%;
  }

  #sp-site-branding-1 .site-description{
	font-size: 1.4rem;
	font-family: "AR丸ゴシック体E", monospace;
  }

  #sp-site-branding-1 .site-title{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
    width : 100%;
    height: 180px;
    float : none;
  }

  #sp-site-branding-1 .site-title a{
    background-color : transparent;
    background-image : url(../images/07.png);
    background-repeat : no-repeat;
    background-attachment : scroll;
    background-position : center center;
    background-clip : border-box;
    background-origin : padding-box;
    background-size : 70% auto;
    border-top-left-radius : 0px 0px;
    border-top-right-radius : 0px 0px;
    border-bottom-right-radius : 0px 0px;
    border-bottom-left-radius : 0px 0px;
    width : 100%;
  }
}
@media not screen, screen and (min-width: 569px) {

  #sp-image-1 {
  }
}
@media screen and (max-width: 568px) {

  #sp-image-1{
    max-width : 100%;
  }
}

.page-toppage#content #page-content .large, #sp-block-container-1 .large, #sp-block-container-2 .large, #sp-block-container-3 .large, #sp-block-container-4 .large{
	font-size: 1.5rem;
}

.page-toppage#content #page-content .medium, #sp-block-container-1 .medium, #sp-block-container-2 .medium, #sp-block-container-3 .medium, #sp-block-container-4 .medium{
	font-size: 1.4rem;
}

.page-toppage#content #page-content .small, #sp-block-container-1 .small, #sp-block-container-2 .small, #sp-block-container-3 .small, #sp-block-container-4 .small{
	font-size: 1.2rem;
}

.page-toppage#content #page-content .x-large, #sp-block-container-1 .x-large, #sp-block-container-2 .x-large, #sp-block-container-3 .x-large, #sp-block-container-4 .x-large{
	font-size: 1.8rem;
}

.page-toppage#content #page-content .x-small, #sp-block-container-1 .x-small, #sp-block-container-2 .x-small, #sp-block-container-3 .x-small, #sp-block-container-4 .x-small{
	font-size: 1.1rem;
}

.page-toppage#content #page-content .xx-large, #sp-block-container-1 .xx-large, #sp-block-container-2 .xx-large, #sp-block-container-3 .xx-large #sp-block-container-4 .xx-large{
	font-size: 2rem;
}

.page-toppage#content #page-content .xx-small, #sp-block-container-1 .xx-small, #sp-block-container-2 .xx-small, #sp-block-container-3 .xx-small, #sp-block-container-4 .xx-small{
	font-size: 1rem;
}

.page-toppage#content #page-content em, #sp-block-container-1 em, #sp-block-container-2 em, #sp-block-container-3 em, #sp-block-container-4 em{
	font-style: oblique;
	color: #000079;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000079;
}

.page-toppage#content #page-content h1, #sp-block-container-1 h1, #sp-block-container-2 h1, #sp-block-container-3 h1, #sp-block-container-4 h1{
	font-size: 2rem;
	font-weight: bold;
	color: #333333;
	margin-bottom: 15px;
}

.page-toppage#content #page-content h2, #sp-block-container-1 h2, #sp-block-container-2 h2, #sp-block-container-3 h2, #sp-block-container-4 h2{
	font-size: 1.8rem;
	font-weight: bold;
	color: #333333;
	margin-bottom: 15px;
}

.page-toppage#content #page-content h3, #sp-block-container-1 h3, #sp-block-container-2 h3, #sp-block-container-3 h3, #sp-block-container-4 h3{
	font-size: 1.7rem;
	font-weight : normal;
	color : #000079;
	margin-bottom: 15px;
}

.page-toppage#content #page-content h4, #sp-block-container-1 h4, #sp-block-container-2 h4, #sp-block-container-3 h4, #sp-block-container-4 h4{
	font-size: 1.6rem;
	font-weight: bold;
	color : #000079;
	margin-bottom: 15px;
}

.page-toppage#content #page-content h5, #sp-block-container-1 h5, #sp-block-container-2 h5, #sp-block-container-3 h5, #sp-block-container-4 h5{
	font-size: 1.5rem;
	font-weight: bold;
	color: #333333;
	margin-bottom: 15px;
}

.page-toppage#content #page-content h6, #sp-block-container-1 h6, #sp-block-container-2 h6, #sp-block-container-3 h6, #sp-block-container-4 h6{
	font-size: 1.4rem;
	font-weight: bold;
	color: #fda4a7;
	margin-bottom: 15px;
}

.page-toppage#content #page-content hr, #sp-block-container-1 hr, #sp-block-container-2 hr, #sp-block-container-3 hr, #sp-block-container-4 hr{
	color: #ccf8d8;
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	border-top-width: 1px;
	border-left-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-top-color: #ccf8d8;
	border-left-color: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	height: 1px;
}

.page-toppage#content #page-content p, #sp-block-container-1 p, #sp-block-container-2 p, #sp-block-container-3 p, #sp-block-container- p{
	font-size: 1.4rem;
	line-height: 1.4;
	color: #000079;
	text-align: left;
	padding-left: 0.1em;
	padding-right: 0.1em;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}

.page-toppage#content #page-content p.indent, #sp-block-container-1 p.indent, #sp-block-container-2 p.indent, #sp-block-container-3 p.indent, #sp-block-container-4 p.indent{
	padding-left: 5px;
}

.page-toppage#content #page-content strong, #sp-block-container-1 strong, #sp-block-container-2 strong, #sp-block-container-3 strong, #sp-block-container-4 strong{
	font-weight: bold;
	color: #000079;
}
@media screen and (max-width: 568px) {

  .page-toppage#content #page-content, #sp-block-container-1, #sp-block-container-2, #sp-block-container-3, #sp-block-container-4{
    width : 100%;
  }
}

#sp-definition-list-1 > dd{
	margin-left: 94px;
	margin-bottom: 25px;
}

#sp-definition-list-1 > dt{
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ccf8d8;
}

#sp-definition-list-2 > dd{
	margin-left: 94px;
	margin-bottom: 25px;
}

#sp-definition-list-2 > dt{
        font-size: 1.5rem;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ccf8d8;
}

@media screen and (max-width: 568px) {

  #sp-definition-list-1 dd{
    margin-left : 20px;
  }
}

#sp-list-1{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	list-style-type: none;
}

#sp-list-1 > li{
	background-color: transparent;
	background-image: url(../images/icon-01.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 21px 0.9em;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#sp-page-title-1{
	border-top-left-radius: 20px 20px;
	border-top-right-radius: 20px 20px;
	border-bottom-right-radius: 20px 20px;
	border-bottom-left-radius: 20px 20px;
}

#sp-site-branding-1 > .inner-box > .site-description{
	font-size: 1.4rem;
	font-family: "AR丸ゴシック体E", monospace;
}

#sp-site-branding-1 > .inner-box > .site-title > a{
	background-image : url(../images/company_name.png);
	background-position: left center;
}
@media not screen, screen and (min-width: 569px) {

  #sp-block-container-1{
    width : 450px;
    min-height : 50px;
    position : absolute;
    top : 0px;
    left : 50%;
  }

  #sp-block-container-1 p{
    font-size : 1.2rem;
    color : #000079;
    text-align : right;
  }

  #sp-block-container-1 > p > .tel{
    font-size : 1.8rem;
  }

  #sp-image-1{
    margin-top : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
    width : 100%;
  }
}
@media screen and (max-width: 568px) {

  #sp-block-container-1{
    padding-top : 0px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 0px;
    width : 100%;
    min-height : 300px;
    position : absolute;
    top : 9.5rem;
  }

  #sp-block-container-1 > p{
    font-size : 1.4rem;
    color : #000079;
    text-align : center;
  }

  #sp-block-container-1 > p > .tel{
    font-size : 1.8rem;
  }

  #sp-image-1{
    width : 100%;
  }
}
/********************/
/* for contact.html */
/********************/

#sp-form-1 select{
  font-size : 1.4rem;
  font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  color : #444444;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}

#sp-form-1 input{
  font-size : 1.4rem;
  font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  color : #444444;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}

#sp-form-1 input[type="radio"]{
  vertical-align : middle;
  width : 20px;
}

#sp-form-1 input[type="submit"]{
  font-size : 1.4rem;
  padding-top : 5px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 5px;
  margin-top : 15px;
  width : auto;
  min-width : 100px;
  float : right;
  position : relative;
  cursor : pointer;
}

#sp-form-1 table{
  font-size : 1.4rem;
  color : #404e68;
  width : 100%;
  border-collapse : collapse;
}

#sp-form-1 td{
  background-color : #fffff2;
  padding-top : 5px;
  padding-left : 18px;
  padding-right : 18px;
  padding-bottom : 5px;
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-color : #86d4d2;
  border-left-color : #86d4d2;
  border-right-color : #86d4d2;
  border-bottom-color : #86d4d2;
  width : auto;
}

#sp-form-1 textarea{
  font-size : 1.4rem;
  font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  color : #444444;
}

#sp-form-1 textarea[name="message"]{
  color : #6d6d6d;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  width : 90%;
  height : 150px;
}

#sp-form-1 th{
/* 項目名が見難いとの指摘によりコメント化 by mysmrt 2022.06.01
  color : #fffff2;
*/
  background-color : #86d4d2;
  text-align : left;
  padding-top : 5px;
  padding-left : 18px;
  padding-right : 18px;
  padding-bottom : 5px;
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-color : #86d4d2;
  border-left-color : #86d4d2;
  border-right-color : #86d4d2;
  border-bottom-color : #86d4d2;
  width : auto;
  min-width : 40px;
}

@media screen and (max-width: 568px) {

  #sp-form-1 input{
    width : 90%;
  }

  #sp-form-1 input[type="submit"] {
  }

  #sp-form-1 table{
    border-top-width : medium;
    border-left-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-top-style : none;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-top-color : initial;
    border-left-color : #d8d8d8;
    border-right-color : #d8d8d8;
    border-bottom-color : #d8d8d8;
  }

  #sp-form-1 td{
    border-top-width : 1px;
    border-left-width : medium;
    border-right-width : medium;
    border-bottom-width : medium;
    border-top-style : solid;
    border-left-style : none;
    border-right-style : none;
    border-bottom-style : none;
    border-top-color : #d8d8d8;
    border-left-color : initial;
    border-right-color : initial;
    border-bottom-color : initial;
    width : auto;
    display : block;
  }

  #sp-form-1 textarea{
    width : 90%;
  }

  #sp-form-1 th{
    border-top-width : 1px;
    border-left-width : medium;
    border-right-width : medium;
    border-bottom-width : medium;
    border-top-style : solid;
    border-left-style : none;
    border-right-style : none;
    border-bottom-style : none;
    border-top-color : #d8d8d8;
    border-left-color : initial;
    border-right-color : initial;
    border-bottom-color : initial;
    width : auto;
    display : block;
  }
}

#sp-definition-list-7 > dd{
  margin-left : 94px;
  margin-bottom : 25px;
}

#sp-definition-list-7 > dt{
  padding-top : 5px;
  padding-left : 15px;
  padding-right : 0px;
  padding-bottom : 5px;
  margin-bottom : 10px;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : #ccf8d8;
}

/******************/
/* Add by MYStaff */
/******************/

/*** Menu Area for index.html ***/

/* for SP */

@media screen and (max-width: 568px) {
#menu_area{
    width: 100%;
    position : relative;
}

}

/* for PC */

@media not screen, screen and (min-width: 569px) {
#menu_area{
    width: 960px;
    height : 850px;
    position : reative;
}

#menu_area_a{
    position : absolute;
    width : 640px;
    height : 250px;
    top : 150px;
    left : 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
  }

#menu_area_b{
    position : absolute;
    width: 320px;
    height : 250px;
    top : 150px;
    left : 640px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
  }

#menu_area_c{
    position : absolute;
    width : 320px;
    height : 250px;
    top : 400px;
    left : 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
  }

#menu_area_d{
    position : absolute;
    width: 320px;
    height : 250px;
    top : 400px;
    left : 320px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
  }

#menu_area_e{
    position : absolute;
    width: 320px;
    height : 250px;
    top : 400px;
    left : 640px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
}

#menu_area_f{
    position : absolute;
    width : 320px;
    height : 250px;
    top : 650px;
    left : 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
  }

#menu_area_g{
    position : absolute;
    width: 320px;
    height : 250px;
    top : 650px;
    left : 320px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
  }

#menu_area_h{
    position : absolute;
    width: 320px;
    height : 250px;
    top : 650px;
    left : 640px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
}

/*** banner Area ***/

#banner_area{
    position : absolute;
    top :900px;
    left: 0px;
    margin-right: 10px;
    width: auto;
    display: inline-block;

}

/* Menu Item */

}

/* Table for Menu */

#menu_area table{
    height : 225px;
    margin-top : 5px;
    margin-left : 5px;
    margin-right : 5px;
    margin-bottom : 0px;
    border-width : 1px;border-style : solid;border-color : #ccf8d8;
    border-radius : 10px;
    background-color : #ccf8d8;
}
#menu_area tr{
    padding: 0px 0px;
}

#menu_area th{
    height : 20px;
    padding : 5px;
    font-size: 1.6rem;
    font-weight : normal;
    border-width : 0px;border-style : none;

}

#menu_area td{
    padding : 5px;
    vertical-align : top;
    border-top-width : 0px;
    border-top-style : none;
    border-left-width : 0px;
    border-right-width : 0px;
    border-bottom-width : 0px;
    border-left-style : none;
    border-right-style : none;
    border-bottom-style : none;
    background-color : #ffffff;
    border-bottom-left-radius : 10px;
    border-bottom-right-radius : 10px;

}

/*** Bus List Area for bus.html ***/

/* for SP */

@media screen and (max-width: 568px) {
#bus_list_area{
    width: 100%;
}

}

/* for PC */

@media not screen, screen and (min-width: 569px) {
.bus_list_area{
    width: 100%;
    position : relative;
  }

.bus_list_image{
    width : 100%;
    top : 0px;
    left : 0px;
    position : relative;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
}
.bus_list_data{
    width : 500px;
    top : 0px;
    left : 400px;
    position : absolute;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
}

}

/*** Bus Data Area for oogata_60～45.html chuugata_27.html kogata_28.html ***/

/* for SP */

@media screen and (max-width: 568px) {
.bus_data_area{
    width: 100%;
}

}

/* for PC */

@media not screen, screen and (min-width: 569px) {
.bus_data_area{
    width : 960px;
    height : 900px;
}

.bus_data_left{
    width : 500px;
    height : 550px;
    position : absolute;
    top : 50px;
    left : 0px;
}

.bus_data_right{
    width : 460px;
    height : 550px;
    position : absolute;
    top : 50px;
    left : 500px;
}

.bus_data_left_b{
    width : 500px;
    height : 550px;
    position : absolute;
    top : 600px;
    left : 0px;
}

.bus_data_right_b{
    width : 460px;
    height : 550px;
    position : absolute;
    top : 600px;
    left : 500px;
}

}

.bus_data_area img{
    border-radius : 10px;
}

/* Table for Spec */

.spec_table table{
    width : 450px;
    padding: 0px 0px;
    border-width : 1px;border-style : solid;border-color : #ccf8d8;
    border-radius : 10px;
    background-color : #ccf8d8;
}
.spec_table tr{
    padding: 0px 0px;
}

.spec_table th{
    padding : 5px;
    font-weight : normal;
    border-width : 0px;border-style : none;

}

.spec_table td{
    padding : 5px;
    border-top-width : 0px;
    border-top-style : none;
    border-left-width : 0px;
    border-right-width : 0px;
    border-bottom-width : 0px;
    border-left-style : none;
    border-right-style : none;
    border-bottom-style : none;
    background-color : #ffffff;

}

@media screen and (max-width: 568px) {
.case_data_area{
    width: 100%;
}

}

/* for PC */

@media not screen, screen and (min-width: 569px) {
.case_data_area{
    width : 960px;
    height : 4000px;
    position : relative;
}

.case_data_left{
    width : 500px;
    height : 250px;
    position : absolute;
    top : 0px;
    left : 0px;
}

.case_data_right{
    width : 460px;
    height : 250px;
    position : absolute;
    top : 0px;
    left : 500px;
}

.case_data_left_a{
    width : 500px;
    height : 500px;
    position : absolute;
    top : 250px;
    left : 0px;
}

.case_data_right_a{
    width : 460px;
    height : 500px;
    position : absolute;
    top : 250px;
    left : 500px;
}

.case_data_left_b{
    width : 500px;
    height : 500px;
    position : absolute;
    top : 750px;
    left : 0px;
}

.case_data_right_b{
    width : 460px;
    height : 500px;
    position : absolute;
    top : 750px;
    left : 500px;
}

.case_data_left_c{
    width : 500px;
    height : 500px;
    position : absolute;
    top : 1250px;
    left : 0px;
}

.case_data_right_c{
    width : 460px;
    height : 500px;
    position : absolute;
    top : 1250px;
    left : 500px;
}

.case_data_left_d{
    width : 500px;
    height : 1000px;
    position : absolute;
    top : 1750px;
    left : 0px;
}

.case_data_right_d{
    width : 460px;
    height : 1000px;
    position : absolute;
    top : 1750px;
    left : 500px;
}

.case_data_left_e{
    width : 500px;
    height : 500px;
    position : absolute;
    top : 2750px;
    left : 0px;
}

.case_data_right_e{
    width : 460px;
    height : 500px;
    position : absolute;
    top : 2750px;
    left : 500px;
}

.case_data_left_f{
    width : 500px;
    height : 500px;
    position : absolute;
    top : 3250px;
    left : 0px;
}

.case_data_right_f{
    width : 460px;
    height : 500px;
    position : absolute;
    top : 3250px;
    left : 500px;
}

}

.case_data_area img{
    border-radius : 10px;
}

@media screen and (max-width: 568px) {
.case_data_area_2{
    width: 100%;
}

}

/* for PC */

@media not screen, screen and (min-width: 569px) {
.case_data_area_2{
    width : 960px;
    height : 2000px;
    position : relative;
}

.case_data_left_2{
    width : 500px;
    height : 500px;
    position : absolute;
    top : 0px;
    left : 0px;
}

.case_data_right_2{
    width : 460px;
    height : 500px;
    position : absolute;
    top : 0px;
    left : 500px;
}

.case_data_left_2_a{
    width : 500px;
    height : 500px;
    position : absolute;
    top : 500px;
    left : 0px;
}

.case_data_right_2_a{
    width : 460px;
    height : 500px;
    position : absolute;
    top : 500px;
    left : 500px;
}

.case_data_left_2_b{
    width : 500px;
    height : 500px;
    position : absolute;
    top : 1000px;
    left : 0px;
}

.case_data_right_2_b{
    width : 460px;
    height : 500px;
    position : absolute;
    top : 1000px;
    left : 500px;
}

.case_data_left_2_c{
    width : 500px;
    height : 500px;
    position : absolute;
    top : 1500px;
    left : 0px;
}

.case_data_right_2_c{
    width : 460px;
    height : 500px;
    position : absolute;
    top : 1500px;
    left : 500px;
}

}

.case_data_area_2 img{
    border-radius : 10px;
}

/* カレンダー用 by mysmrt 2025.07.15 */

.calender_table{

    line-height:0.7;
    border-collapse:  collapse; 
}	

.calender_table td{
    border: solid 1px;
}