@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

@media only screen and (min-width: 1030px) {
.wrap {
  width: 1000px;
}
.d-5of7 {
  width: 74%;/*メインコンテンツ幅（デフォルト69%）*/
}
.d-2of7 {
  width: 26%;/*サイドバー幅（デフォルト31%）*/
}
}

/*トップページと記事ページの最大幅を揃える*/
@media only screen and (min-width: 1240px) {
.single .wrap, .page .wrap, .archive .wrap, .single #inner-content, .page #inner-content {
    width: 1000px;
}
}
/*END トップページと記事ページの最大幅を揃える*/

.sns-btn .sns-btn__title {
    display: none;
}

#index01 {
	background-color:#FFFFFF;
	padding:20px;
	margin-bottom:20px;
}

#index01 h2 {
	background-color:#AACF52;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	background-image: url("/images/mayasanjp.png");
	background-repeat:no-repeat;
	background-position: right center;
}

#index01 ul {
	margin:0 0 30px 0;
    padding:10px;
	height:280px;
	overflow:auto;
}

#index01 ul li {
	background:url(https://www.mayasan.jp/images_wp/arrow02.jpg) no-repeat left 17px;
	padding:7px 10px 7px 13px;
	line-height:140%;
}

#index01 ul li a {
	color:#666666;
	border-bottom:dotted 1px #666666;
	text-decoration:none;
	font-size:14px;
}

#index01 ul li a:hover {
	color:#ffb36b;
}

#index01 ul li div {
	display:inline;
	color:#666666;
	margin: 0 0 0 20px;
	font-size:14px;
}

#index02 {
	padding:20px 20px 50px 20px;
	background-color:#FFFFFF;
	margin-bottom:20px;
}

#index02 h2 {
	background-color:#AACF52;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	background-image: url("/images/mayasanjp.png");
	background-repeat:no-repeat;
	background-position: right center;
}

#index02:after {
	content: '';
	content: none;
}

#index02 h2 {
	margin:0 0 10px 0;
}

#side_banners ul li {
	text-align:center;
	margin:0 0 6px 0;
}

#side_banners ul li img {
	vertical-align:bottom;
}

#side_menu01 {
	width:100%;
	margin:20px 0;
}

#side_menu01:after {
	content: '';
	content: none;
}

#side_menu01 h2 {
	background-color:#AACF52;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	background-image: url("/images/mayasanjp.png");
	background-repeat:no-repeat;
	background-position: right center;
}

#side_menu01 ul li a {
	display:block;
	font-size:16px;
	margin:15px 10px;
	padding:0 0 0 15px;
	color:#4CD01E;
	line-height:120%;
	background:url(https://www.mayasan.jp/images_wp/arrow01.jpg) no-repeat left center;
	font-weight:normal;
}

#side_menu02 {
	width:100%;
}

#side_menu02:after {
	content: '';
	content: none;
}

#side_menu02 h2 {
	background-color:#AACF52;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	background-image: url("/images/mayasanjp.png");
	background-repeat:no-repeat;
	background-position: right center;
}

#side_menu02 ul li a {
	display:block;
	font-size:16px;
	margin:15px 10px;
	padding:0 0 0 15px;
	color:#4CD01E;
	line-height:120%;
	background:url(https://www.mayasan.jp/images_wp/arrow01.jpg) no-repeat left center;
	font-weight:normal;
}

#side_menu02 ul li ul {
	margin:0 0 0 20px;
}

#side_menu02 ul li ul li a {
    list-style: none!important;
	margin:15px 10px;
	background:url(https://www.mayasan.jp/images_wp/arrow01.jpg) no-repeat left center;
}

#side_menu03 {
	width:100%;
	margin:20px 0;
}

#side_menu03:after {
	content: '';
	content: none;
}

#side_menu03 h2 {
	background-color:#AACF52;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	background-image: url("/images/mayasanjp.png");
	background-repeat:no-repeat;
	background-position: right center;
}

#side_menu03 ul li a {
	display:block;
	font-size:12px;
	margin:15px 10px;
	padding:0 0 0 15px;
	color:#4CD01E;
	background:url(https://www.mayasan.jp/images_wp/arrow01.jpg) no-repeat left center;
}

/* =時刻表Table　#index03
----------------------------------------------- */

#index03 h3 {
	margin:0 0 10px 0;
}

.Tslider {
  overflow: auto;
}
.Tslider::-webkit-scrollbar{
height: 10px; /* スクロールバーの高さ */
}
.Tslider::-webkit-scrollbar-track{
background: #F7F7F7; /* スクロールバーの背景色 */
}
.Tslider::-webkit-scrollbar-thumb {
background: #CCCCCC; /* スクロールバーの色 */
}
.Tslider table {
	width:100%;
	margin:20px auto;
	border-collapse:separate;
	border:1px solid #DDDDDD;
}

.Tslider table td {
	padding:5px;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	text-align:center;
	vertical-align:middle;
	white-space: nowrap;
}

.Tslider table td.td01 {
	background:#EAF2D5;
}

.Tslider table td.td02 {
	background:#FFFFEE;
}


/* =マヤカツページ
----------------------------------------------- */

#index04 h3 {
	font-size: 18px;
	color: #666666;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	border-bottom-color: #6EB92B;
}
#index04 h4 {
	color: #6EB92B;
}

div#main div#content img {
	background:black;
	margin:0;
	border:none;
	box-shadow:none;
	border-radius: 0px;		/* CSS3草案 */
	-webkit-border-radius: 0px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0px;	/* Firefox用 */
}

/* Add 20150503 */
#index01 .nav-links {display:none;}

/* Add 20160915 */
#Form-Section {margin:10px auto 0;}

#Form-Section table,
#Form-Section table th,
#Form-Section table td {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

#Form-Section table {
border-collapse:collapse;
width:100%;
}
#Form-Section table th,
#Form-Section table td {
border-bottom:1px solid #999;
padding:12px 6px;
font-weight:normal;
}
#Form-Section table th {
position:relative;
width:38%;
padding-left:4em;
text-align:right;
vertical-align:top;
}
#Form-Section table th .req {
position:absolute;
display:inline-block;
border-radius:3px;
top:12px;
left:0;
padding:2px 4px 0;
color:#fff;
background-color:#f00;
font-size:93%;
}

#Form-Section dt {margin-bottom:6px;}
#Form-Section dt span.req {
display:inline-block;
border-radius:3px;
margin-right:.6em;
padding:2px 4px 0;
color:#fff;
background-color:#f00;
font-size:93%;
}

/*マヤカツ*/
#index04 .global-Nav {
  margin: 0 0 30px;
  padding: 0;
  border: 1px solid #6EB92B;
  font-size: 14px;
  list-style-type: none;
}
/*clearfix*/
#index04 .global-Nav:after {
  content: "";
  clear: both;
  display: block;
}
#index04 .global-Nav li {
  float: left;
  width: 50%;
  text-align: center;
  border-bottom: 1px solid #6EB92B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*奇数のli要素に適応*/
#index04 .global-Nav li:nth-child(odd) {
  border-right: 1px solid #6EB92B;
}
#index04 .global-Nav a {
  display: block;
  line-height: 44px;
  color: #000;
  text-decoration: none;
}
#index04 .global-Nav a:hover {
  color: #000;
  background: #e6e6e6;
}

/*横幅1280px以上に適応*/
@media screen and (min-width: 1280px) {
#index04 .global-Nav li:nth-child(odd) {
  border-right: none;
}
#index04 .global-Nav {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: none;
  border-collapse: collapse;
}
#index04 .global-Nav li {
  float: none;
  display: table-cell;
  width: 100%;
  border-bottom: none;
  border: 1px solid #6EB92B;
}
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {

}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
	background-color: #EFF5E1;
	background-image: url(https://www.mayasan.jp/mayaruins/img/q.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 25px;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 10px;
	padding-left: 25px;
	background-image: url(https://www.mayasan.jp/mayaruins/img/a.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

/*SANGO 必須*/
#Form-Section span.req {
display:inline-block;
border-radius:3px;
margin-right:.6em;
padding:2px 4px 0;
color:#fff;
background-color:#f00;
font-size:93%;
}