@charset "utf-8";

/*
Description: Responsive BrakePoint 784 / 498
*/


/* ************************************************
*	基本設定
* ************************************************ */
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/NotoSansCJKjp-Regular?iefix) format('eot'),
		 url(../fonts/NotoSansCJKjp-Regular.woff) format('woff'),
		url(../fonts/NotoSansCJKjp-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: bold;
	font-weight: 700;
	src: url(../fonts/NotoSansCJKjp-Medium.eot?iefix) format('eot'),
		 url(../fonts/NotoSansCJKjp-Medium.woff) format('woff'),
		url(../fonts/NotoSansCJKjp-Medium.otf) format('opentype');
}

body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 16px;
	background: #efebe1;
	color: #000;
}

.wf-inactive {font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
br.sp {display: none;}
br.tab {display: none;}


/* リンク */

a {color: #ae9364; text-decoration: none;}
a:hover {color: #666;}
a:active, a:focus {outline: 0;}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0px none;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}
.bx-wrapper .bx-prev {
    left: 50px;
    background: url("../common/controls.png") no-repeat scroll 0px -32px transparent;
}

.bx-wrapper .bx-next {
    right: 50px;
    background: url("../common/controls.png") no-repeat scroll -43px -32px transparent;
}

small {font-size: 12px;}


.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* 画像 */

img {
	border: 0;
	padding: 0;
	margin: 0;
	max-width: 100%;
	height: auto;
	width /***/: auto;
	vertical-align: bottom;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding:4px;
	margin: 0 0 10px 20px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 20px 10px 0;
	display: inline;
}



/* フロート */

.c {text-align: center; margin: 10px;}

.alignright {float: right;}
.alignleft {float: left;}
.right {float: right;}
.left {float: left;}
.clear {clear:both;}

.red {color: #ae9364;}


/* ************************************************
*	全体
* ************************************************ */

header {
	position: fixed;
	width: 100%;
	height: 120px;
	top: 0;
	left: 0;
	z-index: 99;
	background: #fff;
	color: #fff;
	box-shadow: 0 0 2px 2px rgba(150,150,150,0.3);
		-moz-box-shadow: 0 0 2px 2px rgba(150,150,150,0.3);
		-webkit-box-shadow: 0 0 2px 2px rgba(150,150,150,0.3);
		-o-box-shadow: 0 0 2px 2px rgba(150,150,150,0.3);
		-ms-box-shadow: 0 0 2px 2px rgba(150,150,150,0.3);
}

#logo {
	position: relative;
	border-right: 1px solid #f2f2ee;
	z-index: 9;
	float: left;
}
#desc {
	background: #000000;
	padding: 0 135px;
	font-weight: normal;
	line-height: 40px;
}

#contents {
	padding-top: 170px;
}
#container {
	margin: 0 auto 10px;
	height: 100%;
}

#gotop {
	margin: auto;
	padding: 40px 0;
	text-align: center;
	clear: both;
}

footer {
	background: #fff;
}

/* ************************************************
*	Nav
* ************************************************ */
nav {
}

.exLink {
	position: absolute;
	right: 0;
	top: 1px;
}
.exLink a {
	margin: 0 0 0 1px;
	padding: 0;
	display: inline-block;
	background: #fff;
	color: #000;
	text-align: center;
}

#toggle {display: none;}

#gNav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: 80px;
	position: relative;
}
#gNav li {
	margin: 0;
	padding: 0;
	border-right: 1px solid #f2f2ee;
	float: left;
	text-align: center;
}
#gNav li a {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	width: 180px;
	height: 80px;
	color: #000;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	position: relative;
}
#gNav li.hasMenu:hover a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 85px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-bottom: 8px solid #e5e1da;
}
#gNav li a img {
	margin-bottom: 10px;
}
#gNav li:hover > a {
	color: #ae9364;
}
#gNav > li:hover > a {
}
#gNav li div.subMenu {
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	background: #e5e1da;
	display: none;
	width: 100%;
	height: 0;
	color: #521;
}
#gNav > li:hover div.subMenu {
	padding: 0 10px;
	height: auto;
	max-height: 80px;
	display: block;
	text-align: left;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
}
#gNav li div.subMenu ul {
	margin: 0 0 0 120px;
	padding: 0;
	list-style: none;
}
#gNav li div.subMenu ul li {
	margin: 0;
	padding: 0 0 0 12px;
	border: none;
	background: url(../common/icon-cursol.png) left center no-repeat;
}
#gNav li div.subMenu ul li a {
	margin: 0 30px 0 0;
	padding: 20px 0 22px 0;
	width: auto;
	height: 50px;
}
#gNav li div.subMenu ul li.none {
	margin: 0;
	padding: 0 0 0 12px;
	border: none;
	background: url(../common/icon-cursol_off.png) left center no-repeat;
}
#gNav li div.subMenu ul li.none a {
	cursor: default;
	font-style: normal;
	color: #c7b299;
}

#gNav2 {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: 80px;
	position: relative;
}
#gNav2 li {
	margin: 0;
	padding: 0;
	border-right: 1px solid #f2f2ee;
	float: left;
	text-align: center;
}
#gNav2 li a {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	width: 120px;
	height: 80px;
	color: #000;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	position: relative;
}
#gNav2 li.hasMenu:hover a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 85px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
}
#gNav2 li a img {
	margin-bottom: 10px;
}
#gNav2 li:hover > a {
	color: #ae9364;
}
#gNav2 > li:hover > a {
}


/* ************************************************
*	Section
* ************************************************ */
#pan {
	margin: 8px auto;
	padding: 0 0 25px 0;
	width: 980px;
	font-size: 10px;
}
#pagetitle {
	margin: 0;
	padding: 12px 0;
	background: #fff;
	letter-spacing: .05em;
}
section .inner {
	padding: 45px;
	width: 100%;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
}
section h1 {
	font-size: 36px;
	font-weight: bold;
	color: #FF6600;
	letter-spacing: .05em;
}
section h2 {
	margin: 0;
	padding: 0 0 0 16px;
	border-left: 8px solid #d61322;
	font-size: 26px;
	font-weight: bold;
	line-height: 80px;
	background: #fff;
	letter-spacing: .05em;
}
section h3 {
	margin: 0 0 20px 0;
	font-size: 20px;
	font-weight: bold;
	color: #aa7322;
}
section h4{
	background: #1D3240;
	padding: 0.4em 0 0.4em 1em;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
}
section h5{
    font-weight: bold;
    font-size: 1.2em;
    border-left: 8px solid #1d3240;
    background: #ffffff;
    margin: 0;
    padding: 1rem;
}
section h6{
    font-weight: bold;
    font-size: 1.2em;
    border-left: 8px solid #1d3240;
    background: #ffffff;
    margin: 0;
    padding: 1rem;
}

.archive{
    margin: 2em 1.5em;
    
}
.archive a {
    background: #1d3240;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    text-decoration: none;
    margin: 0.5rem;
}
.archive a:hover {
    background: #eee;
    color: #1d3240;
}
.archive a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #eee;
    border-right: 3px solid #eee;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.archive a:hover:after {
    border-color: #1d3240;
}
section p {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.7;
}
section p.zero {
	margin: 0 0 0 0;
}
.col2.polls {background: #efebe1;}
.balloonP {
	position: relative;
	width: 80%;
	margin: 15px auto;
	background: #efebe1;
	color: #000;
	border: 8px solid #fff;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
}
.balloonP:before {
	content: "";
	position: absolute;
	top: -26px;
	left: 50%;
	margin-left: -5px;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-bottom: 10px solid #fff;
}
.balloonP p {
	padding: 20px 20px;
	overflow: auto;
	background: #efebe1;
	text-align: left;
}

.btnEx {
	margin: 0 0 20px 0;
	background: #A67C52;
	text-align: center;
}
.btnEx a {
	display: block;
	padding: 30px 10px;
	font-size: 26px;
}
.btnEx:hover {
	opacity: .8;
		-moz-opacity: .8;
	filter:alpha(opacity=80);
}

.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%;
}

table.time{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
table.time th{
padding:8px;
text-align: left;
vertical-align: middle;
color: #444;
background-color: #FFE6AA;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
table.time td{
padding:8px;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

table.fare{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
table.fare th{
padding:8px;
text-align: right;
vertical-align: middle;
color: #444;
background-color: #FFE6AA;
border-left: 3px #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
table.fare td{
padding:8px;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

table.fare2{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
table.fare2 th{
padding:8px;
text-align: center;
vertical-align: middle;
color: #444;
background-color: #FFE6AA;
border-left: 3px #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
table.fare2 td{
padding:8px;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* ******* 募集要項 ******* */
table.btn {
	margin: auto;
	width: 100%;
}
table.btn th {
	padding: 20px 0;
	background: #d61322;
	text-align: center;
}
table.btn td {
	padding: 20px 10px;
	text-align: center;
	background: #fff;
}



/* ************************************************
*	Aside
* ************************************************ */
aside h1 {
	margin: 10px 0;
	font-weight: bold;
	font-size: 24px;
}
aside h1 small {
	font-size: 16px;
}
.balloon {
	position: relative;
	width: 100%;
	height: 85px;
	margin-bottom: 15px;
	background: transparent;
	color: #FF6600;
	border: 4px solid #FF6600;
	border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
}
.balloon:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -5px;
	height: 0;
	width: 0;
	border: 6px solid transparent;
	border-top: 10px solid #FF6600;
}
.balloonR {
	position: relative;
	width: 100%;
	height: 85px;
	margin-bottom: 15px;
	background: #FF6600;
	color: #fff;
	border: 4px solid #FF6600;
	border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
}
.balloonR:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -5px;
	height: 0;
	width: 0;
	border: 6px solid transparent;
	border-top: 10px solid #FF6600;
}
.balloon p,
.balloonR p {
	padding: 0px 5px 0 5px;
	height: 68px;
	overflow: auto;
	text-align: center;
    vertical-align: middle;
}



/* ************************************************
*	Footer
* ************************************************ */
footer .btn {
	margin: 0;
	background: #FF6600;
	text-align: center;
}
footer .btn a {
	display: block;
	padding: 30px 10px;
	font-size: 26px;
	color: #fff;
	letter-spacing: .7em;
}
footer .btn:hover {
	opacity: .8;
		-moz-opacity: .8;
	filter:alpha(opacity=80);
}

footer #sitemap {
	margin: 0 auto;
	padding: 30px 0;
	width: 980px;
}

dl {
	width: 180px;
	float: left;
}
dl dt {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
dl dd {
	margin: 0;
	padding: 0;
}
dl dd ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
dl dd ul li {
	margin: 0;
	padding: 5px 5px 0 13px;
	font-size: 12px;
	background: url(../common/icon-cursol_s.png) left center no-repeat;
}
dl dd ul li a {color: #521;}
dl dd ul li a:hover {color: #ae9364;}

dl dd ul li.none {
	margin: 0;
	padding: 0 0 0 12px;
	border: none;
	background: url(../common/icon-cursol_s.png) left center no-repeat;
}
dl dd ul li.none a {
	cursor: default;
	font-style: normal;
	color: #ddd;
}

footer #banner {float: right;}
footer #banner p {margin-bottom: 10px; text-align: center;}

footer #copyright {
	margin: 0 auto;
	padding: 15px 0;
	width: 980px;
	font-size: 10px;
	text-align: center;
	clear: both;
}


/* ************************************************
*	Grid
* ************************************************ */
.row:before,
.row:after,
.rowConnect:before,
.rowConnect:after {
	content: '';
	display: table;
}
.row:after,
.rowConnect:after {clear: both;}
.row, .rowConnect {zoom: 1;}
.row, .rowConnect {
	margin: 0 auto;
	padding: 0;
	width: 996px;
}
.col4 {
	margin: 8px;
	padding: 0;
	width: 980px;
	background: #fff;
}
#pagetitle .col4 {margin: 0; padding: 0;}

.col2 {
	margin: 8px;
	padding: 0;
	width: 482px;
	background: #fff;
	float: left;
}
.row .col1 {
	margin: 8px;
	padding: 0;
	width: 205px;
	float: left;
}

.rowConnect {
	margin: 8px auto;
	padding: 0;
	width: 980px;
	background: #fff;
}
.last {margin-bottom: 50px;}
.rowConnect .col3 {
	margin: 0 8px 0 0;
	padding: 0;
	width: 731px;
	background: #fff;
	float: left;
}
.rowConnect .col1 {
	margin: 0 0 20px 8px;
	padding: 0;
	width: 205px;
	background: #fff;
	float: left;
}
.rowConnect .col1w {
	margin: 0 0 20px 8px;
	padding: 0;
	width: 288px;
	background: #fff;
	float: left;
}
.rowConnect .col3R {
	margin: 0 0 0 8px;
	padding: 0;
	width: 731px;
	background: #fff;
	float: right;
}
.rowConnect .col1R {
	margin: 0 8px 0 0;
	padding: 0;
	width: 205px;
	background: #fff;
	float: right;
}
.rowConnect .col4 {
	margin: 0;
	padding: 0;
	width: 100%;
}
.rowConnect .col2 {
	margin: 0;
	padding: 0;
	width: 482px;
	float: left;
}
.rowConnect .col2R {
	margin: 0;
	padding: 0;
	width: 482px;
	background: #fff;
	float: right;
}
.rowConnect .leftBox {padding: 0 8px 8px 0;}
.rowConnect .rightBox {padding: 0 0 8px 8px;}

.clr {clear: both;}



figure.type2 {
	position: relative;
	overflow: hidden;
}
.over2 {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.0);
	transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		-ms-transition: .3s;
	opacity: 1;
}
figure:hover .over2 {
	top: 0;
	left: 0;
}
/* ************************************************
*	shadowbox
* ************************************************ */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../common/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../common/close.png);}
#sb-nav-next{background-image:url(../common/next.png);}
#sb-nav-previous{background-image:url(../common/previous.png);}
#sb-nav-play{background-image:url(../common/play.png);}
#sb-nav-pause{background-image:url(../common/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* ************************************************
*	レスポンシブ
* ************************************************ */

/* 画面の横幅が1032pxまで */
@media screen and (max-width: 1036px) {
	#gNav li a {
		display: block;
		margin: 0;
		padding: 10px 0 0 0;
		width: 140px;
	}
	#gNav li div.subMenu ul li a {
		margin: 0 15px 0 0;
	}
	footer #sitemap {width: 96%;}
}
/* 画面の横幅が998pxまで　メニュー＆コンテンツが可変 */
@media screen and (max-width: 998px) {
	header {height: auto; width: 100%;}
	/* Section */
	#pan {width: 98%;}
	#pagetitle {}
	section .inner  {}
	section h1 {}
	section h2 {
		margin: 0;
		padding: 0 0 0 16px;
		border-left: 8px solid #ea5450;
		font-size: 26px;
		font-weight: normal;
		line-height: 80px;
		background: #fff;
	}
	section h3 {}
	section p {}

	footer #sitemap {display: none;}
	footer #copyright {
		padding: 15px 0;
		width: 100%;
		text-align: center;
	}

	/* Grid */
	.row, .rowConnect, .col4 {
		width: 98%;
	}
	.row, .rowConnect {margin: 0 auto;}
	.rowConnect {width: 96%; padding: 0;}
	.last {margin-bottom: 35px;}
	.col4, .col2, .col2R {margin: 0 1% 16px 1%;}
	.col3, .col1, .col3R, .col1R {
		margin: 0 1% 16px 1%;
		padding: 0;
	}
	.row .col2, .row .col2R,
	.rowConnect .col2, .rowConnect .col2R {width: 48%;}
	.row .col3, .row .col3R,
	.rowConnect .col3, .rowConnect .col3R {width: 72%;}
	.row .col1, .row .col1R,
	.rowConnect .col1, .rowConnect .col1R {width: 22%;}
    .row .col0, .row .col0R,
	.rowConnect .col0, .rowConnect .col0R {width: 11%;}
	.row .col2R, .row .col3R, .row .col1R,
	.rowConnect .col2R, .rowConnect .col3R, .rowConnect .col1R {float: left;}
	#pagetitle .col4 {margin: 0 8px; padding: 0;}
}
@media screen and (max-width: 903px) {
	#gNav li div.subMenu ul li.x {
		position: relative;
		top: -20px;
	}
}
/* 画面の横幅が830pxまで　主にメニュー周りが変更 */
@media screen and (max-width: 830px) {
	br.tab {display: inline;}
	#contents {padding-top: 70px;}
	#logo {width: 44px; height: 44px;}
	#desc {display: none;}
	.exLink a {
		margin: 2px 1px 3px 1px;
		padding: 0;
		display: inline-block;
		background: #fff;
		color: #000;
		text-align: center;
	}
	footer #sitemap {width: 100%;}

	/* MENU */
	#toggle {
		display: inline-block;
		position: relative;
		width: 44px;
		height: 44px;
		background: #222;
	}
	#toggle a {
		display: block;
		position: relative;
		padding: 12px 0 10px;
		border-bottom: 1px solid #444;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: #222;
	}
	#toggle a:before {
		margin-top: -6px;
	}
	#toggle a:after {
		margin-top: 2px;
	}
	#gNav {
		position: relative;
		list-style-type: none;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		display: none;
	}
	#gNav li {
		margin: 0;
		padding: 0;
		float: none;
		text-align: left;
		border-bottom: 1px solid #e5e1da;
	}
	#gNav li a {
		margin: 0;
		padding: 15px 20px;
		width: 100%;
		height: 44px;
	}
	#gNav li.hasMenu:hover a:before {
		content: "";
		height: 0;
		width: 0;
		border: 0;
		border-bottom: 0;
	}
	#gNav li.hasMenu > a:after {
		content: "+";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 0.55em 0.5em;
		color: #d61322;
	}
	#gNav li.hasMenu:hover > a:after {
		content: "−";
	}
	#gNav li a span {display: none;}
	#gNav li div.subMenu {
		position: relative;
		top: 100%;
		left: 0;
		margin: 0;
		padding: 0;
		background: #e5e1da;
		display: none;
		width: 100%;
		height: 0;
		color: #521;
	}
	#gNav > li:hover div.subMenu {
		padding: 0;
		height: auto;
		max-height: 100%;
		display: block;
		text-align: left;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
	}
	#gNav li div.subMenu ul {
		margin: 0;
		padding: 0;
	}
	#gNav li div.subMenu ul li,
	#gNav li div.subMenu ul li.none {
		margin: 0;
		padding: 0 0 0 40px;
		border-bottom: 1px solid #fff;
		background: url(../common/icon-cursol.png) 26px center no-repeat;
	}
	#gNav li div.subMenu ul li.x {
		position: static;
	}
	#gNav li div.subMenu ul li:last-child {border: 0;}
	#gNav li div.subMenu ul li:hover {
		background: url(../common/icon-cursol_on.png) 26px center no-repeat #5f3817;
	}
	#gNav li div.subMenu ul li a {
		margin: 0 40px 0 0;
		padding: 15px 0;
		width: auto;
		height: 44px;
	}
	#gNav li div.subMenu ul li a:hover {
		color: #fff;
	}
	#gNav li div.subMenu ul li.none {
		background: url(../common/icon-cursol_off.png) 26px center no-repeat;
	}
	#gNav li div.subMenu ul li.none a {
		cursor: default;
		font-style: normal;
		color: #c7b299;
	}

	#pan {width: 96%;}
	section .inner  {padding: 25px;}
	aside h1 small {
		padding-left: 10px;
	}
	.balloon p,
	.balloonR p {
		padding: 15px 15px 0 15px;
		height: 80px;
		overflow: auto;
		text-align: left;
		font-size: 14px;
	}

	.col1, .col1R {text-align: center; margin-bottom: 0;}
	.rowConnect .col3 {width: 46%; background: #fff;}
	.row .col1,.rowConnect .col1 {
		margin: 0 8px 16px 8px;
		width: 44%;
		float: left;
	}
}
/* 画面の横幅が768pxまで　主にコンテンツ周りが変更 */
@media screen and (max-width: 768px) {
	br.sp {display: inline;}
	table.btn img {margin: 5px;}
}
/* 画面の横幅が760pxまで　主にコンテンツ周りが変更 */
@media screen and (max-width: 760px) {
	.tab-hide {display: none;}
}

/* 画面の横幅が580pxまで　主にコンテンツ周りが変更 */
@media screen and (max-width: 580px) {
	br.sp {display: inline;}
	.sp-hide {display: none;}
	/* ******* 募集要項 ******* */
	table.btn th, table.btn td {
		display: block;
		width: 100%;
	}
	.btnEx a {
		padding: 10px;
	}
	footer .btn a {
		padding: 10px;
	}
	/* Section */
	#pan {width: 90%;}
	section .inner  {padding: 25px;}
	section h1 {}
	section h2 {
		margin: 0 0 8px 0;
		padding: 0 0 0 16px;
		border-left: 8px solid #ea5450;
		font-size: 20px;
		font-weight: normal;
		line-height: 1.7;
		background: #fff;
	}
	section h3 {
		margin: 0 0 15px 0;
		font-size: 16px;
	}
	section p {}
	section p:last-child {margin: 0;}

	/* Aside */
	aside h1 {
		margin: 10px 0;
		font-size: 16px;
	}
	aside h1 small {
		font-size: 12px;
	}
	.balloon p,
	.balloonR p {
		padding: 0px 5px 0 5px;
		height: 80px;
		overflow: auto;
		text-align: center;
        vertical-align: middle;
		font-size: 12px;
	}

	/* Grid */
	.row, .row .col4, .row .col3, .row .col2, .row .col1, .row .col3R, .row .col2R, .row .col1R,
	.rowConnect, .rowConnect .col4, .rowConnect .col3, .rowConnect .col2, .rowConnect .col1, .rowConnect .col3R, .rowConnect .col2R, .rowConnect .col1R {
		margin: auto;
		width: 96%;
		float: none;
	}
	.row, .rowConnect {margin: 0 auto; background: none;}
	.last {margin-bottom: 50px;}
	.row .col4, .row .col2, .row .col2R
	.rowConnect .col4, .rowConnect .col2, .rowConnect .col2R, {margin: 0 8px 16px 8px;}
	.row .col3, .row .col1, .row .col3R, .row .col1R,
	.rowConnect .col3, .rowConnect .col1, .rowConnect .col3R, .rowConnect .col1R {
		margin: 0 8px 0 8px;
		padding: 0;
	}
	.rowConnect .leftBox {padding: 0;}
	.rowConnect .rightBox {padding: 0;}

	aside .row .col1 {
		margin-bottom: 16px;
		width: 44%;
		float: left;
	}
}
/* 画面の横幅が420pxまで　主にコンテンツ周りが変更 */
@media screen and (max-width: 420px) {
	.balloon p,
	.balloonR p {
		padding: 10px 10px 0 10px;
		height: 120px;
		overflow: auto;
		text-align: left;
		font-size: 12px;
	}
}

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}

/* Bnr
-----------------------------------------*/
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
    background-color: #FFFFCC;
}
 
#footerFloatingMenu .fa {
    font-size: 3em;
    color: #fff;
    padding: 10px;
}

#closebanner

{
    width: 100%;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: right;
    padding: 0 auto;
}

/*---------------------------------
   第10回京都OPのCSS
----------------------------------*/

.gaiyo{
	margin: 0.5em 1em 1.5em;
}

.hyosyo{
	margin-top:1em;
}
.tokuten{
	margin:0.5em; 
}
.kyogi{
	font-weight: bold;
    margin:1em 0;
}

.content{
	margin-left: 1em;
}
/*ここから*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 0.4em 0 0.4em 1em;
	display: block;
	color: #fff;
	background:#1D3240;
	font-weight: bold;
	font-size: 1.2em;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
		height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
table{
	display:inline-table;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 3em;
	vertical-align: middle;
	border-collapse: collapse;
	border: 0.1em solid;
	border-color: darkgray;
	font-size: 0.9em;
}
td,tr{
	border: 0.1em solid;
	border-color: darkgray;
	padding: 0.3em 0.5em;
}
th{
	border: 0.1em solid;
	border-color: darkgray;
	background-color:beige;
	text-align: left;
	padding: 0.3em 0.5em;
}
.entry{
    margin: 0.5em 1em 1.5em;
}
.entry_btn{
	display: flex;
    justify-content: start;
}

.entry_sheet a {
    background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_sheet a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_sheet a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_sheet a:hover:after {
    border-color: #FFF;
}
.entry_form a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_form a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_form a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_form a:hover:after {
    border-color: #FFF;
}
.entry_shift a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_shift a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_shift a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_shift a:hover:after {
    border-color: #FFF;
}
.entry_btn{
	display: flex;
    justify-content: start;
}

.entry_sheet a {
    background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_sheet a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_sheet a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_sheet a:hover:after {
    border-color: #FFF;
}
.entry_form a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_form a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_form a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_form a:hover:after {
    border-color: #FFF;
}
.entry_shift a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_shift a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_shift a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_shift a:hover:after {
    border-color: #FFF;
}
.entry_btn{
	display: flex;
    justify-content: start;
}

.entry_sheet a {
    background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_sheet a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_sheet a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_sheet a:hover:after {
    border-color: #FFF;
}
.entry_form a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_form a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_form a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_form a:hover:after {
    border-color: #FFF;
}
.entry_shift a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_shift a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_shift a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_shift a:hover:after {
    border-color: #FFF;
}
.entry_btn{
	display: flex;
    justify-content: start;
}

.entry_sheet a {
    background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_sheet a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_sheet a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_sheet a:hover:after {
    border-color: #FFF;
}
.entry_form a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_form a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_form a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_form a:hover:after {
    border-color: #FFF;
}
.entry_shift a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_shift a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_shift a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_shift a:hover:after {
    border-color: #FFF;
}
.entry_btn{
	display: flex;
    justify-content: start;
}

.entry_sheet a {
    background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_sheet a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_sheet a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_sheet a:hover:after {
    border-color: #FFF;
}
.entry_form a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_form a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_form a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_form a:hover:after {
    border-color: #FFF;
}
.entry_shift a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_shift a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_shift a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_shift a:hover:after {
    border-color: #FFF;
}
.entry_btn{
	display: flex;
    justify-content: start;
}

.entry_sheet a {
    background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_sheet a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_sheet a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_sheet a:hover:after {
    border-color: #FFF;
}
.entry_form a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_form a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_form a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_form a:hover:after {
    border-color: #FFF;
}
.entry_shift a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_shift a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_shift a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_shift a:hover:after {
    border-color: #FFF;
}
.entry_btn{
	display: flex;
    justify-content: start;
}

.entry_sheet a {
    background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_sheet a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_sheet a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_sheet a:hover:after {
    border-color: #FFF;
}
.entry_form a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_form a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_form a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_form a:hover:after {
    border-color: #FFF;
}
.entry_shift a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_shift a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_shift a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_shift a:hover:after {
    border-color: #FFF;
}
.entry_btn{
	display: flex;
    justify-content: start;
}

.entry_sheet a {
    background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_sheet a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_sheet a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_sheet a:hover:after {
    border-color: #FFF;
}
.entry_form a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_form a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_form a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_form a:hover:after {
    border-color: #FFF;
}
.entry_shift a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #1d3240;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	text-decoration: none;
	margin: 0.5rem;
}
.entry_shift a:hover {
    background: #1d3240;
    color: #FFF;
}
.entry_shift a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #1d3240;
    border-right: 3px solid #1d3240;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.entry_shift a:hover:after {
    border-color: #FFF;
}
.archive{
    margin: 2em 1.5em;
}
.archive a {
    background: #1d3240;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    text-decoration: none;
    margin: 0.5rem;
}
.archive a:hover {
    background: #eee;
    color: #1d3240;
}
.archive a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #eee;
    border-right: 3px solid #eee;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.archive a:hover:after {
    border-color: #1d3240;
}


	
/*----------12/17にシフト表公開--------
.shift:hover{
	background: #256D6B;
}
----------------------------------*/
	
/*-------------------レスポンシブ767以下------------------*/	
@media (max-width: 767px){
	.entry_btn{
	 display: block;
     justify-content: center;
}	
	}
	
a{
	text-decoration: none;
}
.shift_p{
	margin: 1.5em 1em 1em;
	font-size:1em;

}

.kekka{
	display: flex;
}



	
	/* CSS Document */