@charset "utf-8";

/*コンテナー
---------------------------------------------------------------------------*/
#container {
	width: auto;
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	margin-right: 6px;
	margin-left: 6px;
}

/*ヘッダー
---------------------------------------------------------------------------*/
header {
	/*height: 150px;*/
}
header img{
	width: 100%;
	height: auto;
}

/*main
---------------------------------------------------------------------------*/
#main {
	float: none;
	width: auto;
}
#top #main {
	padding-top: 210px;
}
#main h2 {
	background: none, #70af3c url(../images/bg1.png);
	padding: 0px 0px 0px 10px;
}
#main p {
	padding: 0.5em 0px 0.5em;
	line-height: 1.4;
}

/*sub
---------------------------------------------------------------------------*/
#sub {
	float: none;
	width: auto;
}

/*左側のマイページブロック
---------------------------------------------------------------------------*/
#sub .box1mypage {
	position: absolute;
	left: 0px;
	top: 110px;
	width: 100%;
	line-height: 1.4;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#sub .box1mypage img {
	width: 100%;
	height: auto;
}
#sub .box1mypage p.name {
	display: block;
	font-size: 16px;
	color: #519d12;
}
#sub .box1mypage p {
	display: inline;
	font-size: 14px;
}
#sub .box1mypage img {
	display: none;
}
#sub .box1mypage span {
	display: inline;
}

/*左側のメインメニュー
---------------------------------------------------------------------------*/
nav#mainmenu ul {
	border-top: 1px solid #c9c9c9;
	position: absolute;
	left: 0px;
	top: 170px;
	height: auto;
	width: 100%;
}
nav#mainmenu ul li {
}
nav#mainmenu ul li a {
	background: #FFF url(../images/arrow1.png) no-repeat 10px center;
	width: auto;
	margin-bottom: 0;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #c9c9c9;
	padding: 10px 0px 10px 35px;
}
nav#mainmenu ul li a:hover {
	border: none;
	border-bottom: 1px solid #c9c9c9;
}

/*一覧用ボックス
---------------------------------------------------------------------------*/
#main section.list article.bg-kazari {
	background-image: none, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));
	background-image: none, -webkit-linear-gradient(#FFF, #f6f6f6);
	background-image: none, linear-gradient(#FFF, #f6f6f6);
}
#main section.list article p {
	margin-left: 0;
}
#main section.list article figure {
	float: none;
	margin-right: 0px;
}
#main section.list article figure img {
	width: 100%;
	height: auto;
	padding: 0px;
	border: none;
}
#main section.list article p.hosoku {
	margin-left: 0px;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
	background: url(../images/btn_minus.png) no-repeat right center, #70af3c url(../images/bg1.png);
}
section#new h2.close {
	background: url(../images/btn_plus.png) no-repeat right center, #70af3c url(../images/bg1.png);
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
.ta1 td{
	width: auto;
	padding: 2px;
}
.ta1 th{
	width: 100px;
	padding: 2px;
}
/*.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 td {
	line-height: 1;
	vertical-align: middle !important;
}
#calender .ta1.sp td {
	width :auto;
	padding: 2px;
}
#calender .ta1 img {
	width :94%;
	height: auto;
	vertical-align: bottom;
}
#calender .ta1.sp img {
	width :30%;
	height: auto;
}
.date {
	font-size: 20px;
}

/*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;
	margin-bottom: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*その他
---------------------------------------------------------------------------*/
.ws {
	width: 96%;
}
ol,ul {
	line-height: 1.4;
}
ol {
	padding: 0 0px 0 20px;
}
ol > li {
	padding-bottom: 0;
}
#top #menubar_hdr {
	display: none;
}
#menubar_hdr {
	display: inline;
	position: absolute;
	top: 0px;
	right: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
	background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
	background-image: linear-gradient(#fbfbfb, #e5e5e5);
	padding: 10px;
	border: 1px solid #cfcfcf;
	border-radius: 0px 0px 6px 6px;
}
#orderbar_hdr {
	display: inline;
}
img.wa,
img.swa {
	width: 100%;
	height: auto;
}
img.w70p {
	height: auto;
	width: 70%;
}
/*yoyaku4.htmlの２つのボタン（ログイン・ご利用登録）*/
p.btn-bg1 a {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*スマホ環境で非表示*/
.sn {
	display: none;
}
/*PC環境で非表示にさせたものをスマホで表示*/
.pn {
	display: block;
}

/*てぶら*/
.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:1px;
}

.tebura_riyou{
	font-size:18px;
	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:1px;
}

.mochikomi_riyou{
	font-size:18px;
	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:1px;
}

.dantai_riyou{
	font-size:18px;
	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:1px;
}

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

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