@charset "UTF-8";

/* 全共通CSS*/
@font-face {
 font-family: 'Myfont';
 src: url('../font/Myfont.eot'),url('../font/Myfont.woff') format('woff'),url('../font/font.ttf') format('truetype');
 font-weight: 900;
}
body{
 font-family: 'Myfont';
	font-size: 105%;
}
html{
 margin: 0 10% 0 5%;
}
section{
	margin: 80px auto;
}
.page_section{
	margin: 15px auto;
	padding: 0 5%;
}
h2 small{
	font-size: 60%;
}
.caution_text{
	color: tomato;
	font-size: 80%;
}

/*フォーム共通*/
input,
select,
textarea{
 appearance: none;
 -webkit-appearance:none;
 -moz-appearance: none;
 font-family: 'Myfont';
 outline: none;
	width: 80%;
	padding: 12px 10px;
	border: none;
}
input:hover,
select:hover,
textarea:hover{
	background-color: #FFEAEA;
}
input[type="submit"],
button{
	ppearance: none;
 -webkit-appearance:none;
 -moz-appearance: none;
 font-family: 'Myfont';
 outline: none;	
	background-color:black;;
	color: white;
	width: 50%;
	margin: 10px auto;
	border-radius: 30px;
	cursor: pointer;
}
input[type="submit"]:hover,
button:hover{
	transform:scale(1.1,1.1);
}

/*背景画像*/
.background{
	position: fixed;
	left: -180px;
	bottom: -320px;
	z-index: -1;
}

/*ヘッダー*/
.header_box{
	margin: 30px auto 10px;
}
.header_logo img{
	margin: 10px auto;
}

/*フッター*/
footer{
	text-align: center;
}

/*メイン*/
.main_text{
	text-align: center;
	font-size: 150%;
	margin: 100px auto 130px;
}
.main_text p{
	margin: 40px 0;
}

/*ナビ*/
.nav_box{
	position: fixed;
	right: 15px;
	top: 30px;
	border-left: 1px dashed gray;
	margin: 0 50px 0 0;
	padding: 0 10px;
	z-index: 95; 
}
.nav_box a{
	text-decoration: none;
	color: black;
}
.nav_box h2{
	text-align: center;
}
.nav_box li{
	list-style: none;
	width: auto;
	padding: 15px 8px;
	border-bottom: 1px dashed gray;
	background-color: white;
}

/*お知らせ*/
.information_box{
	background-color: white;
}
.information_box ul{
	padding: 10px 0;
	overflow-y: scroll;
	height: 300px;
	border-top: 3px solid gray;
	border-bottom: 3px solid gray;
}
.information_box li{
	padding: 0 10px 15px;
	list-style: none;
	margin: 3px 0;
	border-bottom: 1px dashed gray;
	line-height: 115%;
}
.notice_cate_snack,
.notice_cate_news,
.notice_cate_campaign{
	background-color: navy;
	color: white;
	font-size: 80%;
	padding: 3px 6px;
	border-radius: 3px;
	margin: 0 10px;
}
.notice_cate_snack{
	background-color:orange;
}
.notice_cate_news{
	background-color:cornflowerblue;
}
.notice_cate_campaign{
	background-color:tomato;
}

/*ネコ*/
.neko_box{
	position: relative;
	height: 430px;
	margin: 50px 5% 30px auto;
	visibility:hidden;
}
.musa,
.koji,
.neko_text,
.neko_button{
	position: absolute;
}
.neko_text{
	top: 30%;
	left: 20%;
}
.koji{
	bottom: 10px;
	right: 0;
}
.neko_button{
	bottom: 80px;
	width: auto;
	margin: 0 auto;
	font-size: 180%;
	padding: 8px 30px;
	text-align: center;
	left: 0;
	right: 0;
}

/*パンくずリスト*/
.branch_box{
	margin: 6px 1%;
}
.branch_box a{
	text-decoration: none;
	color: black;
}
.branch_box ul{
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.branch_box li{
	list-style: none;
	display: inline-block;
}
.branch_box li::before{
	content: " > ";
}
.branch_box li:first-child::before{
	content: "";
}

/*テーブルデザイン*/
.table{
	text-align: center;
	margin: 30px auto;
	width: 60%;
}
.table a{
	text-decoration: none;
	color: black;
}
.table th{
	text-align: center;
	border-bottom: 1px dashed gray;
}
.table td{
	padding: 30px 0 20px 30px;
	border-bottom: 1px dashed gray;
	text-align: left;
}

/*メールフォーム*/
.mail_box{
	text-align: center;
	width: 60%;
	margin: 30px auto;
}
.mail_box input,
.mail_box select,
.mail_box textarea{
 border: 1px solid gray;
}
.mail_box_block{
	display: block;
	text-align: left;
	padding: 10px 0;
	border-bottom: 1px dashed gray;
	margin: 0 0 15px;
}
.red_text{
	color: tomato;
}

/*フォームナビゲーション*/
.from_nav li{
	display: inline-block;
	list-style: none;
	padding: 10px 15px;
	border-radius: 50px;
}
.from_nav_on{
	background-color: black;
	color: white;
}
.from_nav_off{
	background-color:darkgray;
	color: gray;
}

/*武蔵と小次郎*/
.manga_box{
	margin: 30px auto;
	text-align: center;
}
.manga_neko{
	margin: 0 auto;
}
.manga_inner{
	border: 1px solid gray;
	width: 100%;
	padding: 15px 0;
}
.manga_inner img{
	cursor: pointer;
}
.neko_img li{
	display: inline-block;
	list-style: none;
	margin: 15px 10px;
	transition: all 500ms ease;
}
.neko_img li img:hover{
	border-radius: 50%;
	transition: all 500ms ease;
}
.neko_img li:nth-child(2n) {
 -webkit-transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -ms-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
 transform: rotate(-3deg);
}
.neko_img li:nth-child(3n) {
 -webkit-transform: rotate(10deg);
 -moz-transform: rotate(10deg);
 -ms-transform: rotate(10deg);
 -o-transform: rotate(10deg);
 transform: rotate(10deg);
}
.neko_img a{
	text-decoration: none;
	color: gray;
}
.neko_img span{
	display: block;
	text-align: center;
}
.img_zoom{
	position: relative;
	bottom:10px; 
	left: 220px;
	background-color: white;
	border: 1px solid gray;
	border-radius: 8px;
	box-shadow: 1px 1px black;
	font-size: 160%;
	padding: 10px;
	cursor: pointer;
}
.operation_manga li{
	display: inline-block;
	list-style: none;
	margin: 10px 10px;
	cursor: pointer;
}
.operation_manga li span{
	display: block;
}

/*ポップアップ*/
.popup_box_inner{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
	background-color: black;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.popup_box_section{
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	width: 60%;
	height: 90%;
	background-color: white;
	border: 3px solid black;
	opacity: 1;
	margin: 3% auto;
}

/*運営事業*/
.transport_box,
.taxi_box{
	text-align: center;
	margin: 60px auto;
	width: 48%;
	background-color: white;
	padding: 30px 0;
	display: inline-block;
	vertical-align: top;
	height: 560px;
}
.transport_box{
	border: 2px solid #00A99D;
}
.transport_box h3{
	color: #00A99D;
	margin-bottom: 38px;
}
.taxi_box h3{
	color: #F7931E;
	margin-bottom: 38px;
}
.taxi_box{
	border: 2px solid #F7931E;
	background-color: #FFFCE3;
}
.transport_box img{
	margin: 0 0 0 30px;
}
.taxi_box img{
	margin: 0 30px 0 0;
}
.transport_box input,
.taxi_box input{
	width: auto;
	padding: 15px 20px;
	font-size: 108%;	
}
.transport_text input{
	background-color: #00A99D;
}
.taxi_text input{
	background-color: #F7931E;
}
.transport_text li{
	border: 1px solid #00A99D;
	border-radius: 50px;
	padding: 10px;
	display: inline-block;
	list-style: none;
	margin: 3px 3px;
}
.taxi_text ul,
.transport_text ul{
	width: 90%;
	padding: 0;
}
.taxi_text li{
	border: 1px solid #F7931E;
	border-radius: 50px;
	padding: 10px;
	margin: 3px 3px;
	display: inline-block;
	list-style: none;
	background-color: white;
}

/*リロード*/
	.reload button{
		width: 35px;
		height: 35px;
		text-align: center;
		border: none;
	}

/*フッターリンク*/
.footer_link{
	padding: 0;
	margin: 30px auto;
}
.footer_link li{
	display: inline-block;
	list-style: none;
	margin: 0 8px;
	font-size: 80%;
}
.footer_link li::before{
	content: "/";
}
.footer_link li:first-child::before{
	content: "";
}