@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

@media screen and (max-width:640px){

img{
	max-width:100%;
	height:auto;
	width:auto;
}

a img{
	border-style:none;
}

body{
/*	background-image:url(img/conbg.jpg);
	background-position:center top;
	background-attachment:fixed;
	background-repeat:no-repeat;*/
	background-color:#fff;
}

html{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input{
	font-size:18px;
	padding:5px;
}

/*------------ 文字装飾 ----------------*/

.tred{
	color:#F00;
}

.tbold{
	font-weight:bold;
}


#pagetop{
	width:40px;
	height:40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: block;
	border-radius: 5px;
	z-index:10;
	cursor:pointer;
}
#pagetop .arrow{
	width:40px;
	height:40px;
}

#header{
	display:none;
}

#menu_s{
	width:270px;
	margin:0 auto;
}
#menu_s .menu_s_cts{
	width:270px;
	height:50px;
	padding:8px 0 0 0;
	cursor:pointer;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#menu_s .menu_s_cts:hover{
	background-color:#069;
	cursor:pointer;
}
#menu_s postage{
	width:270px;
	height:50px;
	padding:8px 0 0 0;
}
#menu_s .line{
	width:270px;
	height:1px;
	background-color:#fff;
	margin-bottom:1px;
}
#menu_s .menuicon{
	width:40px;
	height:40px;
	float:left;
}
#menu_s .menuicon img{
	width:40px;
}
#menu_s .menutext{
	width:200px;
	float:left;
	margin:2px 0 0 5px;
	font-weight:bold;
	color:#fff;
	line-height:18px;
}

#main_container{
	width:100%;
	margin:0 auto;
}

/*------------ スライダー ----------------*/
#title{
	width:100%;
	height:100%;
	margin:0 auto;
}

#title .slider_container{
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	z-index:9;
}
#title .slider_container ul{
	list-style:none;
}

.toptitle{
	top:0;
	left:0;
	z-index:8;
	margin-top:10px;
}

/* -------------------カレンダー------------------------ */

#c_comp{
	display:none;
}

#c_comp .comp_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:228px 0 0 700px;
	font-weight:bold;
	text-align:center;
}

#c_tap{
	display:none;
}

#c_tap .c_a{
	position:relative;
	width:500px;
	height:399px;
	background-image:url(img/tapea.jpg);
}

#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);
}

#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{
	display:none;
}

#c_normal .normal_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:100px 0 0 600px;
	font-weight:bold;
	text-align:center;
}
/* sp ----------------------------------*/
.c_border{
	display:none;
}

#c_comp_sp{
	position:relative;
	width:100%;
	margin:0 auto;
	border-top:solid 5px #595761;
}

.comp_kakaku_sp{
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	background-color:#FCC;
	margin-top:-5px;
	margin-bottom:20px;
	border-bottom:solid 1px #595761;
}

#c_tap_sp{
}

#c_tap_sp .c_a{
	width:100%;
	margin:0 auto;
	border-top:solid 5px #595761;
}

#c_tap_sp .a_kakaku{
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	background-color:#FCC;
	margin-top:-5px;
	margin-bottom:20px;
	border-bottom:solid 1px #595761;
}

#c_tap_sp .c_b{
	width:100%;
	margin:0 auto;
	border-top:solid 5px #595761;
}

#c_tap_sp .b_kakaku{
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	background-color:#FCC;
	margin-top:-5px;
	margin-bottom:20px;
	border-bottom:solid 1px #595761;
}

#c_normal_sp{
	width:100%;
	margin:0 auto;
	border-top:solid 5px #595761;
}

.normal_kakaku_sp{
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	background-color:#FCC;
	margin-top:-5px;
	margin-bottom:20px;
	border-bottom:solid 1px #595761;
}


.mon{
	width:100%;
	margin:0 auto;
	margin-bottom:5px;
	border-bottom:solid 1px #999;
}


/*--------- スイッチ -----------*/
.catch{
	display:none;
}

.catch_sp{
	width:100%;
	max-width:640px;
	background:#fa4623;
}

.catch_sp img{
	padding:10px 0;
}

.catchtext{
	width:100%;
	padding:5px 5px 5px 5px;
	font-size:14px;
	margin:0 auto;
	color:#595761;
}


.reserv{
	display:none;
}

.reserv_sp{
	width:100%;
	max-width:640px;
}

.bar_pc{
	display:none;
}
.bar_sp{
	display:block;
}


/* リンクコンテナー（下部）---------------------------------------------------------------------------------------------------------------- */

.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{
	padding:0 5px;
	/*display:inline-block;*/
	font-size:14px;
}
.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:100%;
	margin:0 auto;
}
#rights{
	max-width:220px;
	margin:0 auto;
}

#social_footer{
	display:none;
}

#footer{
	width:100%;
	height:35px;
	padding-top:10px;
	background-color:#fff;
	font-size:10px;
	color:#000;
	text-align:center;
	line-height:14px;
	border-top:1px #e6e4e4 solid;
}

} /* @media screen and (max-width:640px) */