@charset "UTF-8";

.forpc { display: block!important; }
.forsp { display: none!important; }
.forpcinline { display: inline!important; }
.forspinline { display: none!important; }

.contents1000 {
	width: 1143px;
	text-align: left;
	margin: 0 auto;
	box-sizing: border-box;
}

#headerArea {
	background: #FFF;
	border-bottom: solid 1px #EEE;
	margin: 0 0 80px;
}
#header {
	width: 1143px;
	height: 99px;
	margin: 0 auto;
	position: relative;
}
#header .logo {
	width: 156px;
	padding-top: 16px;
}
#header .logo img {
	width: 100%;
}
#header #gnavi {
	position: absolute;
	top: 40px;
	right: 0;
}
#header #gnavi li {
	font-size: 15px;
	line-height: 1;
	/*border-right: solid 1px #CCC;*/
	padding: 5px 15px;
	display: inline;
}
#header #gnavi li.contact {
	border-right: none;
	padding-right: 0;
}
#header #gnavi li a {
	color: #6f6f6f;
	text-decoration: none;
}
#header #gnavi li i {
	margin-right: 5px;
}
#header #gnavi li.member {
	padding-right: 4.0em;
}
#header #gnavi li.login {
	/*background-color: #442606;*/
}
#header #gnavi li.login a {
	/*color: #FFF;*/
}


#fmenu {
	display: none;
}

#totop {
	text-align: right;
	padding: 50px 0 20px;
}

#footer1 {
	padding: 30px 0;
	background-color: #faf5f2;
}
#footer1 h5 {
	text-align: center;
	font-size: 40px;
	color: #9d8972;
	letter-spacing: 0.5em;
	margin-bottom: 0.5em;
}
#footer1 .menus a {
	text-decoration: none;
}
#footer1 .menus a:link {
	color: #6f6f6f;
}
#footer1 .menus {
	width: 697px;
	margin: 0 auto 0;
}
#footer1 .menus > ul > li {
	margin: 0 60px 0 15px;
	padding: 0 30px 0 0;
	float: left;
}
#footer1 .menus > ul > li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#footer1 .menus > ul > li li {
	font-size: 18px;
	margin: 0 0 1.5em;
	padding: 0 0 0 10px;
	position: relative;
}
#footer1 .bnrs {
	width: 390px;
	float: right;
}
#footer1 .bnrs li {
	width: 145px;
	margin: 0 50px 0 0;
	float: left;
}
#footer1 .bnrs li:last-child {
	margin-right: 0;
}
#footer1 .bnrs li img {
	width: 100%;
}

#footer2 {
	font-size: 13px;
	background: #e2d1c5;
	padding: 30px 0;
}
#footer2 .msg {
	border-bottom: dotted 1px #CCC;
	margin: 0 0 20px;
	padding: 0 20px 15px;
}
#footer2 .address {
	width: 800px;
	margin: 0 0 0 20px;
	float: left;
	font-size: 22px;
	color: #000;
}
#footer2 .address .name {
	font-weight: bold;
	margin: 0 0 5px;
}
#footer2 .btn {
	width: 260px;
	margin: 10px 20px 0 0;
	float: right;
}
#footer2 .btn a {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #000;
	padding: 15px 0;
	display: block;
}
#footer2 .btn a:hover {
}
#copy {
	background-color: #442606;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	margin: 0;
	line-height: 60px;
}

.pager {
    margin: 0 auto 6.0em;
    width: 640px;
    text-align: center;
}
.pager>ul {
    overflow: hidden;
}
.pager>ul>li {
    display: inline-block;
}
.pager>ul>li>span,
.pager>ul>li>a,
.pro_back,
.listnum,
.pro_next {
    border: 1px solid #cfcfcf;
    background-color: #fff;
    margin-right: 5px;
    padding: 0px 5px;
    font-size: 24px;
    float: left;
    text-decoration: none;
    color: #000;
}
.pager .current {
    background-color: #000;
    color: #FFF;
}
.pager>ul>li>a:link {
    color: #000;
}

h1.common {
	color: #6f6f6f;
	font-size: 26px;
	margin: 0 0 100px;
	padding: 90px 0 0 0;
}

h2 {
	color: #244C92;
	font-size: 24px;
	font-weight: bold;
	border-bottom: solid 1px #878787;
	margin: 100px 0 20px;
	padding: 0 0 10px;
}

.indent-1 {
	text-indent: -1em;
	padding-left: 1em;
}

.entrys {
	background-color: #442606;
	padding-top: 50px;
	height: 100px;
}
.entrys ul {
	margin: 0 0 0 -40px;
}
.entrys ul li {
	width: 480px;
	background: url(../images/common/enrtyrs_s_arrow.png) #EEE no-repeat right bottom;
	background-size: 12px auto;
	border-top: solid 2px #458CEF;
	margin: 0 0 0 40px;
	padding: 30px 0 40px;
	float: left;
}
.entrys ul a:hover li {
	background-color: #DDD;
}
.entrys ul li .box {
	mih-height: 58px;
	background-repeat: no-repeat;
	background-size: 68px auto;
	margin: 0 0 0 60px;
	padding: 5px 0 5px 80px;
}
.entrys ul li .box.member { background-image: url(../images/common/icn_entrys_member.png); }
.entrys ul li .box.visitor { background-image: url(../images/common/icn_entrys_visitor.png); }

.entrys ul li .box p {
	color: #244C92;
	font-size: 24px;
}
.entrys ul li .box p.sub {
	color: #111;
	font-size: 13px;
}




/*エントリーボタン*/
.cf:after {
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
	width: 100%;
	height: 0;
	clear: both;
}
.entry {
	width: 100%;
	margin-bottom: 30px;
}
.entry dl {
	float: left;
	width: 31%;
	height: 80px;
	position: relative;
	background-color: #ce0003;
	background-image: url(http://minatokobe-shusei.club/img/icn_entry.png);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 1%;
	margin-right: 1%;
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 70px;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 10px;
}
.entry dl dt {
	font-size: large;
	font-family: "shingo_M";
	margin-bottom: 0px;
	line-height: 1em;
}
.entry dl dd {
-webkit-margin-start: 0px;
}
.entry dl a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.entry dl a:hover {
	background-color: rgba(230,230,230,0.26);
}
.report {
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
}
.report button {
width: 96%;
max-width: 534px;
height: 50px;
background-color: #FFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 10px;
margin-right: 10px;
color: #442606;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
border-style: none;
font-size: 20px;
margin-bottom: 10px;
cursor: pointer;
}
.report button:hover {
	/*background-color: #2C8BE4;*/
}
.report.member_only {
	margin-left: auto;
	margin-right: auto;
	width: 410px;
}
.report button:nth-child(1) {
	margin-left: 0;
	float: left;
}
.report button:nth-child(2) {
	margin-right: 0;
	float: right;
}
.report.member_only button {
	margin-right: 0;
}

.event {
	margin-top: 20px;
	text-align: center;
	overflow: hidden;
}
.event.member_only {
	margin-left: auto;
	margin-right: auto;
	width: 410px;
}
.event button {
	width: 96%;
	max-width: 531px;
	height: 50px;
	background-color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 10px;
	margin-right: 10px;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	border-style: none;
	font-size: 20px;
	margin-bottom: 10px;
	cursor: pointer;
}
.event button:nth-child(1) {
	margin-left: 0;
	float: left;
}
.event button:nth-child(2) {
	margin-right: 0;
	float: right;
}
.event.member_only button {
	margin-right: 0;
}

@media screen and (max-width: 736px) {
/*スマホ：736px以下の場合に適用するスタイル */
.entry dl {
	float: none;
	width: 96%;
	height: 80px;
	margin-left: 2%;
	margin-right: 2%;
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 70px;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 10px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	margin-bottom: 10px;
}
.report button,
.event button{
	max-width: 96%;
}
	.report button:nth-child(1),
	.event button:nth-child(1){
		float: none;
		margin-right: 0;
	}
	.report button:nth-child(2),
	.event button:nth-child(2){
		float: none;
		margin-left: 0;
	}
	.event.member_only {
		width: auto;
	}
}




/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:768px) {

	img { width: 100%; }
	.forpc { display: none!important; }
	.forsp { display: block!important; }
	.forpcinline { display: none!important; }
	.forspinline { display: inline!important; }


	.contents1000 {
		width: 100%;
		text-align: left;
		margin: 0 auto;
        padding: 0 1.0em;
		box-sizing: border-box;
	}
	.contentsInner {
		margin: 0 10px;
	}

	#headerArea {
		margin: 0 0 30px;
	}
	#header {
		width: 100%;
		height: auto;
	}
	#header .headeraround {
		margin: 0 15px;
		padding: 15px 0 15px 15px;
	}
	#header .logo {
		width: 82px;
		padding-top: 0;
	}
	#header #menuBtn {
		width: 34px;
		float: right;
	}

	#header #gnavi {
		background: #DDD;
		padding: 10px 10px 50px;
		position: static;
		display: none;
	}
		#fmenu {
			background: #DDD;
			margin: 20px 0 0 0;
			padding: 10px 10px 30px;
			display: block;
		}
	#header #gnavi li,
	#fmenu li {
		font-size: 14px;
		border-right: none;
		text-align: left;
		margin: 0 0 5px;
		padding: 0;
		display: block;
	}
	#header #gnavi li.member {
		padding-right: 0;
	}
	#header #gnavi li.contact,
	#fmenu li.contact {
		border-right: none;
		padding-right: 0;
	}
	#header #gnavi li a,
	#fmenu li a {
		color: #000;
		text-decoration: none;
		background: #FFF;
		padding: 10px 20px;
		display: block;
		position: relative;
	}
	#header #gnavi li.login a,
	#fmenu li.login a {
		/*background-color: #c5b8aa;*/
		/*color: #FFF;*/
	}
	#header #gnavi li.home a {
		color: #000;
	}
	#header #gnavi li i {
		display: none;
	}
	#header #gnavi .closeBtn {
		margin: 20px 0 0 0;
	}
	#header #gnavi .closeBtn span {
		color: #FFF;
		font-size: 14px;
		background: #000;
		padding: 10px 30px;
	}

	#fmenu p {
		font-size: 15px;
		font-weight: bold;
		margin: 0 auto 10px;
	}

	#totop {
		width: 144px;
		text-align: center;
		padding: 30px 0;
	}

	#footer1 {
		border-top: none;
        padding: 10px 0 0;
		backgroun-color: #faf5f2;
	}
	#footer1 h5 {
		font-size: 30px;
	}
	#footer1 .menus {
		width: 100%;
		float: none;
	}
	#footer1 .menus > ul > li {
		width: 50%;
		border-right: none;
		margin: 0 0 0.5em;
		padding: 0 15px;
		box-sizing: border-box;
		float: left;
	}
	#footer1 .menus > ul > li:last-child {
		padding-right: 15px;
		margin-bottom: 2.0em
	}
	#footer1 .menus > ul > li li {
		font-size: 13px;
		margin: 0 0 5px;
	}
	#footer1 .bnrs {
		width: 100%;
		margin: 20px 0;
		padding: 0;
		float: none;
	}
	#footer1 .bnrs li {
		width: 50%;
		text-align: center;
		margin: 0;
		float: left;
	}
	#footer1 .bnrs li img {
		width: 105px;
	}

	#footer2 {
		font-size: 13px;
		background: #e2d1c5;
		padding: 15px 15px;
	}
	#footer2 .msg {
		border-bottom: dotted 1px #CCC;
		margin: 0 0 15px;
		padding: 0 0 10px;
	}
	#footer2 .address {
		width: 100%;
		margin: 0 0 20px;
		float: none;
		font-size: 14px;
	}
	#footer2 .address .name {
		margin: 0 0 5px;
	}
	#footer2 .btn {
		width: 100%;
		margin: 0 0;
		float: none;
	}
	#footer2 .btn a {
		margin: 0 20px;
	}
	#copy {
		font-size: 12px;
		text-align: center;
		margin: 0;
	}

	h1.common {
		color: #6f6f6f;
		font-size: 20px;
		background-size: 50px auto;
		margin: 0 0 50px;
		padding: 60px 0 0 0;
	}

	h2 {
		font-size: 20px;
		font-weight: bold;
		border-bottom: solid 1px #878787;
		margin: 50px 0 20px;
		padding: 0 0 10px;
	}

	.entrys {
		padding-top: 10px;
		height: auto;
	}
	.entrys ul {
		margin: 0;
	}
	.entrys ul li {
		width: auto;
		background: url(../images/common/enrtyrs_s_arrow.png) #EEE no-repeat right bottom;
		background-size: 15px auto;
		border-top: solid 2px #458CEF;
		margin: 0 30px 15px;
		padding: 30px 0 40px;
		float: none;
	}
	.entrys ul a:hover li {
		background-color: #EEE;
	}
	.entrys ul a,
	.entrys ul a:hover a {
		text-decoration: none;
	}
	.entrys ul li .box {
		mih-height: 58px;
		background-repeat: no-repeat;
		background-size: 50px auto;
		margin: 0 0 0 15px;
		padding: 5px 0 5px 65px;
	}
	.entrys ul li .box.member { background-image: url(../images/common/icn_entrys_member.png); }
	.entrys ul li .box.visitor { background-image: url(../images/common/icn_entrys_visitor.png); }
	
	.entrys ul li .box p {
		color: #244C92;
		font-size: 16px;
	}
	.entrys ul li .box p.sub {
		color: #111;
		font-size: 13px;
	}

    .pager {
        width: auto;
    }

}


/* FOR smartphone portrait
***************************************************************************/
@media screen and (max-width:400px) {


}