@charset "UTF-8";
@media screen and (max-width: 896px) {
body {
	background: #eee;
	margin: 0 auto;
	width:100%;
}

a:link {
	text-decoration: none;
	color: #c6c;
}
a:visited {
	text-decoration: none;
	color: #c6c;
}
a:hover {
	text-decoration: none;
	color: #6c3;
}
a:active {
	text-decoration: none;
	color: #c6c;
	font-family: 'Noto Sans JP', sans-serif;
}
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {
	font-weight:700;
	font-size: 9pt;
	font-family: 'Noto Sans JP', sans-serif;
}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}

#bar2{
	width: 100%;
	height: 1px;
	background:#6c3;
	top:115px;
}
#bar2_in{
	width: 100%;
	margin: 0 auto;
	background:#6c3;
	height: 1px;
}

#address{
	display:none;
}
#address0{
	display: block;
	clear: both;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-size: 10pt;
	color: #999;
	text-align: center;
	line-height: 1.4em;
	padding: 5px;
}
#bn{
	margin: 0 auto;
	clear: both;
}
#address2{
	display:none;
}
#foot{
	clear: both;
	width: 100%;
	background:#c6c;
	margin-top:5px;
}
#foot_in{
	display: block;
	padding: 5px;
	background:#c6c;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-size: 10pt;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
}

#main{
	width: 100%;
	margin: 0 auto;
	margin-top:10px;
}
#main1{
	display:none;
}
#main2{
	clear: both;
	width: 100%;
	margin-left: 10px;
	margin-right:10px;
}
#navi{
}
#navi ul {
}
#navi li{
}

#navi a{
}
#navi a:hover {
}



#navi2{

	margin-right: 20px;
	line-height: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 10pt;
	color: #999;
	text-align: left;
	background:#fff;
}
#navi3{
	width: 100%;
	color: #999;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 13px;
	color: #999;
	line-height: 170%;
}
#box{
	margin-right: 20px;
	text-align: left;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.60);
	padding-top:20px;
	padding-bottom:20px;
	overflow: hidden;
}
#box1{
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
}
#box2{
	width: 100%;
	text-align: left;
	margin-left:20px;
	overflow: hidden;
}
#box3{
	width: 100%;
	text-align: center;
	margin-left:20px;
	margin-right:20px;	
}
#box13{
	text-align: left;
	font-size: 11pt;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	line-height: 160%;
	color:#000;
	margin-right: 30px;
}
#box14{
	width: 100%;
	height:60px;
	background-image:url(img/mrpartner.jpg);
	background-repeat: no-repeat;
	background-position: 47%;
}
#box3_menu{
	float: left;
	width: 100%;
	height:160px;
	text-align: left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:15px;
	overflow: hidden;
}


#boxb{
	width: 100%;
}
#boxb ul {
	width: 100%;
	list-style-type: none;
	padding-left: 10px;
}
#boxb li{
}
.box9_ad{
	width: 146px;
	height: 207px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.box9_adw{
	display: block;
	width: 292px;
	height: 207px;
	margin-right: 20px;
	margin-bottom: 20px;
}


	
	
#index{
	width: 100%;
	margin-top: -20px;
	 padding-bottom: 20px;
}
	
#boxc{
	width: 100%;
}
#boxc ul {
	list-style-type: none;
	padding-left: 0;
}
#boxc li{
}
.inline-block {
	text-align: center;
}
.inline-block li {
	display: inline-block;
	margin-bottom: 10px;
}

.c1 a{
    display: block;
	background-image: url(img2/cat01a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 390px 160px;
	width: 390px;
    height: 160px;
    text-indent: -1000em;
    overflow: hidden;
}
.c2 a{
    display: block;
	background-image: url(img2/cat02a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    background-size: 390px 160px;
	width: 390px;
    height: 160px;
    text-indent: -1000em;
    overflow: hidden;
}
.c3 a{
    display: block;
	background-image: url(img2/cat03a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    background-size: 390px 160px;
	width: 390px;
    height: 160px;
    text-indent: -1000em;
    overflow: hidden;
}
.c4 a{
    display: block;
	background-image: url(img2/cat04a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    background-size: 390px 160px;
	width: 390px;
    height: 160px;
    text-indent: -1000em;
    overflow: hidden;
}
.c5 a{
    display: block;
	background-image: url(img2/cat05a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    background-size: 390px 160px;
	width: 390px;
    height: 160px;
    text-indent: -1000em;
    overflow: hidden;
}
.c6 a{
    display: block;
	background-image: url(img2/cat06a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    background-size: 390px 160px;
	width: 390px;
    height: 160px;
    text-indent: -1000em;
    overflow: hidden;
}

.c1 a:hover {
	background: url(img2/cat01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.c2 a:hover {
    background: url(img2/cat02b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.c3 a:hover {
    background: url(img2/cat03b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.c4 a:hover {
    background: url(img2/cat04b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.c5 a:hover {
    background: url(img2/cat05b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.c6 a:hover {
    background: url(img2/cat06b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.cat1{
	width: 390px;
	height: 160px;
	float: left;
}



.cat2 a{
	float: left;
	width: 390px;
	text-align: left;
	margin-left:30px;	
}
.cat3 a{
	float: left;
	width: 390px;
	text-align: left;
	
}
.cat4 a{
	float: left;
	width: 390px;
	text-align: left;
	margin-left:30px;	
}

	
	
#box3_menu2{
	width: 100%;
	margin-left:20px;
	overflow: hidden;
}

	
#box9_ad{
	float: left;
	width: 146px;
	margin-right:20px;
	margin-bottom:20px;
	overflow: hidden;
}
#box9_ad a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: 0.5s ;
}

#box9_adw{
	float: left;
	width: 292px;
	margin-right:30px;
	margin-bottom:20px;
	overflow: hidden;
}

#box9_adw a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: 0.5s ;
}

#box9_ad2{
	float: left;
	width: 373px;
	text-align: left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	overflow: hidden;
}

#box9_mo{
	float: left;
	width: 256px;
	text-align: left;
	margin-right:20px;
	margin-bottom:20px;
	overflow: hidden;
}
#box9_movie{
	float: left;
	width: 810px;
	text-align: left;
	margin-right:20px;
	margin-bottom:10px;
	overflow: hidden;
}
#box9_title{
	float: left;
	width: 256px;
	text-align: left;
	overflow: hidden;
	font-size: 10pt;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	line-height: 1.5em;
	color:#999;
	margin-right:20px;
}
#box10{
	float: left;
	width: 187px;
	text-align: left;
	overflow: hidden;
	font-size: 16pt;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	margin-top:5px;
}







.text8 {
	font-size: 9pt;
	line-height: 1.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	text-align: left;
	width: 300px;
	margin: 0 auto;
}
.text12_t{
	font-size: 14pt;
	line-height: 120%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	color: #6c3;
	margin-right: 40px;
}
.text9 {
	font-size: 12pt;
	line-height: 1.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	margin-right: 40px;
}


.text9_m {
	width: 100%;
	font-size: 13pt;
	line-height: 1.2em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
.text9_b {
	width: 100%;
	font-size: 9pt;
	line-height: 2em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
.text9_kabu {
	font-size: 10pt;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
#kaisya{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-align: left;
	color:#fff;
	background:#6c3;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom:3px;
	padding-top:3px;
	margin-bottom:5px;
	margin-right: 20px;
	line-height: 1.2em;
}
#kaisya2{
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 16pt;
	text-align: left;
	color:#fff;
	overflow: hidden;
	background:#6c3;
	padding-left:10px;
	margin-bottom:5px;
	line-height: 1.6em;
}
.text12 {
	font-size: 13pt;
	line-height: 1.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	margin-right: 40px;
}



hr {
	border-width: 1px 0 0 0; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #6c3; /* 線色 */
	height: 1px; /* IE6用対策 */
	clear: both; /* IE6用対策 */
}
.space {
	height: 3px;
}

.text9_mc {
	color:#c6c;
	font-size: 14pt;
	line-height: 1.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}

#navi4{
	display:none;
}

	

#ctittle1, #ctittle2, #ctittle3, #ctittle4, #ctittle5, #ctittle6{
	display: block;
	width: 100%;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	font-size: 22pt;
	line-height: 120%;
	text-align: left;
	margin: 15px 10px 10px 10px;
	color: #c6c;
	
}
#photo{
	width: 100%;
	text-align: center;
	}
	

#kesu{
	display:none;
}
#menumini{
	display:inline-flex;
font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
font-weight: 300;
font-size: 10pt;
}

h1 {
	margin: -29px 10px 13px 0px; 
}
h1 a {
display:block;
text-align: right;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 10pt;
line-height:120%;
color: #fff;
}
h1 a:link {
	color: #fff;
}
h1 a:visited {
	color: #fff;
}
h1 a:hover {
	color: #fff;
}
h1 a:active {
	color: #fff;
}
	
#bar1{
}
#bar1_in{
}
	
	
/*ヘッダーまわりはサイトに合わせて調整してください*/
header {
padding:10px;
background: #c6c;
}

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
adding:10px;
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
	
#navimini{
	margin: 5px 5px 5px 5px; 
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	line-height:160%;
	font-size: 14pt;
	text-align: left;
}
#navimini ul {
 margin: 5px 5px 5px 5px; 
  border-top: 1px solid #c0c0c0;
	color: #999;
}
#navimini li {
 list-style: decimal-leading-zero;
 border-bottom: 1px solid #c0c0c0;
}
	}

#navimini2{
	margin: 5px 5px 5px 5px; 
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	line-height:160%;
	font-size: 12pt;
	text-align: left;
}
#navimini2 ul {
 margin: 20px 5px 5px 5px; 
	color: #999;
}
#navimini2 li {
 border-bottom: 1px solid #c0c0c0;
}






#navimini3{
	margin: 5px 5px 5px 5px; 
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
	line-height:160%;
	font-size: 16pt;
	text-align: left;
	color: #999;
}