@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

@media screen and (min-width:641px){

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

a img{
	border-style:none;
}
a img:hover{
	opacity:0.8;
}
.brvis{
	display:none;
}

body{
/*	background-image:url(img/bg.jpg); */
	background-color:#FFF;

}

html{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*------------ 文字装飾 ----------------*/

.tred{
	color:#F00;
}

.tbold{
	font-weight:bold;
}
/*------------ top ----------------*/

#pagetop{
	width:118px;
	height:118px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: block;
	border-radius: 5px;
	z-index:10;
	cursor:pointer;
}
#pagetop .arrow{
	width:118x;
	height:118px;
}

#menu_button{
	display:none;
}

#header{
	position:absolute;
	top:0;
	width:100%;
	min-width:1000px;
	height:40px;
	z-index:100;
	background-color:rgba(0,0,0,0.5);
}

#header .cts_area{
	max-width:1000px;
	min-width:1000px;
	height:40px;
	margin:0 auto;
}

#header .cts_area .officiallogo{
	width:178px;
	height:28px;
	float:left;
	margin:7px 0 0 0;
}
#header .cts_area .titles{
	width:172px;
	height:28px;
	float:left;
	margin:12px 0 0 0;
}

#header .cts_area #headericon{
	width:134px;
	height:30px;
	float:right;
	margin:6px 0 0 0;
}
#header .cts_area #headericon .titleiconimg{
	width:30px;
	height:30px;
	margin-left:3px;
	float:left;
}



.main_container{
	width:1000px;
	min-width:1000px;
	margin:auto;
/*	background-image:url(img/conbg.jpg);
	background-position:center top;
	background-attachment:fixed;
	background-repeat:repeat-y; */
	background-color:#FFF;
}

/*------------ スライダー ----------------*/
#title{
	text-align:center;
}

.slider_container{
	position:relative;
	max-width:1920px;
	min-width:1000px;
	min-height:240px;
	max-height:100%;
	margin:0 auto;
	text-align:center;
	z-index:9;
}
.slider_container ul{
	list-style:none;
}

.toptitle{
	max-width:100%;
	min-width:1000px;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
}
/*--------- スイッチ -----------*/


.catch{
	max-width:100%;
	min-width:1000px;
	text-align:center;
	background:#fa4623;
}
.catch img{
	margin-top:5px;
}

.catch_sp{
	display:none;
}

.catchtext{
	width:100%;
	padding:5px 5px 5px 20px;
	font-size:18px;
	margin:0 auto;
	color:#595762;
}

.reserv{
	width:100%;
	min-width:1000px;
	text-align:center;
	background:#595762;
}
.reserv_sp{
	display:none;
}

.bar_pc{
	width:100%;
	min-width:1000px;
	height:32px;
	text-align:center;
	background:#284562;
}
.bar_sp{
	display:none;
}

/* -------------------カレンダー------------------------ */

.c_border{
	background:#595761; width:1000px; height:10px;
}

#c_comp{
	position:relative;
	width:1000px;
	height:399px;
	margin:0 auto;
	background-image:url(img/compleat.jpg);
}

#c_comp .comp_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:228px 0 0 700px;
	font-weight:bold;
	text-align:center;
}

#c_tap{
	width:1000px;
	height:399px;
}

#c_tap .c_a{
	position:relative;
	width:500px;
	height:399px;
	background-image:url(img/tapea.jpg);
	float:left;
}

#c_tap .c_a .a_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:160px 0 0 280px;
	font-weight:bold;
	text-align:center;
}

#c_tap .c_b{
	position:relative;
	width:500px;
	height:399px;
	background-image:url(img/tapeb.jpg);
	float:left;
}

#c_tap .c_b .b_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:160px 0 0 280px;
	font-weight:bold;
	text-align:center;
}

#c_normal{
	position:relative;
	width:1000px;
	height:200px;
	margin:0 auto;
	background-image:url(img/normal.jpg);
}

#c_normal .normal_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:100px 0 0 600px;
	font-weight:bold;
	text-align:center;
}

/* sp ----------------------------------*/
#c_comp_sp{
	display:none;
}
.comp_kakaku_sp{
	display:none;
}
#c_tap_sp{
	display:none;
}
#c_normal_sp{
	display:none;
}
.normal_kakaku_sp{
	display:none;
}


.mon{
	width:1000px;
	height:250px;
	margin:0 auto;
	margin-bottom:10px;
	border:solid 1px #999;
	box-sizing:content-box;
}


/* リンクコンテナー（下部）---------------------------------------------------------------------------------------------------------------- */

.link_container_area{
	width:auto;
	margin:0 auto;
	text-align:center;
	margin-top:40px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#000;
}
.link_container_area ul{
	list-style-type:none;
}
.link_container_area li{
	border-right:1px solid rgba(0,0,0,0.5);
	padding:0 3px;
	display:inline-block;
	font-size:14px;
}
.link_container_area li:last-child{
	border-right:1px solid rgba(0,0,0,0);
	padding:0 5px;
	display:inline-block;
}
.link_container_area li a:link{
	color:#000;
	text-decoration:none;
	padding:3px 10px;
}
.link_container_area li a:visited{
	color:#000;
	text-decoration:none;
}
.link_container_area li a:hover{
	color:#000;
	text-decoration:none;
	transition:background-color 0.5s;
	transition-timing-function:ease-in-out;
	background-color:rgba(0,0,0,0.2);
}

.snslogo_area{
	width:220px;
	height:80px;
	margin:0 auto;
	margin-top:30px;
	text-align:center;
}

.snslogo_area ul{
	width:auto;
	height:54px;
	float:left;
	list-style-type:none;
}

.snslogo_area li{
	width:50px;
	float:left;
	margin-left:5px;
	display:inline-block;
}
.snslogo_area li img{
	width:50px;
}




/* footer */

#official_ban{
	width:640px;
	margin:0 auto;
}

#rights{
	max-width:216px;
	margin:0 auto;
}
#social_footer{
	float:right;
}

#footer{
	width:100%;
	min-width:1000px;
	height:35px;
	padding-top:10px;
	background-color:#fff;
	font-size:10px;
	color:#000;
	text-align:center;
	line-height:14px;
	border-top:1px #e6e4e4 solid;
}

} /* end @media screen and (min-width:769px) */
