@charset "utf-8";
* {
	box-sizing:border-box;
}

address{
	font-style:normal;
	border-top:1px solid #ccc;
	padding:1em;
}

body{
	background:url("/imgs/back.png") repeat;
	font-size:14px;
/*	line-height:20px; */
	margin:0 auto;
	padding:0;
}

p{
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
	border-spacing:0px;
}

label{
	padding-left:5px;
}

li{
	list-style-type:none;
}

ul{
	margin:0;
	padding:0;
}

td{
	padding:0;
}

/*------------------------------------------------------------------------------------*/

.alC{
	text-align:center;
}

.alL{
	text-align:left;
}

.alR{
	text-align:right;
}


.bgClGray{
	background-color:#eee;
}

.bgClYellow{
	background-color:#F6D774;
}

.bgClWhite{
	background-color:white;
}

.clBlue{
	color:#1f1fa9;
}

.clPink{
	color:#FF0099;
}

.clYellow{
	color:#FF9900;
}


.clearBoth{
	clear:both;
	height:0;
	width:0;
}

.errorMsg{
	color:red;
}

.fadeout{
	opacity:1;
}

.fadeoutGo{
	transition-property:opacity;
	transition-duration:2s;
	transition-delay:5s;
	opacity:0;
}

.infoMsg{
	color:blue;
}

.mb1{
	margin-bottom:1em;
}

.mt1{
	margin-top:1em;
}

.noDisp{
	display:none;
}

.sma{
	display:none;
}

.noSma{
	display:block;
}

.iphone4{
	display:none;
}
.noIphone4{
	display:block;
}

/*------------------------------------------------------------------------------------*/

#arrows{
	display:block;
	position:fixed;
	bottom:0;
	right:0;
	width:25%;
	z-index:1000;
}

#footer{
	clear:both;
}

#header{
	border-bottom:1px solid #ccc;
}

#whole{
	background-color:white;
	margin:0 auto;
}

@media only screen and (min-width: 769px){
	.hoboWhole{
		margin-left:auto;
		margin-right:auto;
		width:850px;
	}
	
	#topContents{/*メニュー無し*/
		margin:0 auto;
		width:850px;
	}

	.pc{
		display:block;
	}
	
	.pcIB{
		display:inline-block;
	}

	.tabsma,
	.tabsmaIB{
		display:none;
	}

	#footer{
		clear:both;
	}
	
	#header{
		background:url(../imgs/headerL.png) no-repeat;
		height:80px;
	}
	
	#whole{
		width:1000px;
	}

	
}

@media only screen and (max-width: 768px){
	.hoboWhole{
		margin-left:0.4%;
		margin-right:0.4%;
		width:99%;
	}
	
	.pc,
	.pcIB{
		display:none;
	}
	.tabsma{
		display:block;
	}
	
	.tabsmaIB{
		display:inline-block;
	}

	.tableDes{
		margin:14px 2px 5px 2px;
		width:auto;
	}

	#topContents{
		padding:0 2px;
		width:100%;/* menu display:no */
	}

	#footer{
		clear:both;
	}
	
	#header{
		background:url(../imgs/headerS.png) no-repeat;
		height:60px;
	}
	
	#whole{
		width:98%;
	}
}


@media only screen and (min-width: 421px) and (max-width: 768px){
	#whole{
		width:100%;/*420px固定が良いか?*/
	}

}

@media only screen and (max-width: 420px){
	#buttons{
	}
	
	#footer{
	}

	#header{
	}
	
	.sma{
		display:block;
	}
	.noSma{
		display:none;
	}

	#whole{
		min-width:320px;/*385px;*/
		width:100%;
	}
}


@media only screen and (max-width: 320px){
	.iphone4{
		display:block;
	}
	.noIphone4{
		display:none;
	}
}

/*
●iPhone

    iPhone 4s      320px x 480px
    iPhone 5s      320px x 568px
    iPhone 6/7     375px x 667px
    iPhone 6/7Plus 414px x 736px
*/