@charset "utf-8";

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: auto;
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	margin-right: 6px;
	margin-left: 6px;
}

/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	/*height: 200px;*/
}
header img{
	width: 100%;
	height: auto;
}

/*mainコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: none;
	width: auto;
	padding-top: 130px;
}

/*subコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: none;
	width: auto;
}

/*左側のマイページブロック
---------------------------------------------------------------------------*/
#sub .box1mypage {
	position: absolute;
	right: 10px;
	top: 0px;
	border-radius: 0px 0px 5px 5px;
	width: 30%;
}
#sub .box1mypage img {
	width: 100%;
	height: auto;
}

/*左側のメインメニュー
---------------------------------------------------------------------------*/
nav#mainmenu ul {
	border-top: 1px solid #c9c9c9;
	position: absolute;
	height: auto;
	width: 100%;
	left: 0px;
	top: 200px;
}
nav#mainmenu ul li {
	float:left;
	width: 50%;
}
nav#mainmenu ul li a {
	width: auto;
	margin-bottom: 0;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #c9c9c9;
}
nav#mainmenu ul li a:hover {
	border: none;
	border-bottom: 1px solid #c9c9c9;
}
nav#mainmenu ul li:nth-child(odd) {
	border-right: 1px solid #c9c9c9;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
.ta1 th{
	width: 150px;
}
/*.ta1 td img{
	width: 100%;
	height: auto;
}*/

/*トップページのメイン画像
---------------------------------------------------------------------------*/
#mainimg {
	height: auto;
	width: 100%;
}
#slide_image {
	height: auto;
	width: 100%;
	position: relative;
}
#slide_image2 {
	height: auto;
	width: 100%;
	position: absolute;
	left:0px;
	top:0px;
}

/*トップページコースボックス
---------------------------------------------------------------------------*/
#tebura-box,
#mochikomi-box,
#dantai-box {
	height: auto;
	width: 100%;
	position: relative;
	margin-bottom: 1em;
}
#tebura-box > img,
#mochikomi-box > img,
#dantai-box > img {
	height: auto;
	width: 100%;
}
#tebura-box .btn1,
#mochikomi-box .btn1,
#tebura-box .btn2,
#mochikomi-box .btn2,
#dantai-box .btn3,
#dantai-box .btn3-2,
#dantai-box .btn4,
#dantai-box .btn4-2 {
	width: 45%;
	height: auto;
}

/*カレンダー
---------------------------------------------------------------------------*/
#calender .ta1 img {
	width :94%;
	height: auto;
}

/*subコンテンツを表示させない為の設定
---------------------------------------------------------------------------*/
body.sdn #sub {
	display: none;
}
body.sdn #main {
	padding-top: 33px;
}
body.sdn {
	background: none;
}

/*map
---------------------------------------------------------------------------*/
#map {
	height: auto;
	width: 100%;
	position: relative;
}
#map #image {
	height: auto;
	width: 100%;
}
#map img {
	width: 5%;
	height: auto;
}

/*popup
---------------------------------------------------------------------------*/
#main article.popup {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*ご注文品テーブル（右上固定）
---------------------------------------------------------------------------*/
#main #order {
	background-color: rgba(0,0,0,1);
	width: 100%;
	position: static;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 20px;
}

/*その他
---------------------------------------------------------------------------*/
#menubar_hdr {
	display: none;
}
#orderbar_hdr {
	display: inline;
}
img.wa {
	width: 100%;
	height: auto;
}
/*yoyaku4.htmlの２つのボタン（ログイン・ご利用登録）*/
p.btn-bg1 a {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*てぶら*/
.teburabox{
	width:100%;
	height:100%;
	padding:1rem;
	background: #fff8e8;
	border-left: solid 10px #ffc06e;
	margin:0.5rem 0 0.5rem 0;
}

.teburapic{
	width:100%;
}

.tebura_body{
	font-size:14px;
	padding:0 1rem 0 1rem;
}

.tebura_body p{
	line-height:1.5px;
}

.tebura_riyou{
	font-size:20px;
	padding:0 1rem 0 1rem;
	color: #2c2c2f;
	background: #cde4ff;/*背景色*/
}


/*もちこみ*/
.mochikomibox{
	width:100%;
	height:100%;
	padding:1rem;
	background: #fff8e8;
	border-left: solid 10px #ffc06e;
	margin:0.5rem 0 0.5rem 0;
}

.mochikomipic{
	width:100%;
}

.mochikomi_body{
	font-size:14px;
	padding:0 1rem 0 1rem;
}

.mochikomi_body p{
	line-height:1.5px;
}

.mochikomi_riyou{
	font-size:20px;
	padding:0 1rem 0 1rem;
	color: #2c2c2f;
	background: #cde4ff;/*背景色*/
}

/*団体*/
.dantaibox{
	width:100%;
	height:100%;
	padding:1rem;
	background: #fff8e8;
	border-left: solid 10px #ffc06e;
	margin:0.5rem 0 0.5rem 0;
}

.dantaipic{
	width:100%;
}

.dantai_body{
	font-size:14px;
	padding:0 1rem 0 1rem;
}

.dantai_body p{
	line-height:1.5px;
}

.dantai_riyou{
	font-size:20px;
	padding:0 1rem 0 1rem;
	color: #2c2c2f;
	background: #cde4ff;/*背景色*/
}

/*スクール*/
.schoolbox{
	width:100%;
	height:100%;
	padding:1rem;
	background: #fff8e8;
	border-left: solid 10px #ffc06e;
	margin:0.5rem 0 0.5rem 0;
}

.schoolpic{
	width:100%;
}

.school_body{
	font-size:14px;
	padding:0 1rem 0 1rem;
}

.school_body p{
	line-height:1.5px;
}

.school_riyou{
	font-size:20px;
	padding:0 1rem 0 1rem;
	color: #2c2c2f;
	background: #cde4ff;/*背景色*/
}

.schoolmoushikomi{
	color:#ff0000;
	font-size:15px;
}