@charset "UTF-8";
/*
Theme Name: Chiba-aw-2026
Description: Colorway is Simple, Elegant, Responsive and beautiful Theme with Easy Customization Options built by InkThemes.com. The Customization Options includes using your own Logos, Backgrounds, Analytics and your own Custom Footer Texts and Analytics that can be tweaked using Theme Options Panel. Colorway Theme is Single Click Intall feature, Just press activate button and your website will get ready with all the dummy content. Just set the content from the Themes Options Panel. Colorway by InkThemes.com is suitable for any business or personal website. The Theme can work for various different niches. It includes special styles for Gallery pages, and has an optional fullwidth page template as well.
Author: Frohdesign.com
Author URI: https://frohdesign.com
Version: 3.3.3
License: GNU General Public License
License URI: license.txt
Tags: black, blue, green, white, gray, custom-menu, dark, two-columns, fixed-layout, custom-header, custom-background, threaded-comments, sticky-post, custom-colors, custom-header, custom-menu, light, theme-options, editor-style
*/

@import url('https://fonts.googleapis.com/css?family=Sen:400,700|Kosugi|Kosugi+Maru|Raleway:300,400,500,700|Sawarabi+Gothic&display=swap');

/*==============================*/
/*  GENERAL TYPOGRAPHY */
/*==============================*/
body {
font-family: 'Sen', -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.66;
}
header,footer,.sidebar,nav,.nav {
		font-family: 'Raleway','Kosugi Maru',sans-serif;
}
.footer-container,.footer-navi {
		font-family: 'Kosugi Maru', sans-serif;
}
body.post-type-archive {
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
	overflow-x: auto;
}
body {
background: linear-gradient(#dadde1, #ccc, #999, #dadde1);
}
body#mihama {
background: linear-gradient(#99e5ff, #0283ff, #00b1ce,#99e5ff);
}
body#wakaba {
background: linear-gradient(#b9fd91,#92d800, #92d802,#b9fd91);
}
body#chishiro {
background: linear-gradient(#fff173,#ffd904, #ffbc00, #fff173);
}
 @keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @-webkit-keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}

hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
p {
    color:#4a4a4a;
}
a {
    text-decoration:none;
}
label {
    font-size:14px;
    color:#4a4a4a;
    margin-bottom:5px;
}
input:focus, textarea:focus {
    outline:none;
}
select, input[type="file"] {
    margin-bottom:5px;
}
input[type="text"], textarea, select, input[type="file"] {
    clear: both;
    display: block;
    overflow: hidden;
}
input[type="text"] {
    width:215px;
}
input[type="text"], textarea {
    color: #666;
    border: 1px solid #eeeeee;
    padding-left:10px;
}
input#pwbox-131 {
    display:block;
}
textarea {
    width:320px;
    margin-bottom:5px;
    height:150px;
}
th{
    background: #cccccc;; 
}
th,td{
    padding:3px 5px;
    border: 1px solid #cccccc; 
}
/*==============================*/
/*   Headings  */
/*==============================*/
h1 {
    font-size: 1.8em;
   line-height:1.4em;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1.4em;
   line-height:1.2em;
}
h4 {
    font-size: 1.3em;
    font-weight: 400;
}
h5 {
    font-size: 1.2em;
}
h6 {
    font-size: 1.1em;    
}
@media only screen and (max-width: 768px) {
h1 {
    font-size: 1.5em;
}
h2 {
    font-size: 1.4em;
}
h3 {
    font-size: 1.3em;
}
h4 {
    font-size: 1.2em;
}
}

@media only screen and (max-width: 480px) {
h1 {
    font-size: 1.25em;
}
h2 {
    font-size: 1.2em;
}
h3 {
    font-size: 1.1em;
}
h4 {
    font-size: 1.0em;
}
}


h1, h2, h3, h4, h5, h6{
    margin:0px;
    padding:0px;
    color:#4a4a4a;
}
/*==============================*/
/*   Spacing  */
/*==============================*/

ol {
    list-style: decimal;
}
ul {
    list-style: disc;
}
li {
    margin-left: 30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 1em;
}
h2,h3, h4, h5, h6 {
    margin-bottom: 0.8em;
line-height:1.6em;
}
.container {
    background-color:#FFFFFF;
    border-bottom:none;
}
ol li {
    border-bottom:none !important;
    margin-top:1!important;
    margin-bottom:1!important;
    padding-bottom:0!important;
    padding-top:0!important;
}
@media only screen and (max-width: 768px) {
h2,h3, h4, h5, h6 {
line-height:1.4em;
}
}
/*=========================================*/
/*==========Home Page Style==========*/
/*=========================================*/
.menu-bar, .slider-container, .logo, .content-wrapper, .footer-wrapper {
    /* margin-left:30px; */
    /* margin-right:30px; */    /* 設定なし */  
}
.content-wrap .blog_post h1{
    -ms-word-wrap: break-word !important;
    word-wrap: break-word !important;
}
#crumbs,.blog{
    -ms-word-wrap: break-word !important;
    word-wrap: break-word !important; 
}
/*=========================================*/
/*==========Header Style==========*/
/*=========================================*/
header {
    width:100%;
    display:flex;
    margin:0 auto 5px;
}

#sns-lan {
    display:flex;
    justify-content:right;
    align-items:center;
     margin-top:15px;
       -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}
.footer #sns-lan {
	display:none;
}
.sns {
    display:inline-block;
    margin:0;
	 min-width:150px;
}
#chishiro .sns  {
min-width:0px;	
}

#lan-area {
    display:inline-block;
    margin:0 20px;
}
#chishiro  #lan-area {
    margin:0;
}
.logo {
    margin:20px;
    width:45%;
}
.header-r {
width:50%;
margin:0;	
position:relative;		
}
.logo img{
    width:auto;
    max-width: 100%;
}
ul.social-icons {
	display: flex;
	flex-wrap: wrap;
	margin: -0.9rem 0 0 -0.9rem;
	width: calc(100% + 0.9rem);
	list-style:none;
}

ul.social-icons li {
	margin: 0.9rem 0 0 0.9rem;
		padding:0;
	width:auto;
}

.social-icons a {
	align-items: center;
	border-radius: 50%;
	color: #fff !important;
	display: flex;
	height: 2.4rem;
	justify-content: center;
	padding: 0;
	text-decoration: none;
	transition: transform 0.15s ease-in-out;
	width: 2.4rem;
}

.social-icons a:focus,
.social-icons a:hover {
	transform: scale(1.1);
	text-decoration: none;
}
.social-icons #twitter a {
	background: #000;
}
.social-icons #facebook a {
	background: #3B5998;
}
.social-icons #youtube a {
	background: #FF0000;
}
.social-icons i {
	padding-left:0.1em;
}
#font {
	position:absolute;
	right:0;
	margin:0;
}

#font ul li {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin: 2px;
	padding: 5px;
	border: 2px solid #CCC;
	text-align: center;
	background: #EEEEEE;
	cursor: pointer;
}

#font ul li.hover {
	background: #999999;
	color: #FFF;
}

#font ul li.active {
	background: #666666;
	color: #FFF;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
#sns-lan {
    justify-content:space-around;
		width:90%;
    margin:0 auto;
     -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row
}
	header #sns-lan {
	display:none;
}
.footer #sns-lan {
	display:block;
}	
header {
    display:block;
}
#lan-area {
    margin:0;
}

.logo{
    max-width: 400px;
    margin:20px auto;
    width:100%;
}
.header-r {
    width:100%;
    margin:0;
}
.header #font {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
.logo{
    margin:0 10px 10px;
    max-width:78%;
}
}

/*=========================================*/
/*==========Slider Style==========*/
/*=========================================*/
.slider-container {
    border-bottom: 3px double #eeeeee;
    margin-top: 40px;
    margin-bottom: 24px;
    padding-bottom: 60px;
}
.slider-container ul {
    list-style-type:none;
}
#slide-box {
    margin: 0 auto;
    position: relative;
}
.slides_control {
    min-height: 364px;
}
.slide {
    min-height:200px;
}
.slide .slide-content.entry {
    width: 415px;
    left: 0px;
    bottom: 85px;
    padding: 22px 35px;
    position: absolute;
    font-size: 13px;/*	background-color: rgba(0, 0, 0, 0.6);*/
}
.slide-content p {
    margin:0 0 0.5em;
}
.slide-image {
    background: url(images/bg-slider.png) no-repeat bottom center;
    padding-bottom:25px;
}
.slide .slide-content.entry .title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    margin: 0 0 14px 0;
    color: #fff;
}
.slide-img {
    width:1171px;
    height:460px;
}
/*=========================================*/
/*=======Cotent-Wrapper Style========*/
/*=========================================*/
.content-wrapper .content-info {
    margin-bottom:20px;
}
.content {
    padding-top:10px;
}
.content img {
    max-width:100%;
}
.content-wrapper .content-info h4 {
    text-align:center;
    margin:0px;
    padding:0px;
}
#content {
    border-bottom:3px double #eeeeee;
    margin-top: 45px;
    padding-bottom: 45px;
    margin-bottom: 34px;
    overflow: hidden;
}
#content ul.thumbnails {
    list-style-type:none;
    width: 1008px;
    overflow:hidden;
    margin:0 auto;
    margin-left:-32px;
    padding:0px;
}
#content .one_fourth h2 {
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 22px;
}
#content .one_fourth h2 a {
    color:#4a4a4a;
}
#content .one_fourth img{
    width: 100%;
    height:auto;
}
#content ul.thumbnails li {
    width:198px;
    height:250px;
    margin:0px;
    margin-left:32px;
    float:left;
    overflow:hidden;
    background:none;
    margin-bottom:26px;
}
#content ul.thumbnails a.bigthumbs {
    display:block;
    width:198px;
    background-image:url(../images/img-bg.png);
}

/*=========================================*/
/*========Portfolio Page Style=======*/
/*=========================================*/
.content-wrapper .folio-content-info {
    margin-top:18px;
}
.content-wrapper .folio-content-info p.info {
    font-size:11px;
}
.folio-content {
    border-bottom:3px double #eeeeee;
}
.folio-content ul.thumbnail {
    list-style-type:none;
    width: 1008px;
    overflow:hidden;
    margin:0 auto;
    margin-left:-18px;
    padding:0px;
}
.folio-content ul.thumbnail h3 {
    margin:0px;
    padding:0px;
    margin-top:5px;
    margin-bottom:15px;
}
.folio-content ul.thumbnail li {
    width:288px;
    margin:0px;
    margin-left:18px;
    float:left;
    overflow:hidden;
    background:none;
    margin-bottom:20px;
}
.folio-content ul.thumbnail li img {
    border:1px solid #eeeeee;
    padding:5px;
    height:158px;
    width:266px;
    background-color:#FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}
.folio-content ul.thumbnail li a {
    font-size:11px;
}
.folio-content ul.thumbnail a.zoombox {
    display:block;
    width:275px;
    background:url(images/img-shadow.png) no-repeat;
    background-position:10% 104%;
    height:186px;
}
.folio-page-info ul.paging {
    margin:0px;
    padding:0px;
    float:right;
    margin-top:20px;
    margin-bottom:20px;
}
.folio-page-info ul.paging li {
    margin:0px;
    padding:0px;
    display:inline;
    margin-right:4px;
}
.folio-page-info ul.paging li a {
    color:#777777;
    padding:2px 7px 2px 7px;
    width:20px;
    height:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    border:1px solid #eeeeee;
}
/*=========================================*/
/*========Contact Page Style=======*/
/*=========================================*/

.content-wrap {
    margin-left:20px;
    padding-right:5px;
    padding-bottom:0px;
}
.content-wrap h4 {
    margin-top:20px;
}
.content-info.home{
    padding-bottom:10px;
    margin-bottom:10px;
}
.content-info {
    border-bottom: 3px double #eeeeee;
    padding-bottom:10px;
    margin-bottom:40px;
}
.content-info h2{
    font-size: 32px;
    font-weight: 400;
}
.content-wrap .contact ul {
    list-style-type:none;
}
.content-wrap .contact {
    overflow:hidden;
}
.content-wrap #contactForm ul.contactform, .content-wrap #contactForm ul.contactform li, .content-wrap #contactForm ul.contactform li label {
    margin:0px;
    padding:0px;
}
.content-wrap .contact ul p, .content-wrap .contact ul p.error {
    margin-left:-29px;
    margin-top:20px;
}
.content-wrap .contact #contactForm ul.contactform li {
    margin-bottom:25px;
    margin-left:-28px;
}
.content-wrap .contact #contactForm label {
    clear:both;
}
.content-wrap .contact #contactForm input#contactName, #contactForm input#email, #contactForm textarea {
    width:290px;
    background:#F5F5F5;
    border:1px solid #CCC;
    padding-left:5px;
    clear:both;
    margin-bottom:5px;
    overflow:hidden;
    float:none;
}
.content-wrap .contact #contactForm input#contactName:focus, .content-wrap .contact #contactForm input#email:focus, .content-wrap .contact #contactForm textarea:focus {
    background:#FFF;
}
.content-wrap .contact #contactForm input#contactName {
    height:28px;
    clear:both;
}
.content-wrap .contact #contactForm input#email {
    height:28px;
}
.content-wrap .contact #contactForm textarea {
    height:130px;
    width:350px;
    clear:both;
}
.content-wrap .contact #contactForm input[type="submit"] {
    height:35px;
    width:84px;
    border:0px;
    background:#000;
    color:#FFF;
    cursor:pointer;
    padding-left:5px;
    padding-right:5px;
    clear:both;
    float:left;
}
.content-wrap .contact #contactForm input[type="submit"]:hover {
    background:#333;
}
.content-wrap .contact #contactForm .error {
    color:#F00;
    clear:both;
}


/*=========================================*/
/*========About us Page Style=======*/
/*=========================================*/
.content-wrap img {
   /* margin-top:20px; */
}
/*=========================================*/
/*========Blog Page Style=======*/
/*=========================================*/
.content-wrap .blog img {
    border:1px solid #eeeeee;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}
.content-wrap .blog .blog_list{
    list-style-type: none;
}
.content-wrap .blog .blog_list .post{
    margin-bottom: 40px !important;
    overflow: hidden;
    clear: both;
}
.content-wrap .blog .blog_list .post .postimg{
    clear: both;
    display: block;
    margin-bottom: 20px;
}
.content-wrap #blogmain img.postimg {
    padding:0px;
    border:1px solid #eeeeee;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
    float:left;
    margin: 5px 20px 18px 0; 
}
.content-wrap .blog ul {
    margin-left:-30px;
}
.content-wrap .blog img {
    max-width:98%;
    height:auto;
}
.content-wrap .blog ul.blog_post {
    list-style-type:none;
}
.content-wrap .blog ul.blog_post li {
    border-bottom:1px solid #eeeeee;
    padding-bottom: 35px;
    margin-top: 34px;
    overflow: auto;
}
.content-wrap .blog ul.blog_post li:last-child {
    border:none;
}
.content-wrap .blog ul.blog_post li p {
    margin-top:15px;
}
.content-wrap .blog ul li h1 {
    margin:0px;
    padding:0px;
    margin-left:0;
    margin-bottom: 10px;
    line-height: 1.4em;
}
.content-wrap .blog ul.blog_post li h1 a {
    color: #525252;
}
.content-wrap .blog ul ul {
    list-style-type:disc;
    margin-top:10px;
    margin-left:-5px;
}
.content-wrap .blog ul.blog_post li ul li {
    border:none;
    margin-left:5px;
    margin-bottom:0;
    padding-bottom:0;
    margin-top:0;
    min-height:0;
}
.content-wrap .blog ul.single {
    list-style-type:none;
}
.content-wrap .blog ul ul.post_meta {
    list-style: none;
    margin-bottom: 12px;
    margin-top: -8px;
    color: #5C5C5C;
    font-size: 13px;
}
.content-wrap .blog ul ul.post_meta li{
    display: inline;
    margin-left: 5px;
}
#nav-single {
	display:block;
	width:100%;
	margin:3em 0;
}
.nav-previous,.nav-next {
	display:inline-block;
	font-size:0.8em;
	letter-spacing:0.1em;
}

.nav-next {
    float: right;
}
.nav-previous i{
	margin-right:5px;
}
.nav-next i{
	margin-left:5px;
}
.nav-next a,.nav-previous a {
text-decoration:none;
background:#0090ff;
padding:7px;
border:2px solid #0090ff;
font-weight:bold;
color:#fff !important;
}

#wakaba .nav-next a,#wakaba .nav-previous a {
	border:2px solid #3eb100;
	background:#3eb100;
}
#chishiro .nav-next a,#chishiro .nav-previous a {
	border:2px solid #ddb900;
	background:#ddb900;
}
.nav-next a:hover,.nav-previous a:hover {
background:#fff !important;
color:#0090ff !important;
}
#wakaba .nav-next a:hover,#wakaba .nav-previous a:hover {
	color:#3eb100 !important;
}
#chishiro .nav-next a:hover,#chishiro .nav-previous a:hover {
	color:#ddb900 !important;
}
/*=========================================*/
/*========Fullwidth Page Style=======*/
/*=========================================*/
.content-wrap .fullwidth {
    margin-right:30px;
}
.content-wrap .fullwidth img {
    height:auto;
    width:885px;
}
/*=========================================*/
/*========Typography Page Style=======*/
/*=========================================*/
.home_page_blog{
    border-bottom: 3px double #eeeeee;
    margin-bottom: 12px;
    overflow: hidden;
}
.content-wrap h1 {
    margin-top:15px;
}
.content-wrap h1.blog_head {
    font-size:28px;
    padding-bottom: 14px;
    font-weight: 400;
    margin-top: 0;
    border-bottom: 1px solid #eee;
}
.content-wrap.home{
    margin-top: 25px;
    margin-left: 0;
}
/*=========================================*/
/*========Single Page Style==========*/
/*=========================================*/
.social_link {
    margin-top:20px;
}
.social_link p {
    float:left;
    color:#6c6c6c;
    margin-right: 10px;
}
.social_logo img {
    margin:0px;
    padding:0px;
}
ul.paging {
    margin:0px;
    padding:0px;
    margin-top:20px;
    margin-bottom:50px;
}
ul.paging li {
    margin:0px;
    padding:0px;
    display:inline;
    margin-right: 8px;
}
ul.paging li a {
    color:#777777;
    padding: 4px 10px 4px 10px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    border:1px solid #eeeeee;
}
/*=========================================*/
/*=========Comment Style=============*/
/*=========================================*/
#commentsbox {
    margin:0 0px;
}
ol.commentlist {
    margin:0px 0 0;
    clear:both;
    overflow:hidden;
    list-style:none;
}
ol.commentlist li {
    margin:10px 0;
    line-height:18px;
    padding:10px !important;
    border:1px solid #CCCCCC;
    margin-bottom:10px;
    border-bottom:1px solid #CCCCCC !important;
    background: #EBEBEB;
    text-shadow: 0 1px 0 #ffffff;
}
ol.commentlist li ul li, ol.commentlist li ol li {
    border:none !important;
    margin:0;
    margin-left:25px;
    padding:0 !important;
}
ol.commentlist li .comment-author {
    color:#000;
}
ol.commentlist li .comment-author.vcard {
    margin:0;
    padding:0;
}
ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited {
    color:#000;
    font-weight:bold;
    text-decoration:none !important;
}
ol.commentlist li .comment-author .fn {
    color:#000;
}
ol.commentlist li .comment-author .fn .url {
}
cite.fn {
    color:#000;
    font-style:normal;
    margin-left:8px;
}
ol.commentlist li .comment-author .avatar {
    border:1px solid #ddd;
    padding:3px;
    margin-right:10px;
}
.commentlist .pingback {
    margin: 0 0 1.625em;
    padding: 0 1.625em;
}
ol.commentlist li .comment-meta {
    font-size:10px;
    margin-left:63px;
    clear:both;
}
ol.commentlist li ul.children li.comment {
    border:1px solid #ccc !important;
    padding-bottom:10px !important;
    padding-left:20px !important;
    margin-bottom:10px !important;
    margin-right:5px !important;
}
ol.commentlist li .comment-body p {
    margin-left:60px;
}
ol.commentlist li .comment-meta .commentmetadata {
    color:#000;
    padding-top: 0px;
}
ol.commentlist li .comment-meta a {
    color: #3399FF;
    text-decoration:none !important;
}
ol.commentlist li p {
    line-height:22px;
    margin-top:5px;
    color:#666;
}
ol.commentlist li .reply {
    margin-top:10px;
    font-size:10px;
}
ol.commentlist li .reply a {
    color:#63261a;
    font-size:14px;
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li ul.children {
    list-style:none;
    margin:1em 0 0;
    text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
    margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-3 {
    margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-4 {
    margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-5 {
    margin:0 0 0px 50px;
}
.comment-nav {
    padding:5px;
    height:20px;
}
.comment-nav a:link, .comment-nav a:visited {
    color:#f96e02;
}
#respond {
    padding:0px 0px;
    margin:10px 0px;
}
#respond h3 {
    font-size:28px;
    color:#000;
    padding:10px 2px;
}
#commentform {
    padding:10px 20px;
    border:1px solid #eee;
    overflow:hidden;
}
#commentform label {
    float:left;
    margin:0px;
    padding:0px;
    margin-top:18px;
    margin-right:10px;
}
#commentform p {
    margin:5px 0px;
    color:#444;
}
#commentform a {
    color:#0454A8;
}
#respond label {
    display:block;
    padding:5px 0;
    color:#63261a;
    overflow:hidden;
}
#respond label small {
    font-size:10px;
}
#respond input {
    margin-bottom:10px;
    padding:5px 5px;
    margin:0 10px 10px 0;
    background:#fff;
    border:1px solid #ddd;
    color:#555;
    clear:both;
}
#respond span.required {
    display:block;
    float:left;
    height:10px;
    text-indent:9999px;
}
#respond .comment-notes {
    text-indent:9999px;
    float:left;
    visibility:hidden;
    margin-top:-40px !important;
}
#respond .form-allowed-tags {
    float:left;
    overflow:hidden;
}
#commentform input[type="text"] {
    width:50%;
}
#respond input#commentSubmit, #respond #submit {
    clear:both;
    background: url('images/submit-button.png') no-repeat 0 0;
    width: 92px;
    height: 26px;
    border:0;
    cursor:pointer;
    text-align: center;
    font-size:16px;
    margin-top:20px;
    color:#FFFFFF;
    float:left;
    text-indent:9999px;
}
textarea#comment {
    border:none;
    background:#fff;
    border:1px solid #ddd;
    width:70%;
    margin:10px 0px 0px 0px;
    padding:5px 5px;
    color:#555;
    clear:both;
    overflow:hidden;
}
/*-------Wordpress Search Box---------*/
#searchform {
    position:relative;
    width: 318px;
}
#searchform #s {
    width: 278px;
    height: 26px;
    color:#939292;
    border: 1px solid #eeeeee;
    padding-left:10px;
}
.footer #searchform #s {
    border:0px;
    height:30px;
    width:135px;
    padding-left:18px;
    background:transparent;
    color:#CCCCCC;
}
.footer #searchform label {
    float:left;
}
#searchform #searchsubmit {
    background:url(images/search-bg-1.png) no-repeat;
    border:0px;
    position:absolute;
    width:29px;
    height:29px;
    top:0;
    right:0;
    cursor:pointer;
    margin-left:6px;
    text-indent:-9999px;
}
.footer #searchform #searchsubmit {
    width:18px;
    height:18px;
    padding:0;
    position:absolute;
    top:8px;
    right:5px;
    overflow:hidden;
    cursor:pointer;
    text-indent:-9999px;
    background: url(images/search-icon.png) 0 0 no-repeat;
    border:none;
    z-index:200;
}
/*-------Wordpress Core Classes---------*/
blockquote {
    padding-left:69px;
    min-height:50px;
}
blockquote {
    margin-top:40px;
    margin-bottom:40px;
}
blockquote.home_blockquote{
    padding-bottom: 22px;
}
blockquote img {
    float: left;
    margin-right:15px;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.alignnone {
    margin: 5px 20px 20px 0;
    clear: both;
    display: block;
    overflow: hidden;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:4px 4px 5px;
}
/*=======================================================*/
/*---------------------COLUMNS  Style--------------------*/
/*=======================================================*/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    float:left;
    position:relative;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.one_half {
    width:48%;
    margin-right:4%;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.two_third {
    width:65%;
    margin-right:5%;
}
.one_fourth {
    width:22%;
    margin-right:4%;
}
.three_fourth {
    width:74%;
    margin-right:4%;
}
/*=======================================================*/
/*--------------------SPECIAL COLUMNS--------------------*/
/*=======================================================*/

.col2, .col3, .col4 {
    float:left;
    position:relative;
}
.col3 {
    width:280px;
    margin-right:60px;
}
.col2 {
    width:460px;
    margin-right:40px;
}
.col4 {
    width:210px;
    margin-right:40px;
}
.last {
    margin-right:0 !important;
}
.col4-wrap, .col2-wrap, .homepage {
    width:1000px;
    margin-right:-40px;
    overflow: hidden;
    line-height:20px;
}
/*=======================================================*/
/*-------------------------Tipsy-------------------------*/
/*=======================================================*/
.tipsy {
    margin-bottom:5px;
    padding: 5px;
    font-size: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(images/tipsy.gif);
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.tipsy-north {
    background-position: top center;
}
/*=======================================================*/
/*--------------------WordPress Calender-----------------*/
/*=======================================================*/

#wp-calendar caption {
    width: 157px;
    text-align: center;
    background: #4b5d67;
    color: #fff;
    border-bottom: 2px solid #e6eef7;
}
#wp-calendar {
    border-collapse:collapse;
    width: 156px;
    text-align: center;
}
#wp-calendar thead tr {
    background: url(images/cal_bkg.gif) bottom right no-repeat;
}
#wp-calendar thead th {
    background: url(images/cal_single.gif) top left no-repeat;
}
#wp-calendar tbody td {
    background: url(images/cal_single2.gif) top left no-repeat;
    padding: 2px 0;
}
#wp-calendar #today {
    background: url(images/cal_single_today.gif) top left no-repeat;
    color: #000;
}
#wp-calendar tbody .pad {
    background: url(images/cal_pad.gif) top left no-repeat;
}
#wp-calendar a {
    padding: 2px 0;
    font-weight: bold;
}
#wp-calendar tfoot td {
    padding: 3px 0;
    background: url(images/cal_pad.gif) top left no-repeat;
}
#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}
#calendar_wrap {
    display: block;
    width: 157px;
    background: url(images/cal_bkg.gif) bottom right no-repeat;
    padding: 0 1px 1px 0;
    margin: 0 0 18px 0;
}
.footer #calendar_wrap {
}
.footer #wp-calendar caption {
    background: #6fa038;
    border-bottom:none;
    color: #244006;
}
.footer #wp-calendar {
    color: #abca8a ;
}
.footer #wp-calendar th {
    background:none;
    border-top:none;
    border-bottom:none;
    font-weight: bold;
    padding-top: 5px;
}
.footer #wp-calendar th{
    color: #213a06;
}
.footer #wp-calendar tfoot td {
    background:none;
    border-top:none;
    border-bottom:none;
}
.footer #wp-calendar tr {
    border:none;
}

@media only screen and ( max-width: 767px ) {
    ul.ddsmoothmenu {
        display: none !important;
    }
    .sf-menu{
        display: none;
    }
 
    .logo{
        text-align:center;
    }
    li.depth-4 ul.children {
        padding-left: 0;
    }

    #searchform {
        position: relative;
        width: 232px;
    }
    #searchform #s {
        width: 192px;
    }
    li.depth-4 ul.children {
        padding-left: 0;
    }
    #menu li {
        float:none !important;
    }
    #MainNav {
        text-align:center;
    }
     /* BEGIN: Mean Menu styles. */

    /* Mean Menu styles. hide the link until viewport size is reached */
    a.meanmenu-reveal {
        display: none;
    }
    .mean-container #main-menu {
        padding: 0;
        margin: 0;
        height: 10px;
    }
    /* when under viewport size, .mean-container is added to body */
    .mean-container .mean-bar {
        float: left;
        width: 100%;
        position: relative;
        background: #000;
        padding: 4px 0;
        min-height: 42px;
        z-index: 999999;
        margin-top: -55px;
    }
    .mean-container a.meanmenu-reveal {
        width: 22px;
        height: 22px;
        padding: 13px 13px 11px 13px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        text-indent: -9999em;
        line-height: 22px;
        font-size: 1px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
    }
    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #fff;
        height: 3px;
        margin-top: 3px;
    }
    .mean-container .mean-nav {
        float: left;
        width: 100%;
        background: #000;
        margin-top: 33px;
    }
    .mean-container .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100% !important;
        list-style-type: none;
    }
    .mean-container .mean-nav ul li {
        position: relative;
        float: left;
        width: 100%;
        margin-left: 0;
    }
    .mean-container .mean-nav ul li a {
        display: block;
        float: left;
        width: 90%;
        padding: 1em 5%;
        margin: 0;
        text-align: center;
        color: #fff;
        border-bottom: 1px solid #383838;
        border-bottom: 1px solid rgba(255,255,255,0.5);
        text-decoration: none;
        text-transform: uppercase;
    }
    .mean-container .mean-nav ul li ul li {
        width: 100%;
    }
    .mean-container .mean-nav ul li li a {
        width: 80%;
        padding: 1em 10%;
        border-bottom: 1px solid #f1f1f1;
        border-bottom: 1px solid rgba(255,255,255,0.25);
        opacity: 0.75;
        filter: alpha(opacity=75);
        text-shadow: none !important;
        visibility: visible;
    }
    .mean-container .mean-nav ul li.mean-last a {
        border-bottom: none;
        margin-bottom: 0;
    }
    .mean-container .mean-nav ul li li li a {
        width: 70%;
        padding: 1em 15%;
    }
    .mean-container .mean-nav ul li li li li a {
        width: 60%;
        padding: 1em 20%;
    }
    .mean-container .mean-nav ul li li li li li a {
        width: 50%;
        padding: 1em 25%;
    }
    .mean-container .mean-nav ul li a:hover {
        background: #252525;
        background: rgba(255,255,255,0.1);
    }
    .mean-container .mean-nav ul li a.mean-expand {
        width: 26px;
        height: 26px;
        border: none !important;
        padding: 12px !important;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
    }
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: none;
    }
    .mean-container .mean-push {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        clear: both;
    }
    .mean-nav .wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    li{        
/* margin-right: 30px; */
    }
}

#pager {
    min-height:60px;
}




/*=======================================================*/
/* カスタムcssに入れる部分 */
/*=======================================================*/
/* pc,sf切り替え */
.sf-only {
	display: none;
}

@media only screen and ( max-width: 767px ) {
	.pc-only {
		display: none;
	}
	
	.sf-only {
		display: inline;
	}
}

/*=======================================================*/
/* 全体カスタマイズ */
/*=======================================================*/
a {
	color: #333;
}

a:hover {
	color: #888;
}

#mihama a {
	color: #0090ff;
}

#mihama a:hover {
	color: #33ccff;
}

#wakaba a {
	color: #3eb100;
}

#wakaba a:hover {
	color: #92d800;
}

#chishiro a {
	color: #dd9b00;
}

#chishiro a:hover {
	color: #ffc600;
}

.footer-container a {
	color: #111 !important;
}
.footer-container .social-icons a {
	color: #FFF!important;
}
#mihama .footer-container a:hover {
	color: #0090ff;
}

#wakaba .footer-container a:hover {
	color: #3eb100;
}

#chishiro .footer-container a:hover {
	color: #ffc600;
}

.footer-navi a {
	color: #FFF !important;
}

#mihama .footer-navi a:hover {
	color: #33ccff;
}

#wakaba .footer-navi a:hover {
	color: #92d800;
}

#chishiro .footer-navi a:hover {
	color: #ffc600;
}

/* フォント */
.ss {
	font-size: .6em;
}

.s {
	font-size: .8em;
}

.l {
	font-size: 1.2em;
}

.ll {
	font-size: 1.4em;
}

.b {
	font-weight: bold;
}

.boxleft {
	float: left;
}

.boxright {
	float: right;
}

.boxleft img {
	margin-right: 15px;
}

.boxright img {
	margin-left: 15px;
}

@media only screen and (max-width: 768px) {
	.boxleft, .boxright {
		float: none;
	}
	
	.boxleft img,.boxright img {
		margin: 0 5px;
	}
	
	.l {
		font-size: 1.1em;
	}
	
	.ll {
		font-size: 1.2em;
	}
}

@media only screen and (max-width: 480px) {
	.l {
		font-size: 1.05em;
	}
	
	.ll {
		font-size: 1.1em;
	}
}

/*=======================================================*/
/* 見出し */
/*=======================================================*/
h1,h3 {
	color: #111;
}

#mihama h2,#mihama h4,#mihama h5 {
	color: #0090ff;
}

#wakaba h2,#wakaba h4,#wakaba h5 {
	color: #3eb100;
}

#chishiro h2,#chishiro h4,#chishiro h5 {
	color: #dd9b00;
}

h3 {
	border-bottom: 4px solid #DDD;
	padding-bottom: 2px;
}

.sidebar h3 {
	border-bottom: none;
	padding: 5px;
	font-size: .9em;
	background: #EFEFEF;
}

.content-info {
	padding-bottom: 0;
	margin-bottom: 20px;
}

.content-info {
	border-bottom: none;
}

@media only screen and (max-width: 768px) {
	.content-info {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 480px) {
	.content-info {
		display: none;
	}
}

/*=======================================================*/
/* pager */
/*=======================================================*/
/* pager */
#pager #next a,
#pager #prev a {
	margin: 10px 0;
	padding: 2%;
	min-width: 100px;
	height: auto;
	background: #999;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
}

#pager #next a:hover,
#pager #prev a:hover {
	background: #666;
}

#pager #next {
	float: right;
}

#pager #prev {
	float: left;
}


/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

nav {
	margin: 0 auto;
	position: relative;
}
nav ul.menu {
	display: flex;
	width:100%;
	background: linear-gradient(#BBB, #666);
	position:relative;
	left:5px;
}
#mihama nav ul.menu,#mihama #spnav ul.menu {
	background: linear-gradient(#33ccff, #007eff);
}
#chishiro nav ul.menu,#chishiro #spnav ul.menu {
	background: linear-gradient(#f3d20f, #bb8a00);
}
#wakaba nav ul.menu,#wakaba #spnav ul.menu {
	background: linear-gradient(#92d800, #3ba203);
}
#spnav {
	display: none;
}

nav ul li{
    width:33%;
    text-align: center;
    position: relative;
    list-style:none;
    font-size: 18px;
    letter-spacing:0.1em;
	line-height:1.3em;
}

nav ul li a,#spnav ul a {
	padding: 15px 10px;
	display: block;
	color: #fff !important;
	letter-spacing:0.15em;
	text-decoration: none;
	cursor: pointer;
}
.sp-menu ul.menu li {
    position: relative;

}
.sp-menu ul.menu li .fa-2x {
    font-size:1.2em;
    display:none;
}

nav ul ul {
		background: rgba(157, 230, 255, 0.9);
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
		width:80%;
		margin:0;
	}

#wakaba nav ul ul {
		background: rgba(200, 249, 98, 0.9);
	}
#chishiro nav ul ul {
		background: rgba(235, 201, 0, 0.9);
	}
nav ul li.menu-item-has-children:before,
nav ul li.menu-item-has-children:after,
nav ul li.page_item_has_children:before,
nav ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 14%;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

nav ul li.menu-item-has-children.focus:before,
nav ul li.menu-item-has-children:hover:before,
nav ul li.menu-item-has-children.focus:after,
nav ul li.menu-item-has-children:hover:after,
nav ul li.page_item_has_children.focus:before,
nav ul li.page_item_has_children:hover:before,
nav ul li.page_item_has_children.focus:after,
nav ul li.page_item_has_children:hover:after {
		display: block;
	}

nav ul li.menu-item-has-children:before,
nav ul li.page_item_has_children:before {
		border-color: transparent transparent #fff;
		bottom: 0;
	}

nav ul li.menu-item-has-children:after,
nav ul li.page_item_has_children:after {
		border-color: transparent transparent #a9e9ff;
	}
#wakaba nav ul li.menu-item-has-children:after,
#wakaba nav ul li.page_item_has_children:after {
		border-color: transparent transparent #c8f962;
	}
#chishiro nav ul li.menu-item-has-children:after,
#chishiro nav ul li.page_item_has_children:after {
		border-color: transparent transparent #ebc900;
	}
nav ul ul a {
		padding: 0.75em;
	}

nav li li {
        width:100% !important;
        margin:0;
        display: block;
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		border-bottom:1px solid #FFF;
	padding-left: 0;
			
	}

nav li li:hover,
nav li li.focus {
		background: #33ccff;
	}
#wakaba nav li li:hover,
#wakaba nav li li.focus {
		background: #48c700;
	}
#chishiro nav li li:hover,
#chishiro nav li li.focus {
		background: #a68602;
	}
nav ul.menu li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
		color:#333 !important;
		font-weight:normal;	
		font-size:0.9em;
		letter-spacing:0.05em;
	}

nav ul.menu li li.focus > a,
nav ul.menu li li:focus > a,
nav ul.menu li li:hover > a,
nav ul.menu li li a:hover,
nav ul.menu li li a:focus,
nav ul.menu li li.current_page_item a:hover,
nav ul.menu li li.current-menu-item a:hover,
nav ul.menu li li.current_page_item a:focus,
nav ul.menu li li.current-menu-item a:focus {
		color:#FFF !important;
	}

nav ul li:hover > ul,
nav ul li.focus > ul {
		left: 10%;
		right: auto;
	}

nav .menu-item-has-children > a > .icon,
nav .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

/* menu */
header .menus {
margin: 0 auto;
text-align: center;
}

.sp-menu  {
	display: none;
}



@media only screen and (max-width: 760px) {
	#spnav {
	display:block;	
	}
	#spnav ul {
	display: flex;
	width:100%;
    flex-wrap:wrap;
}
#spnav ul li {
    position: relative;
    list-style:none;
    font-size: 16px;
	line-height:1.3em;
	 width:33%;	
	 margin:0;
	 text-align: center;
}
#mostrar-nav {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 30;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	background:#666;
	width: 60px;
	height:62px;
}

#mostrar-nav a:hover{
	background: #333;
}
#mihama #mostrar-nav {
	background:#0090ff;
}
#mihama #mostrar-nav a:hover{
	background: #1654d0;
}

#wakaba #mostrar-nav{
	background:#92d800;
}
#wakaba #mostrar-nav a:hover {
	background:#3eb100;
}
#chishiro #mostrar-nav {
	background:#ffc600;
}	
#chishiro #mostrar-nav a:hover{
	background: #d88b00;
}
	
#mostrar-nav span {
    position: absolute;
    left: 15%;
    width: 70%;
    height: 5px;
    background-color: #fff;
    border-radius: 4px;
  }
#mostrar-nav span:nth-of-type(1) {
    top: 9px;
  }
#mostrar-nav span:nth-of-type(2) {
    top:37%;
  }
#mostrar-nav span:nth-of-type(3) {
    bottom: 20px;
  }
#mostrar-nav.active span:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
  }
#mostrar-nav.active span:nth-of-type(2) {
    opacity: 0;
  }
#mostrar-nav.active span:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
  }	
 #mostrar-nav p {
 	font-size:10px;
	 font-weight:bold;
 	text-align:center;
 	margin-top:45px;
 	color:#FFF;
 }

.sp-menu {
	display: inherit !important;
	margin: 2em auto;
}

.sp-menu ul.menu{
	font-weight:bold;
	letter-spacing:0.1em;
	list-style: none;
	line-height: 40px;
	padding: 0 20px;
	margin: 0;
	position: absolute;
	top:1em;
	left:1em;
}
.sp-menu ul.menu li {
    padding:10px 0 10px;
    border-bottom:1px solid #FFF;
}
.sp-menu ul.menu li a:before {
    display:block;
    content:'▼';
    top:0.5em;
    position:absolute;
    color:#FFF;
    left:1.5em;
}
.sp-menu ul.sub-menu{
	list-style: none;
	line-height: 36px;
	padding-left: 20px;
	margin:0 auto;
}
.sp-menu ul.menu li li {
    padding:0;
    font-size:0.8em;
    border-bottom:none;
    font-weight:normal;
}
.sp-menu ul.menu li li a:before {
    display:inherit;
    content:'';
}
.sp-menu ul a {
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	width: 100%;
	padding-left: 3em;
	color: #333 !important;
}
.sp-menu a:hover {
	margin-left: 1em;
 -webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.sp-menu li {
	transition: all .5s;
	font-size: 1.4rem;
	margin:0;
}

.sp-menu li a:hover {
	color: #111 !important;
}
#mihama .sp-menu li a:hover {
	color: #0055ff !important;
}
#wakaba .sp-menu li a:hover {
	color: #339001 !important;
}
#chishiro .sp-menu li a:hover {
	color: #ea8b00 !important;
}

.nav {
	background:rgba(204, 204, 204, 0.9);
	top: 0;
	position: fixed;
	left: -100%;
	z-index: 20;
	height: 100%;
	padding-top: 4em;
	transition: all 0.5s;
	width:100%;
	opacity:0.96;
}
#mihama .nav {
background: linear-gradient(-150deg,#e3f8ff, #abd5fd, #cbebf9, #e6fbff);

}
#wakaba .nav {
background: linear-gradient(-150deg,#e3ffd2,#dfff9d, #b6e49d, #f9ffec);
	}
#chishiro .nav{
background: linear-gradient(-150deg,#fffad0,#fde97b, #fde298, #fffedc);
}	
.nav.mostrar {
	left: 0;
}

.fixbar {
	display: none;
}	
}


/*==================================*/
/*==========Footer Style============*/
/*==================================*/
.footer-container {
    padding-top:20px;
}
.footer-container h4 {
    background-position:0% 100%;
    margin:0px;
    padding:0px;
    padding-bottom:10px;
    margin-bottom:15px;
}
.footer-container img {
    float:left;
    margin-right:15px;
}
.footer-container ul {
    margin-left:-15px;
}
.footer-container ul li {
    color:#B7BFAF;
}
.footer-container .common {
    padding:25px;
}
.footer-navi .navigation {
    margin-left:30px;
    margin-top:16px;
}
.footer-navi .navigation ul.footer_des {

    float:left;
    overflow: hidden;
    margin-bottom: 10px;
}
.footer-navi .navigation ul li {
    display:block;
    padding-left:5px;
    padding-right:15px;
    margin-left: 0;
float:left;
}

.footer-navi ul li .hands {
clear:left;
}

.footer-navi .navigation ul li:first {
    padding-left:0px;
}
.footer-navi .navigation ul li a {
    font-size:15px;
}
.footer-navi .right-navi {
    padding-top: 16px;
    margin-right: 30px;
    text-align: right;
}
.footer-navi .right-navi img {
    margin-right:5px;
    float:left;
}
.footer-navi .right-navi p {
    margin:0px;
    padding:0px;
    font-size: 15px;
    color: #fff;
}
.footer-navi .right-navi p a {
    color: #fff;
}
.footer-navi {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}
.footer_space{
    height: 20px;
    visibility: hidden;
}

/*=======================================================*/
/* フッターカスタマイズ */
/*=======================================================*/
.footer-container {
	background: #EEEEEE;
	margin-top: -2px;
	box-shadow: inset 0 0 1px #666666;
}

.footer-container p {
	color: #111111 !important;
	margin: 10px 15px 5px;
}
.footer-container i {
	padding-right:5px;
}
.footer-container .sns i {
	padding-right:0;
}
.footer-navi {
	background: #666666;
}

.footer-container .logo {
	float: none;
	margin: 5px 10px 10px;
	width: 35%;
}

.footer-container .logo img {
	float: none;
	margin: 0;
}


.footer-container h4 {
	padding: 0;
	margin-bottom: 0;
	color: #333;
	font-size: 1.1em;
}

.footer-container ul {
	list-style: none;
	margin: 0;
}

.footer-container ul li {
	margin: 0;
	float: none;
	line-height: 2em;
}

.footer-container ul li li {
	float: left;
	margin: 0 30px 0 0;
}

#mihama .footer-container ul li a:hover {
	color: #33ccff;
}

#wakaba .footer-container ul li a:hover {
	color: #3eb100;
}

#chishiro .footer-container ul li a:hover {
	color: #ffc600;
}

.footer-container ul#privacy {
	clear: both;
	margin-left: 20px;
}

.footer-container ul#privacy li {
	float: left;
	margin: 0 30px 0 0;
}


@media only screen and (max-width: 959px) and (min-width: 768px) {
	.footer-container .logo {
		width: 40%;
	}
}

@media only screen and (max-width: 768px) {
	.footer-container .logo {
		width: 90%;
	}
	.footer-container ul li {
	margin: 0 10px 0 0;
}
}

@media only screen and (max-width: 480px) {
	.footer-container p span {
		display: block;
	}
}

@media only screen and (min-width: 1260px) {
	.footer-container .logo {
		width: 30%;
	}
}
@media only screen and (min-width:960px) {
	#footer-navbox1,#footer-navbox2,#footer-navbox3 {
		width: 100%;
		margin: 5px 0 15px;
		clear: both;
		min-height: 20px;
	}
	
	.footer-container h4 {
		display: block;
		float: left;
		margin: 0 15px;
	}
	
	.footer-container ul {
		margin-bottom: 5px;
	}
	
	.footer-container ul li li {
		margin: 0 40px 0 0;
	}
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
	#footer-navbox1,#footer-navbox2,#footer-navbox3 {
		width: 100%;
		clear: both;
		margin: 0 15px 15px;
	}
	
	.footer-container h4 {
		margin: 0;
	}
	
	.footer-container ul ul {
		margin-top: -4px;
	}
}

.footer-container ul li li:last-child {
	margin: 0;
}

/* 美浜 */
#mihama .footer-container {
	background: #f0f8ff;
	box-shadow: inset 0 0 1px #0066cc;
}

#mihama .footer-navi {
	background: #0066cc;
}

/* 若葉 */
#wakaba .footer-container {
	background: #f9feeb;
	box-shadow: inset 0 0 1px #2d8600;
}

#wakaba .footer-navi {
	background: #2d8600;
}

/* 千城台 */
#chishiro .footer-container {
	background: #f8f0d1;
	box-shadow: inset 0 0 1px #a68501;
}

#chishiro .footer-navi {
	background: #a68501;
}

.footer-navi .navigation ul li a {
	font-size: 1em;
}

.footer-navi .navigation {
	margin: 10px;
	font-size: .85em;
}

.footer-navi .navigation ul,.footer-navi .navigation ul.footer_des {
	margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
	.footer-navi .navigation ul,.footer-navi .navigation ul.footer_des {
		margin-bottom: 0;
	}
}

#common-footer .sns {
	float: right;
}

/*=======================================================*/
/* フッタースマホのみ表示切り替え */
/*=======================================================*/
@media only screen and (max-width: 768px) {
	#mihama .footer-container h4 {
		color: #0090ff;
	}
	
	#wakaba .footer-container h4 {
		color: #3eb100;
	}
	
	#chishiro .footer-container h4 {
		color: #dd9b00;
	}
	
	.footer-navi .navigation {
		margin-left: 0 !important;
	}
	
	.footer-navi ul li {
		display: inline;
	}
	
	.footer-container ul li li {
		margin: 0;
	}
	
	#common-footer .pulldown ul,#category-footer .pulldown ul {
		display: none;
	/* 通常は表示しない */
		list-style: none;
	/* 2段目の先頭記号を消す */
		padding-left: 0;
	/* 2段目の左位置を1段目に揃える */
		margin: 0;
		padding: 0;
	}
	
	#common-footer .pulldown li.menu_on > ul,#category-footer .pulldown li.menu_on > ul {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	#common-footer .pulldown li.menu_off > ul,#category-footer .pulldown li.menu_off > ul {
		display: none;
	}
	
	#common-footer .pulldown li,#category-footer .pulldown li {
		width: 100%;
		padding: 0;
	}
	
	#category-footer .pulldown a {
		display: block;
		padding: 20px;
		margin: 0;
	}
	
	#category-footer #privacy a {
		padding: 10px !important;
	}
	
	.footer-container ul#privacy {
		margin-left: 5px;
		padding-top: 5px;
		border-top: 1px solid #CCC;
		margin-top: 10px;
	}
	
	#common-footer .pulldown a {
		display: block;
		padding: 0 20px 20px;
		margin: 0;
	}
	
	#common-footer .pulldown ul li,#category-footer .pulldown ul li {
		padding: 0;
		width: 94%;
		margin: 0 2%;
	}
	
	#common-footer .pulldown ul li a,#category-footer .pulldown ul li a {
		display: block;
		text-decoration: none;
		font-size: 1em;
		border-top: 1px solid #FFF;
		padding: 18px;
		margin: 0;
	}
	
	#category-footer .pulldown ul li a {
		border-top: 1px solid 333px;
	}
	
	#common-footer .pulldown ul a:hover {
		color: #ffff66;
	}
	
	#category-footer li li {
		border-top: 1px solid #333;
	}
	
	#common-footer li ul li:last-child {
		border-top: none;
	}
	
	#common-footer .sns {
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	#common-footer .pulldown a,#category-footer .pulldown a {
		padding: 20px 10px;
	}
	
	.footer-navi .navigation,#common-footer .footer-navi .navigation {
		margin-left: 0 !important;
		margin-top: 0;
	}
}

/*=======================================================*/
/* container */
/*=======================================================*/
.container {
	box-shadow: inset 0 0 1px #666666;
}

@media only screen and ( max-width: 767px ) {
	#searchform {
		width: 100%;
	}
	
	#searchform #searchsubmit {
		margin-right: -12px;
	}
}

.content-wrap .blog img {
	border: none;
	padding: 0;
}

/*=======================================================*/
/* 千葉アートウィンドサイトトップ */
/*=======================================================*/

#chiba-aw .toppage ul li,.content-wrap .what ul.single li {
	padding-left: 55px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#chiba-aw ul.event li .EventText {
	border-bottom: none;
}

#chiba-aw .toppage ul li.mihama-news,.content-wrap .blog ul.single li.mihama,.content-wrap .blog ul.single li.mihama-news {
	background: url(https://chiba-aw.jp/wordpress2016/wp-content/uploads/2016/03/icon-mihama.jpg) no-repeat 0 5px;
}

#chiba-aw .toppage ul li.wakaba-news,.content-wrap .blog ul.single li.wakaba,.content-wrap .blog ul.single li.wakaba-news {
	background: url(https://chiba-aw.jp/wordpress2016/wp-content/uploads/2016/03/icon-wakaba.jpg) no-repeat 0 5px;
}

#chiba-aw .toppage ul li.chishiro-news,.content-wrap .blog ul.single li.chishiro,.content-wrap .blog ul.single li.chishiro-news {
	background: url(https://chiba-aw.jp/wordpress2016/wp-content/uploads/2016/03/icon-chishiro.jpg) no-repeat 0 5px;
}

.hall-list h4 {
	font-weight: 400;
	color: #FFF;
	font-size: 1em;
	padding: 0 5px;
	margin: 10px 0 5px;
}

.hall-list .mihama h4 {
	background: #33ccff;
}

.hall-list .wakaba h4 {
	background: #92d800;
}

.hall-list .chishiro h4 {
	background: #ffc600;
}

.hall-list ul li {
	font-size: 1.2em;
}

.sidebar .hall-list ul li span {
	font-size: .9em;
}

.hall-list .list {
	border: 3px;
	margin-bottom: 10px;
}

.hall-list .chiba {
	border: 4px solid #cccccc;
	background:#eee;
	font-size: 0.9em;
}

.hall-list a {
	color:#666 !important;
	padding:5%;
	display:block;
	margin:0;
	font-size:1.4em;
}
.hall-list .mihama a{
	border: 4px solid #33ccff;
	background:#e3f8ff url(https://chiba-aw.jp/wordpress2016/wp-content/uploads/2020/03/logo-m.png) no-repeat 5% 50%;
	background-size:15%;
}

.hall-list .wakaba a{
	border: 4px solid #92d801;
		background:#f8ffeb url(https://chiba-aw.jp/wordpress2016/wp-content/uploads/2020/03/logo-w2.png) no-repeat 5% 50%;
	background-size:15%;
}

.hall-list .chishiro a{
	border: 4px solid #ffc600;
		background:#fffae7 url(https://chiba-aw.jp/wordpress2016/wp-content/uploads/2020/03/logo-c.png) no-repeat 5% 50%;
	background-size:15%;
	padding:5% 0 5% 15%;
	line-height:1.2em;
	font-size:1.3em;
}
.hall-list a:hover {
	background-color:#FFF;
}
.hall-list .mihama a:hover {
	color: #0090ff !important;
}

.hall-list .wakaba a:hover  {
	color: #3eb100 !important;
}

.hall-list .chishiro a:hover {
	color: #ffc600 !important;
}
#chiba-aw-news ul.single li {
	padding-left: 60px;
}

#chiba-aw-news ul.single li h1,#chiba-aw-news ul.single li p {
	margin-left: -60px;
}
.hall-list2 {
	text-align:left;
}
.chiba2 {
	border: 3px solid #cccccc;
}
.mihama2 {
	border: 3px solid #33ccff;
}
.wakaba2 {
	border: 3px solid #92d800;
}
.chishiro2 {
	border: 3px solid #ffc600;
}
.hall-list2 h4 {
	font-weight: 400;
	color: #FFF;
	font-size: 1em;
	padding: 0 5px;
	margin: 10px 0 5px;
}
.hall-list2 .mihama2 h4 {
	background: #33ccff;
}

.hall-list2 .wakaba2 h4 {
	background: #92d800;
}

.hall-list2 .chishiro2 h4 {
	background: #ffc600;
}
.hall-list2 p {
	margin:10px;
}
.hall-list2 img {
	max-width:90%;
	margin:10px auto 0;
}
.hall-list2 a {
	color:#666;
}
.hall-list2 .mihama a:hover {
	color: #0090ff;
}

.hall-list2 .wakaba a:hover {
	color: #3eb100;
}

.hall-list2 .chishiro a:hover {
	color: #ffc600;
}
@media only screen and (min-width: 767px) and (max-width: 960px) {

.hall-list a {
	font-size:1.2em;
}

.hall-list .mihama a{
background-size:16%;
padding:5% 0 5% 10%;
}

.hall-list .wakaba a{
background-size:16%;
background-position:0;
padding:5% 0 5% 10%;
}

.hall-list .chishiro a{
	background-size:16%;
	font-size:1.0em;
	padding:5% 1% 5% 15%;
	background-position:0;
}
.hall-list .chiba a{
	font-size:1.0em;
}
}
@media only screen and (min-width: 961px)  {
.hall-list a {	
	font-size:1.3em;
}
.hall-list .mihama a,.hall-list .wakaba a{
background-size:16%;
padding:5% 5% 5% 12%;
background-position:1%;
}
.hall-list .chishiro a{
	background-size:15%;
	font-size:1.15em;
	padding:5% 0 5% 15%;
	background-position:1%;
}
.hall-list .chiba a{
	font-size:1.1em;
}
}
@media only screen and (min-width: 1080px)  {
.hall-list .mihama a,.hall-list .wakaba a{
background-size:20%;
padding:5% 5% 5% 16%;
}


.hall-list .chishiro a{
	background-size:18%;
	font-size:1.15em;
	padding:6% 0 6% 14%;
}
.hall-list .chiba a{
	font-size:1.1em;
}
}
@media only screen and  (max-width: 768px) {
.hall-list .pconly {
	display:none;
}	
}
/*=======================================================*/
/* sidebar */
/*=======================================================*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
    margin-left: 0;
    margin-right: 0;
    position:relative;
}

.sidebar {
    width:90%;
    margin:0 auto;
}

.sidebar ul {
    padding:0px;
    list-style-type:none;
    margin-bottom: 15px;
	font-family: 'Kosugi Maru', sans-serif;
	font-weight:bold;
}
.sidebar ul li{
    margin:0 0 15px;
	text-align: center;
}
.sidebar div{
    margin-bottom: 15px;
}


.sidebar a:hover img {
    opacity:0.7;
}


@media only screen and (max-width: 768px)  {
.container_24 .grid_24.content:before{
content:"";
display:block;
height:1px;
width:100%;	
position:absolute;
top:-10px;
    }
 }   
@media only screen and (max-width: 1260px) and (min-width: 960px) {
.container_24 .grid_8 {
		margin-left: 50px;
	}
	.sidebar {
    width:100%;
    margin:0 auto;
}
}
@media only screen and (max-width: 1260px) and (min-width: 767px) {
ul.linkbtn1 li a {
    font-size:18px;
}
}

@media only screen and (min-width: 1260px) {
.sidebar {
    width:80%;
}
}
/*=======================================================*/
/* TOPページ */
/*=======================================================*/
.toppage ul li {
	list-style: none;
	line-height: 1.7em;
	margin-bottom: 1em;
	margin-left: 0;
}

.toppage ul li .posttitle {
	font-size: 1.2em;
}

.toppage ul li .title {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: .5em;
}

.toppage ul li .posttitle a {
	color: #333;
}

#mihama .toppage ul li a,#wakaba .toppage ul li a,#chishiro .toppage ul li a {
	color: #333;
}

#mihama .toppage ul li .title a,#mihama .toppage ul li .EventText a {
	color: #0090ff;
}

#wakaba .toppage ul li .title a,#wakaba .toppage ul li .EventText a {
	color: #3eb100;
}

#chishiro .toppage ul li .title a,#chishiro .toppage ul li .EventText a {
	color: #dd9b00;
}

#mihama .toppage ul li a:hover {
	color: #33ccff;
}

#wakaba .toppage ul li a:hover {
	color: #92d800;
}

#chishiro .toppage ul li a:hover {
	color: #ffc600;
}

.toppage h2 span {
	font-size: .7em;
	float: right;
}

.toppage h2 {
	margin-top: 1em;
	color: #333 !important;
	font-size: 1.4em;
	padding-bottom: 2px;
	border-bottom: 10px;
	border-bottom: 3px solid #dddddd;
}

#mihama .toppage h2 {
	border-bottom: 3px solid #33ccff;
}

#wakaba .toppage h2 {
	border-bottom: 3px solid #92d800;
}

#chishiro .toppage h2 {
	border-bottom: 3px solid #ffc600;
}

#mihama .toppage i {
	color: #0090ff;
}

#wakaba .toppage i {
	color: #3eb100;
}

#chishiro .toppage i {
	color: #dd9b00;
}

.content-what,.content-event,.content-blog {
	clear: both;
	margin-bottom: 2em;
}

/*=======================================================*/
/* アクセスMAPスマホ対応カスタマイズ */
/*=======================================================*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*=======================================================*/
/* 各ページ：共通 */
/*=======================================================*/
/* パン屑リスト */
#crumbs {
	font-size: .8em;
}

/* pdfダウンロード */
.content-wrap .blog ul.list-pdf {
	list-style: none !important;
	line-height:1.8em;
	margin-left: 0 !important;
}

.list-pdf li,.list-pdf dd {
	padding: 5px 0 5px 25px;
	margin: 0;
	background: url(https://chiba-aw.jp/wordpress2016/wp-content/uploads/2016/02/icon_pdf.gif) no-repeat 0 8px;
	border-bottom: 1px dotted #cacaca;
}

.list-pdf dt {
	font-weight: bold;
	margin-top: 5px;
}

.pdf-dl {
	padding-left: 20px;
	background: url(https://chiba-aw.jp/wordpress2016/wp-content/uploads/2016/02/icon_pdf.gif) no-repeat 0 2px;
}

.sidebar ul.list-pdf {
	margin-bottom: 10px;
	text-align:left;
}

.sidebar ul.list-pdf li {
	text-align:left;
	font-weight:normal;
	padding: 0 0 0 23px !important;
	margin: 0;
	background: url(https://chiba-aw.jp/wordpress2016/wp-content/uploads/2016/02/icon_pdf.gif) no-repeat 0 5px;
}

.sidebar ul.list-pdf li a {
	color: #333;
}

/* アイキャッチ用画像（サイズ半分） */
.eye-box .boxright,.eye-box .boxleft {
	width: 40%;
}

.eye-box {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #666;
}

@media only screen and (max-width: 760px) {
	.eye-box .boxright,.eye-box .boxleft {
		width: 100%;
		margin: 0 auto 5px;
	}
}

/* 概要等リスト部分 */
.item02 dt {
	display: block;
	padding: 0 15px 5px 0;
	clear: left;
	float: left;
	margin: 0;
	font-weight: bold;
}

dl.item02 {
	margin-bottom: 2em;
}

.item02 dd {
	display: block;
	padding: 0 0 5px;
	margin: 0;
}

@media only screen and (max-width: 480px) {
	dl.item02 {
		margin-bottom: 1em;
	}
	
	.item02 dt {
		width: 100%;
		float: none;
	}
}

/*=======================================================*/
/* 各ページ：ガイド */
/*=======================================================*/
.guide-box {
	border: 1px solid #666;
	margin: 10px;
	padding: 10px 10px 0;
}

.guide-box p {
	margin: 0 0 8px;
}

.guide-table {
	border: 1px solid #666;
	padding: 10px;
}

.guide-text {
	margin: 0 0 3px;
	line-height: 1.2em;
}

.guide-text span {
	font-weight: bold;
}

#mihama .guide-text {
	color: #0090ff;
}

#wakaba .guide-text {
	color: #3eb100;
}

#chishiro .guide-text {
	color: #0dd9b00;
}

/* mihama */
.postid-21 h2,.postid-22 h2 {
	background: #0090ff;
	color: #FFF !important;
	padding: 3px 10px;
	margin: 0 0 15px;
}

/* wakaba */
.postid-45 h2,.postid-47 h2 {
	background: #3eb100;
	color: #FFF !important;
	padding: 3px 10px;
	margin: 0 0 15px;
}

/* chishiro */
.postid-115 h2,.postid-116 h2 {
	background: #dd9b00;
	color: #FFF !important;
	padding: 3px 10px;
	margin: 0 0 15px;
}

/*=======================================================*/
/* 各ページ： フロア */
/*=======================================================*/
.mainphoto {
	margin: 0 0 15px;
}

.mainiframe {
	margin: 0 0 15px;
	position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.mainiframe iframe{
	 position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


.subphoto img {
	margin-bottom: 5px;
}

.subphoto .boxleft p {
	margin: 0 0 5px;
}

.subphoto .boxleft {
	text-align: center;
}

h2.floormap {
	margin-top: 1em;
}

#mihama h2.floormap {
	border-top: 4px double #33ccff;
	border-bottom: 4px double #33ccff;
}

#wakaba h2.floormap {
	border-top: 4px double #92d800;
	border-bottom: 4px double #92d800;
}

#chishiro h2.floormap {
	border-top: 4px double #ffc600;
	border-bottom: 4px double #ffc600;
}

@media only screen and (min-width: 960px) {
	.subphoto .boxleft {
		width: 48%;
		margin: 1%;
	}
	
	h2.floormap {
		margin-top: 1.3em;
	}
}

/*=======================================================*/
/* 各ページ： 価格表 */
/*=======================================================*/
.f-wrap {
	width:100%;
	margin-bottom:1em;
	display:flex;
	background:#0090ff;
	overflow:hidden;
    -webkit-justify-content:center;
    justify-content:center;
}
.fbox {
	display:inline-block;
	text-align:center;
	color:#FFF;
	width:50%;
	padding:8px;
	position:relative;
}

.fbox:first-child {
	border-right:1px solid rgba(255, 255, 255, .7);
}
.fbox a {
	background:#d9f4ff;
	width:100%;
	display:block;	
	border-bottom:none;	
	height:100%;
	box-shadow:none;
	padding:8px 0;
	top:0;
	left:0;
	position:absolute;
}

.fbox a:hover {
	background:#48aefd;
	color:#FFF !important;
}
.price h2,.price2 h2 {
	margin: 25px 0 10px;
}

.price h2.pricetop,.price2 h2.pricetop {
	margin: 0 0 10px;
}

.price h3,.price2 h3 {
	margin-top: 20px;
}

.price .sf-text {
	display: none;
}

.price dl,.price2 dl {
	width: 100%;
	text-align: center;
	margin:0 0 2em;
	display:flex;
	flex-wrap:wrap;
}

.price dl dt {
	width: 100%;
	background: #EFEFEF;
	margin: 0;
	text-align: left;
	padding: 2%;
}

.price dl dd {
	width: 16%;
	padding: 5px 0;
	margin: 0;
}
.price dl dd:first-child,.price dl dt + dd,.price dl dd.p3 {
	width: 20%;
}
.price2 dl dd {
	width: 24%;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px solid #999;
}

.price2 dl dd.p7 {
	width: 50%;
	text-align: left;
	padding: 5px 0;
}

.price2 dl dd.p8 {
	background: #CCC;
}

.price dl dd span,.price2 dl dd span {
	display: none;
}

.price dl dd.p1 {
	background: #CCC;
}

.price dl dd.p2 {
	background: #CCC;
	width: 80%;
}

.price dl dd.p3 {
	background: #DEDEDE;
	font-size: .8em;
}

.price dl dd.p4 {
	background: #DEDEDE;
	font-size: .8em;
}

.price dl dd.p5 {
	background: #DEDEDE;
	width: 48%;
	font-size: .8em;
}

.price dl dd.p6 {
	background: #DEDEDE;
	font-size: .8em;
}

/* 千城台 */
.price-c dl,.price-c2 dl {
	width: 100%;
	text-align: center;
}

.price-c dt,.price-c2 dt {
	width: 45%;
	background: #EFEFEF;
	margin: 0;
	display: block;
	clear: left;
	text-align: left;
	padding: 2% 0 2% 1%;
	float: left;
	border-bottom: 1px solid #999;
}

.price-c dt {
	width: 46%;
	padding: 2%;
}

.price-c dd,.price-c2 dd {
	display: block;
	width: 40%;
	padding: 2% 0;
	float: left;
	margin: 0;
	border-bottom: 1px solid #999;
}

.price-c2 dd {
	width: 18%;
}

.price-c dt.c1,.price-c dd.c1,.price-c2 dt.c1,.price-c2 dd.c1 {
	background: #DEDEDE;
}

@media only screen and (min-width: 960px) {
	.price-c dt,.price-c2 dt {
		width: 42%;
		padding: 2%;
		font-size: 1.2em;
	}
	
	.price-c dd,.price-c2 dd {
		font-size: 1.2em;
	}
}

@media only screen and (max-width: 480px) {
	.price2,.price {
		display: block;
		font-size: .8em;
	}
}

@media only screen and (min-width: 480px) and (max-width: 960px) {
	.price2 dl dd.p9 {
		min-height: 3.4em;
	}
	
	.price dl dd.p1,.price dl dd.p2 {
		font-size: .8em;
	}
	
	.price dl dd.p3,.price dl dd.p4,.price dl dd.p5,.price dl dd.p6 {
		font-size: .7em;
	}
}

/*=======================================================*/
/* 各ページ： スケジュール */
/*=======================================================*/
.sch {
	margin-bottom: 15px;
}

.sch ul {
	width: 100%;
	list-style: none;
}

.sch ul li {
	width: 98%;
	margin: 10px 0 15px;
	clear: left;
	list-style: none;
	border-top: 1px dotted #999;
	line-height: 1.7em;
	padding: 10px 0;
}

.sch ul li:first-child {
	border-top: none;
}

.sch ul li span {
	display: block;
	float: left;
	padding: 0 15px 5px 0;
}

.sch ul li.sch01 {
	color: #666666;
	font-weight: bold;
}

@media only screen and (max-width: 480px) {
	.sch ul li {
		width: 100%;
		margin: 0;
		padding: 5px 0;
		line-height: 1.5em;
	}
	
	.sch ul li span {
		float: none;
		padding: 0 0 5px;
	}
}

/*=======================================================*/
/* 各ページ： Q&A */
/*=======================================================*/
dl.faq dt {
	cursor: pointer;
	margin-bottom: 10px;
}

#mihama dl.faq dt {
	color: #0090ff;
}

#wakaba dl.faq dt {
	color: #3eb100;
}

#chishiro dl.faq dt {
	color: #dd9b00;
}

dl.faq dd p {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

/*=======================================================*/
/* 各ページ： 関連リンク */
/*=======================================================*/
@media only screen and (max-width: 959px) and (min-width: 768px) {
	ul.link a {
		display: block;
	}
}

/*=======================================================*/
/* 各ページ： 公演情報 */
/*=======================================================*/
ul.event {
	list-style: none;
}

ul.event li {
	clear: both;
}

ul.event li .EventPhoto {
	float: right;
	margin-left: 15px;
}

ul.event li .EventText {
	border-bottom: 1px dotted #CCC;
	min-height:150px;
}

ul.event li h4 {
	margin-bottom: .3em;
}

ul.event li .date {
	font-size: .9em;
	line-height: 1.4em;
}

.otherevent　 h4 {
	color: #333 !important;
}

.otherevent dl dt {
	font-size: 1.1em;
	font-weight: bold;
}

.otherevent dl dt span {
	font-size: .8em;
	font-weight: normal;
	padding-left: 10px;
}

.otherevent dl dd {
	padding: 10px;
	line-height: 1.6em;
}

.otherevent dl dd p {
	margin: 0;
}

.otherevent dl dd a {
	font-size: 1.1em;
}

.otherevent dl.mihama dd {
	border: 1px solid #0090ff;
}

.otherevent dl.wakaba dd {
	border: 1px solid #3eb100;
}

.otherevent dl.chishiro dd {
	border: 1px solid #dd9b00;
}

.otherevent dl.mihama a {
	color: #0090ff !important;
}

.otherevent dl.mihama a:hover {
	color: #0090ff !important;
}

.otherevent dl.wakaba a {
	color: #3eb100 !important;
}

.otherevent dl.wakaba a:hover {
	color: #92d800 !important;
}

.otherevent dl.chishiro a {
	color: #dd9b00 !important;
}

.otherevent dl.chishiro a:hover {
	color: #ffc600 !important;
}

/* 詳細ページ */
.single-event h1 {
	margin-bottom: .5em;
}

.flyerarea {
	float: right;
	margin-left: 15px;
	text-align: center;
}

.flyerarea p {
	margin: 5px auto;
}

.flyerarea p a {
	background: url(https://chiba-aw.jp/wordpress2016/wp-content/uploads/2016/02/icon_pdf.gif) no-repeat 0 2px;
	padding-left: 22px;
}

.catch {
	font-weight: bold;
	font-size: 1.2em;
}

@media only screen and (max-width: 480px) {
	.catch {
		font-size: 1em;
	}
}

.detail h4 {
	margin-bottom: .2em !important;
}

detailtext
.detail dl {
	line-height: 1.7em;
}

.detail dl dt {
	font-weight: bold;
	margin-left: -5px;
}

.detailtext {
	margin-top: 1em;
	margin-bottom: 1em;
}

@media only screen and (max-width: 480px) {
	ul.event li .EventPhoto {
		float: none;
		margin: 10px auto;
		text-align:center;
	}
	
	ul.event li .EventText {
	min-height:auto;
	}
	
	.otherevent dl dt span {
		display: block;
		padding-left: 0;
	}
	
	.flyerarea {
		float: none;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1260px) {
	.detail dl dt {
		margin-top: 10px;
	}
}

@media only screen and (min-width: 1260px) {
	.detail dl dt {
		display: block;
		float: left;
		clear: left;
		margin-right: 10px;
	}
	
	.detail dl dd {
		margin-left: 85px;
		margin-top: 0;
	}
}

/*=======================================================*/
/* 各ページ： チケット */
/*=======================================================*/
.ticketbtn {
	padding: 10px;
	font-family:'Raleway',sans-serif;
}
.ticketbtn i {
	margin-right:5px;
}
.ticketbtn a {
    display:inline-block;
    padding:1em;
    border:5px solid #999;
    color:#999 !important;
    font-size:22px;
    position:relative;
    margin:0;	
}
.ticketbtn a:hover {
    border:5px solid #0387fb;
    color:#0387fb !important; 	
}
#wakaba .ticketbtn a:hover {
    border:5px solid #3eb100;
    color:#3eb100 !important; 	
} 
#chishiro .ticketbtn a:hover {
    border:5px solid #dd9b00;
    color:#dd9b00 !important; 	
}
@media only screen and (min-width: 768px) and (max-width: 1260px) {
	.ticketbtn img {
		width: 60%;
	}
}

@media only screen and (min-width: 1260px) {
	.ticketbtn img {
		width: 50%;
	}
}


/*=======================================================*/
/* 問い合わせフォーム */
/*=======================================================*/
#contact-form-28,#contact-form-53,#contact-form-479 {
	border: 3px solid #DDD;
	padding: 10px;
	margin-bottom: 10px;
}

#contact-form-28 span,#contact-form-53 span,#contact-form-479 span {
	color: #F00;
}

#contact-form-28 blockquote,#contact-form-53 blockquote,#contact-form-479 blockquote {
	background: none;
}

input[type="text"], textarea,input[type=email] {
	color: #555;
	border: 1px solid #666;
}

.contact-form input[type=email], .contact-form input[type=text] {
	height: 1.5em;
}

/* 千城台トレーニング */
.postid-4633 dl.point dt {
    color:#dd9b00;
    font-weight:bold;
    font-size:1.2em;
}
.postid-4633 dl.point dd {
    line-height:1.4em;
    margin-bottom:1em;
}
dl.point i {
	padding-right:5px;
	color:#FF0000;
}
ol.machine  {
    list-style:none;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
    margin:0;
    padding:0;
}
ol.machine li {
    width:100%;
    background:#ffc6003d;
    margin:0 0 2%;
    padding:0;
        list-style:none;
    display:flex;
    flex-wrap:wrap;
    border-radius:15px;
}
ol.machine li .imgarea {
    max-width:30%;
    margin:2% 0 2% 2%;
}
ol.machine li .textarea {
    max-width:60%;
    margin:3%;
}
ol.machine li .textarea p{
    font-size:.85em;
    line-height:1.4em; 
    margin:0;
}
ol.machine li .textarea .b{
    font-size:1.2em;
    line-height:1.3em;  
    margin-bottom:10px;
}

@media only screen and (min-width: 1260px) {
ol.machine li {
    width:48%;
    margin:0 2% 2% 0;
}
}
.scroll-top {
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 100;
  background-color: #BBB;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  line-height: 50px;
  text-align: center;
	opacity: 0;
}
.scroll-top:hover {
  cursor: pointer;
  opacity: 0.7;
}
.scroll-top svg {
    width: 24px;
    height: 24px;
    position: relative;
    top:5px;
}