@CHARSET "UTF-8";
@import "../default.css";

/*************************************************************/
/*  */
/*************************************************************/
html,body{background-image: url('../../images/knit/back.png');}

/*************************************************************/
/*  */
/*************************************************************/
#page-border    {}
#p_header       {}
#p_menu         {}
#p_breadcrumbs  {}
#p_body         {padding:25px 10px;color:#fff;font-size:1.6rem;}
#p_footer       {padding:0 10px 100px 10px;}

#p_header .inner{height:95px;margin:0 auto;padding:10px 10px;align-items:center;}
#p_header .inner .logo{width:130px;}
#p_header .inner .title{padding:0 0 0 10px;font-size:1.2rem;color:#fff;flex:1;display:none;}
#p_header .inner .icon{flex:1;text-align:right;padding:0 10px 0 0;}
#p_header .inner .menu{width:50px;}

#p_header .inner .logo img{width:100%;}
#p_header .inner .btn-menu img{width:50px;}

#p_footer ul{margin:50px 0;text-align:center;color:#fff;padding:10px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#p_footer li{font-size:1.6rem;}
#p_footer li:first-child{font-size:1.7rem;font-weight:bold;}


/*************************************************************/
/*  */
/*************************************************************/
h1 {text-align:left;font-size:2rem;line-height:2.1rem;padding:5px 15px;font-weight:bold;color:#fff;background-color: rgba(244,177,41,0.5);}
h2 {text-align:left;font-size:1.8rem;margin:20px 0 0 0;padding:0;color:#f4b129;font-weight: bold;}


p {color:#fff;font-weight: inherit;}
li{color:#fff;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.disp-ib{display:inline-block;}

.btn {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
.btn-menu{margin-top:-10px;}


dl{margin:5px 0 0 0;}
dt{}
dd{margin:0 0 20px 0;}


/*
h3 {text-align:left;font-size:1.6rem;margin:5px 0 0 0;padding:0;color:#c9bfbc;font-weight: normal;}
h4 {text-align:left;font-size:2.4rem;margin:0;padding:0;color:#c9bfbc;font-weight: bold;}


.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}

.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w85{width:85%;}

*/

.c3 li{width:calc(100% / 3);}
.c3 li img{width:100%;}

/*************************************************************/
/*  */
/*************************************************************/
.top div:nth-child(1){flex:1;margin-right:15px;}
.top div:nth-child(1) img{width:100%;}

.news {border-bottom:1px solid #f4b129;padding:10px;width:480px;}
.news h2{margin:0 0 10px 0;border-bottom:1px solid #f4b129;color:#f4b129;}
.news li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.aisatsu div{}
.aisatsu div:first-child{margin-right:20px;}
.trams{padding:20px;background-color: rgba(255,255,255,0.2);display:inline-block;}

.title{font-size:1.7rem;font-weight:bold;}

.access div:first-child{margin-right:10px;}
.access .gmap{width:300px;height:500px;}


/*************************************************************/
/*  */
/*************************************************************/
.menu{font-size:1.8rem;}
.menu ul{margin:0;padding:0;}
.menu li{border-bottom:1px solid #fff;padding:10px 0;}
.menu li:first-child{border-top:1px solid #fff;}
.menu li a{display:block;padding:0 20px;}

.menu-header{padding:15px 20px;margin:0;}

/*************************************************************/
/*  */
/*************************************************************/
.flex-std {display: flex;display: -webkit-flex;justify-content: flex-start;}
.flex1{flex:1;}
.wrap-on{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.align-center{-webkit-align-items:center;align-items:center;}
.wrap-on-sp{-webkit-flex-wrap:wrap;flex-wrap:wrap;}

/*************************************************************/
/*  */
/*************************************************************/
[canvas=container] {
	background-color: transparent; /* Basic background color, overwrite this in your own css. */
	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}
[off-canvas] {
	background-color: #231815; /* Basic background color, overwrite this in your own css. */
	color: white; /* Basic colors, overwrite this in your own css. */
	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

[off-canvas*=right] {
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}

/*************************************************************/
/* MINI-CMS */
/*************************************************************/
.minicms {}
.minicms_list{}
.minicms_date{display:none;}