@charset "utf-8";

/*
Theme Name: ノラクチーナ
Theme URI:
Description: ノラクチーナ メインテーマ
Version: 0.1
Author: wakka by satoru notuchi
Author URI:
*/


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/*: reset
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #111ccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

img {
	vertical-align:top;
	font-size:0;
	line-height: 0;
}

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*: clrfix
---------------------------------------------------- */
.clrfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

.clrfix{
	display:inline-block;
}

.clrfix{
	display:block;
}



/* :.btn
---------------------------------------------------- */
a:hover img{
   filter: alpha(opacity=80);
   opacity:0.8;
}

a {color:#111; text-decoration:none;}
a:hover {color:#111; text-decoration:none;}
a:active {color:#111; text-decoration:none;}
a.nolink:hover {color:#aaa; text-decoration:none;}
a.nolink {color:#aaa; text-decoration:none;}
a.nolink:visited {color:#aaa; text-decoration:none;}



/* :outline
---------------------------------------------------- */
body{
	text-align:center;
	font-family: 'Open Sans', 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', Sans-serif;
	font-size:13px;
	color:#111;
}

#spMenuArea{
	position:absolute;
	right:0;
	top:0;
}

#container{
	background:#fff;
}


#siteHeader{
}

#siteHeaderInner{
	position:relative;
	margin:auto;
	width:1000px;
	height:160px;
	text-align:left;
}

#siteHeader h1{
	position:absolute;
	top:45px;
	left:0;
	font:11px normal;
	color:#B41414;
}

#siteHeader h1 a{
	display:block;
	margin-top:10px;
}


#spMenu{
	display:none;
}

#gNav{
	position:absolute;
	right:205px;
	top:72px;
}

#gNav ul li{
	float:left;
	font:30px 'Italianno', cursive;
	xfont-weight:bold;
	margin-left:36px;
}

#gNav ul li a{
	text-decoration:none;
	color:#B41414;
	padding-bottom:3px;
}

#gNav ul li a:hover,
#index #gNav ul li#g01 a,
#about #gNav ul li#g02 a,
#menu #gNav ul li#g03 a,
#plan #gNav ul li#g04 a,
#take-out #gNav ul li#g05 a,
#blog #gNav ul li#g06 a{
	border-bottom:1px solid #B41414
}

.telBox{
	position:absolute;
	top:70px;
	right:0;
	background:url(img/shared/contact_bg.png) no-repeat 0 0;
	width:180px;
	height:180px;
	text-align:center;
	color:#fff;
	z-index:1000;
}

.telBoxInner{
	padding:55px 0.1em 0 0;
}

.telBox .tel{
	display:block;
	font:36px 'Italianno', cursive;
	margin:5px 0 0;
}

.telBox .time{
	display:block;
	font:24px 'Italianno', cursive;
	line-height:0;
}

#siteHeader .sns{
	position:absolute;
	right:0;
	top:10px;
}

#siteHeader .sns ul{
	float:right;
}

#siteHeader .sns li{
	display:inline-block;
	vertical-align:top;
}

.ie7 #siteHeader .sns li{
	display:inline;
	zoom:1;
}

#siteHeader .sns li + li{
	margin-left:10px;
}

#siteHeader .sns li.tw,
#siteHeader .sns li.tw iframe{
	width:8em !important;
}

#siteHeader .sns li.p1{
	width:60px !important;
}

#content{
}

#contentInner{
	width:1000px;
	margin:auto;
	text-align:left;
	padding:120px 0;
	min-width:1000px;
}

#pagettlArea{
	background:url(img/shared/pagettl_bg.jpg) no-repeat center 0;
	background-size:cover;
}

#pagettlAreaInner{
	height:200px;
	background:url(img/shared/pagettl_inner_bg.png);
	overflow:hidden;
}

#pagettlArea h2{
	font:70px 'Italianno', cursive;
	color:#fff;
	padding:55px 0;
}

#breadList li{
	float:left;
	font-size:11px;
	list-style:none;
}

#breadList li + li{
	margin-left:10px;
	background:url(images/shared/braed_list.png) no-repeat 0 50%;
	padding-left:20px;
}

#content p{
	line-height:1.75;
}

#content section + section{
	margin-top:120px !important;
}

#content section > section + section{
	margin-top:60px !important;
}

#content p + p{
	margin-top:1em;
}

#mainArea{
	float:left;
	width:700px;
}

#subArea{
	float:right;
	width:200px;
}

#siteFooter{
}

#siteFooter #map{
	height:400px;
}

#siteFooterInner{
	font-size:11px;
	width:1000px;
	margin:auto;
	min-width:100px;
	padding:50px 0;
	text-align:left;
}

#siteFooter .logo{
	margin:0 0 10px;
}

#siteFooter p{
}

#footerInfo{
	float:left;
	width:500px;
	line-height:1.75;
	position:relative;
}

#footerInfo ul.info li{
	float:left;
}

#footerInfo ul.info li + li{
	float:left;
	margin-left:15px;
}

#footerInfo ul.banner{
	margin-top:20px;
}

#footerInfo ul.banner li{
	width:160px;
	height:40px;
	float:left;
	text-align:center;
}

#footerInfo ul.banner li + li{
	margin-left:10px;
}

#footerInfo ul.banner li a{
	display:block;
	border:1px solid #ccc;
}

#footerInfo ul.sns{
	position:absolute;
	top:0;
	left:186px;
}

#footerInfo ul.sns li{
	float:left;
}

#footerInfo ul.sns li + li{
	margin-left:10px;
}


#mailMag{
	float:right;
	width:360px;
	background:#eee;
	line-height:1.75;
}

#mailMagInner{
	padding:15px 90px 15px 15px;
	min-height:66px;
	background:url(img/shared/qr.gif) no-repeat 280px 15px;
}

#mailMag .title{
	font-size:13px;
	font-weight:bold;
}

#mailMag .service{
	font-size:11px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	color:#B41414;
	background:#ddd;
}

#siteFooter #copyright{
	display:block;
	padding:15px 0;
	background:#B41414;
	color:#fff;
	font:24px 'Italianno', cursive;
}

#pageTop{
	position:fixed;
	bottom:10px;
	right:10px;
	display:none;
	z-index:999;
}

.red,
em{
	color:#b41414;
}

.catch{
	font:17px;
	line-height:1.75;
	font-weight:bold;
	color:#659D20;
	margin-bottom:15px;
}

.mb0{
	margin-bottom:0px !important;
}

.mb10{
	margin-bottom:10px !important;
}

.mb20{
	margin-bottom:20px !important;
}

.mb30{
	margin-bottom:30px !important;
}

.mb40{
	margin-bottom:40px !important;
}

.mb50{
	margin-bottom:50px !important;
}

.mb60{
	margin-bottom:60px !important;
}

.center{
	text-align:center;
}

#content h4{
	color:#b11414;
	font-size:21px;
	font-weight:normal;
	margin-bottom:20px;
	line-height:1.5;
}

#subArea h4{
	font:30px 'Italianno', cursive;
	border-bottom:1px solid #b11414;
	margin-bottom:0;
	color:#b11414;
	font-weight:normal;
	text-align:center;
}

#subArea .sideBox{
}

#subArea .sideBox li{
	border-bottom:1px dotted #ccc;
}

#subArea .sideBox li a{
	display:block;
	padding:15px 10px;
}

ul.default li{
	line-height:1.75;
	margin-left:1em;
	list-style:disc;
}

p.attent{
	text-indent:-1em;
	margin-left:1em;
	line-height:1.75;
}

ul.attent{
	text-indent:-1em;
	margin-left:1em;
	line-height:1.75;
}

ul.attent li + li{
	list-style:none;
}

p.link{
	padding-right:30px;
	background:url(images/shared/link_icon.png) no-repeat right 50%;
	text-align:right;
}

p.link a{
	font-size:16px;
	color:#ed86b3;
	font-weight:bold;
	display:inline-block;
}

.tRight{
	text-align:right;
}

.fs11{
	font-size:11px;
}

.fs15{
	font-size:15px;
}

.fs17{
	font-size:17px;
}

img.sp,
br.sp{
	display:none;
}



/* :index
---------------------------------------------------- */
#index #slider li{
	height:560px;
	overflow:hidden;
}

#index #slider li img{
	display:none;
}

#index #slider li#s01{
	background:url(img/index/kv_img_01.jpg) no-repeat center 0;
	background-size:cover;
}

#index #slider li#s02{
	background:url(img/index/kv_img_02.jpg) no-repeat center 0;
	background-size:cover;
}

#index #slider li#s03{
	background:url(img/index/kv_img_03.jpg) no-repeat center 0;
	background-size:cover;
}

#index #slider li#s04{
	background:url(img/index/kv_img_04.jpg) no-repeat center 0;
	background-size:cover;
}

#index #slider li#s05{
	background:url(img/index/kv_img_05.jpg) no-repeat center 0;
	background-size:cover;
}

#index #slider li#s06{
	background:url(img/index/kv_img_06.jpg) no-repeat center 0;
	background-size:cover;
}

#index #slider li#s07{
	background:url(img/index/kv_img_07.jpg) no-repeat center 0;
	background-size:cover;
}

#index h2{
	margin-bottom:50px;
}

#index h2 .main{
	display:inline-block;
	font:40px 'Italianno', cursive;
	font-weight:bolder;
	color:#B41414;
}

#index h2 .sub{
	display:inline-block;
	font-weight:normal;
	margin-left:20px;
}

#index #planArea,
#index #blogArea{
	position:relative;
}

#index #planArea .moreBtn,
#index #blogArea .moreBtn{
	position:absolute;
	top:10px;
	right:0;
}

#index #planArea .moreBtn a,
#index #blogArea .moreBtn a{
	position:relative;
	display:block;
	background:#eee;
	padding:10px 30px 10px 10px;
	color:#B41414;
	font-weight:bold;
}

#index #planArea .moreBtn a:after,
#index #blogArea .moreBtn a:after{
	position:absolute;
	right:10px;
	top:0;
	content:'';
	width:12px;
	height:100%;
	display:block;
	background:url(img/shared/link_icon_01.png) no-repeat 0 50%;
}

#index #planArea li{
	float:left;
	width:300px;
	text-align:center;
}

#index #planArea li + li{
	margin-left:50px;
}

#index #planArea li img{
	margin-bottom:15px;
}

#index #blogArea{
	float:left;
	width:650px;
}

#blogArea article + article{
	margin-top:10px;
}

#blogArea article a{
	display:block;
}

#blogArea article time{
	clear:both;
	float:left;
	line-height:1.75;
	color:#B41414;
}

#blogArea article a p{
	padding-left:8em;
	line-height:1.75;
}

#index #sideBannerArea{
	margin:0 !important;
	float:right;
	width:300px;
}

#index #sideBannerArea li + li{
	margin-top:20px;
}

#index #sideBannerArea li a{
	display:block;
}

#index #likeBoxArea{
	border:1px solid #ccc;
}



/* :about
---------------------------------------------------- */
#about section .text h3{
	font-size:36px;
	color:#B41414;
	margin-bottom:50px;
	font-weight:normal;
}

#about section .text h3 + p{
	font-size:19px;
	line-height:2;
}

#about .main .img,
#about .main .img{
	float:left;
	width:400px;
}

#about .main .text,
#about .main .text{
	position:relative;
	float:right;
	width:600px;
	padding:180px 0 0;
	height:320px;
	text-align:center;
}

#about .main .text .frameUp,
#about .main .text .frameUp{
	position:absolute;
	top:-10px;
	right:-10px;
}

#about .main .text .frameDown,
#about .main .text .frameDown{
	position:absolute;
	bottom:-10px;
	right:-10px;
}

#about .sub .img,
#about .sub .img{
	float:right;
	width:300px;
}

#about .sub .text,
#about .sub .text{
	float:left;
	width:650px;
}

#about #section02 .vege01{
	width:500px;
	margin:auto 135px;
	padding:40px 0 40px 230px;
	min-height:116px;
	background:url(img/about/vege_img_01.png) no-repeat 0 50%;
}

#about #section02 .vege02 ul{
	width:1050px;
	margin-right:-50px;
}

#about #section02 .vege02 ul li{
	margin:0 50px 50px 0;
	float:left;
	width:475px;
}

#about #section02 .vege02 ul li .inner{
	padding:0 0 0 200px;
	min-height:150px;
}

#about #section02 .vege02 ul li.v02 .inner{
	background:url(img/about/vage_img_02.png) no-repeat 0 50%;
}

#about #section02 .vege02 ul li.v03 .inner{
	background:url(img/about/vage_img_03.png) no-repeat 0 50%;
}

#about #section02 .vege02 ul li.v04 .inner{
	background:url(img/about/vage_img_04.png) no-repeat 0 50%;
}

#about #section02 .vege02 ul li.v05 .inner{
	background:url(img/about/vage_img_05.png) no-repeat 0 50%;
}

#about #section02 .vege02 ul li.v06 .inner{
	background:url(img/about/vage_img_06.png) no-repeat 0 50%;
}



/* :take-out
---------------------------------------------------- */
#take-out #section01 #intro p{
	font-size:19px;
	margin-bottom:20px;
}

#take-out #section01 #intro h3{
	font-size:36px;
	color:#b41414;
	font-weight:normal;
}

#take-out #section01 #intro h3 span{
	color:#fff;
	background:#b41414;
	padding:5px;
	display:inline-block;
	margin-right:5px;
}

#take-out .menu01{
	width:730px;
	margin:0 135px;
}

#take-out .menu01 .img{
	float:left;
	width:300px;
}

#take-out .menu01 .text{
	float:right;
	width:400px;
}

#take-out .text h4 + p{
	font-size:17px;
	margin-bottom:10px;
}

#take-out .text ul li{
	font-size:11px;
	line-height:1.75;
	float:left;
	margin-right:10px;
}

#take-out .text .etc{
	text-align:right;
	font-size:11px;
}

#take-out .menu{
	overflow:hidden;
	zoom:1;
}

#take-out .menuList{
	width:1050px;
	margin-right:-50px;
}

#take-out .menuList .box{
	float:left;
	width:475px;
	margin:0 50px 50px 0;
}

#take-out .menu02 .box .img{
	float:right;
	width:180px;
}

#take-out .menu02 .box .text{
	float:left;
	width:265px;
}

#take-out .menu02 .box .text p + p{
	font-size:17px;
	margin:0 0 10px;
}

#take-out .menu03 .box{
	margin:0 50px 0 0;
}

#take-out .menu03 .box .text p + p{
	font-size:17px;
	margin:0 0 10px;
}

#take-out #section02{
	padding:30px 0;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
}



/* :plan
---------------------------------------------------- */
#plan #section01 #intro p{
	font-size:21px;
	color:#b41414;
	margin-bottom:20px;
}

#plan #section01 #intro h3{
	font-size:36px;
	color:#b41414;
	font-weight:normal;
}

#plan #section01 #intro h3 span{
	color:#fff;
	background:#b41414;
	padding:5px;
	display:inline-block;
	margin-right:5px;
}

#plan #section01 h4 span{
	font-size:13px;
}

#plan #section01 .course01{
	text-align:center;
}

#plan #section01 .course01 p{
	margin:auto;
	text-align:left;
	display:inline-block;
}

#plan #section01 .course02 .img{
	float:left;
	width:400px;
}

#plan #section01 .course02 .img img{
	max-width:100%;
	height:auto;
}

#plan #section01 .course02 .text{
	float:right;
	width:570px;
}

#plan #section01 .spBox .box{
	border:2px solid #b41414;
	border-bottom:0;
	padding:18px;
}

#plan #section01 .spBox .box p{
	font-size:15px;
}

#plan #section01 .spBox .box + .box{
	background:#b41414;
	padding:20px;
	color:#fff;
}

#plan #section02 .img{
	float:left;
	width:400px;
}

#plan #section02 .text{
	float:right;
	width:550px;
	text-align:center;
	padding:60px 0 0;
}

#plan #section02 h3{
	margin-bottom:50px;
}

#plan #section02 h3 .main{
	font:50px 'Italianno', cursive;
	color:#B41414;
}

#plan #section02 h3 .sub{
	font-size:17px;
	color:#B41414;
	display:block;
}

#plan #section02 p.price{
	color:#b41414;
	font-size:17px;
}

#plan #section02 ul{
	margin:50px auto 15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:14px 0;
	display:inline-block;
}

#plan #section02 ul li{
	text-align:left;
}

#plan #section03 h3{
	margin-bottom:50px;
	font-size:30px;
	color:#B41414;
	font-weight:normal;
	line-height:1.25;
	text-align:center;
}

#plan #section03 .img{
	float:right;
	width:300px;
}

#plan #section03 .text{
	float:left;
	width:650px;
}



/* :menu
---------------------------------------------------- */
#menu #mainImgArea{
	text-align:center;
}

#menu #mainImgArea p{
	text-align:right;
	font-size:11px;
}

.lNav ul{
	letter-spacing: -1em; word-spacing: -1em;
	text-align:center;
	margin-bottom:50px;
}

:root .lNav ul{
	font-size: 0; letter-spacing: -1px; word-spacing: -1px;
}

.lNav ul li{
	text-align:center;
	display: inline-block; font-size: 13px; letter-spacing: normal; word-spacing: normal; *display: inline; *zoom: 1;
	margin:0 1px;
}

.lNav ul li a,
.lNav ul li span{
	display:block;
	padding:15px;
}

.lNav ul li a{
	background:#eee;
}

.lNav ul li span{
	display:block;
	background:#b41414;
	color:#fff;
}

#menu .contentHead{
	margin-bottom:50px;
	color:#b41414;
	text-align:center;
}

#menu .contentHead h3{
	font:50px 'Italianno', cursive;
	font-weight:normal;
}

table.priceList{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	line-height:1.75;
}

table.priceList th,
table.priceList td{
	padding:0.5em 0;
	vertical-align:middle;
	font-weight:normal;
	text-align:left;
}

table.priceList th{
	width:750px;
	color:#b41414;
}

table.priceList th span{
	display:inline-block;
	margin:0 0 0 10px;
	font-size:11px;
	color:#666;
	*display:inline;
	*zoom:1;
}

table.priceList td{
	text-align: right;
	width: 250px;
}



/* :blog
---------------------------------------------------- */
#blog .blogList article + article{
	margin-top:10px;
}

#blog .blogList article a{
	display:block;
}

#blog .blogList article time{
	clear:both;
	float:left;
	line-height:1.75;
	color:#B41414;
}

#blog .blogList article a p{
	padding-left:8em;
	line-height:1.75;
}



/* :page
---------------------------------------------------- */
article.single h3{
	font-size:21px;
	margin-bottom:50px;
	font-weight:normal;
	color:#B41414;
}

article.single .content{
	padding-bottom:50px;
}

article.single time{
	text-align:right;
	display:block;
	color:#B41414;
}

article.single img.size-medium{
	width:300px;
	height:auto;
}

article.single p{
	overflow:hidden;
}

article .alignright{
	float:right;
	margin:0 0 40px 40px;
}

article .alignleft{
	float:left;
	margin:0 50px 50px 0;
}

article .aligncenter{
	text-align:center;
	display:block;
	margin:0 0 50px;
}

article .alignnone{
	display:inline-block;
	margin:0 50px 50px 0;
	vertical-align:bottom;
}

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

article.single .sns{
	margin-bottom:20px;
}

article.single .sns li{
	display:inline-block;
	vertical-align:top;
}

.ie7 article.single .sns li{
	display:inline;
	zoom:1;
}

article.single .sns li + li{
	margin-left:10px;
}

article.single .sns li.tw,
article.single .sns li.tw iframe{
	width:8em !important;
}

#itemPager{
	margin-top:100px;
}

#itemPager a{
	margin:auto;
	text-align:center;
	position:relative;
	display:inline-block;
	color:#111;
	padding:10px;
	background:#ddd;
}

#itemPager ul{
	position:relative;
}

#itemPager li.prev{
	position:absolute;
	left:0;
	top:0;
}

#itemPager li.next{
	position:absolute;
	right:0;
	top:0;
}

#itemPager li.listBack{
	text-align:center;
}

.wp-pagenavi{
	margin-top:100px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border:1px solid #ccc;
	padding:4px 8px;
	margin:2px;
}

.wp-pagenavi a:hover{
	border-color:#B41414;
}

.wp-pagenavi span.current{
	background:#B41414;
	color:#fff;
	border:1px solid #B41414;
}
 
.wp-pagenavi span.current {
	font-weight:normal;
}



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

*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

body{
	-webkit-text-size-adjust: 100%;
	background:#B41414;
}

#spMenuArea{
	width:240px;
	display:block;
}

#container{
	position:relative;
	z-index:1000;
	overflow:hidden;
}

#siteHeader{
	height:auto !important;
	padding:0;
}

#siteHeaderInner{
	position:relative;
	margin:auto;
	width:auto;
	padding:70px 0 10px;
	height:auto;
	min-width:0;
	border:0;
}

#siteHeader h1{
	position:static;
	text-align:center;
	margin-bottom:30px;
}

#siteHeader h1 a{
	width:224px;
	margin:10px auto 0;
	display:block;
}

.telBox{
	position:static;
	width:auto;
	height:auto;
	text-align:center;
	background:none;
	margin-bottom:70px;
	z-index:1;
}

.telBoxInner{
	padding:0;
	color:#b41414;
}

.telBox a.tel{
	display:block;
	font:36px 'Italianno', cursive;
	margin:10px auto 0;
	width:199px;
	background:#DA1818 url(img/shared/tel_icon.png) no-repeat 25px 50%;
	color:#fff !important;
	padding:2px 0 0 25px;
}

.telBox .time{
	display:none;
	font:24px 'Italianno', cursive;
	line-height:1;
	color:#111;
}

#siteHeader .sns{
	position:static;
}

#siteHeader .sns ul{
	float:none;
	text-align:center;
	letter-spacing: -1em; word-spacing: -1em;
}

:root #siteHeader .sns ul{
	font-size: 0; letter-spacing: -1px; word-spacing: -1px;
}

#siteHeader .sns ul li{
	text-align:center;
	display: inline-block; font-size: 11px; letter-spacing: normal; word-spacing: normal; *display: inline; *zoom: 1;
	margin:5px !important;
}

#spMenu{
	position:absolute;
	right:10px;
	top:10px;
	display:block;
	width:45px;
	height:45px;
	cursor:pointer;
}

#spMenu span{
	display:block;
	background:#eee url(img/shared/menu_icon.png) no-repeat 50% 50%;
	background-size:20px 20px;
	padding:30px 0 15px;
	text-align:center;
}

#spMenu.open span{
	background:#b41414 url(img/shared/menu_open_icon.png) no-repeat 50% 50%;
	background-size:20px 20px;
}

#gNav{
	padding-bottom:0;
	background:none;
	width:auto;
	min-width:0;
	position:static;
	display:none;
}

#gNav ul{
	float:none;
}

#gNav ul li{
	display: block;
	text-align:left;
	margin:0;
}

#gNav ul li{
	float:none;
}

#gNav ul li + li{
	margin-left:0;
}

#gNav ul li a{
	padding:15px;
	border-bottom:none;
	font-weight:normal;
	color:#fff;
	border-bottom:1px solid #A51212;
	font-size:24px;
	display:block;
	background:none !important;
}

#contentInner{
	width:auto;
	padding:100px 10px;
	min-width:0;
}

#content section + section{
	margin-top:100px !important;
}

#content section > section + section{
	margin-top:50px !important;
}

#mainArea{
	float:none;
	width:auto;
	margin-bottom:100px;
}

#subArea{
	float:none;
	width:auto;
}

#siteFooter #map{
	height:300px;
}

#siteFooterInner{
	width:auto;
	min-width:0;
	padding:50px 10px;
}

#siteFooter .logo{
	margin:0 0 10px;
}

#siteFooter p{
}

#footerInfo{
	float:none;
	width:auto;
	position:relative;
}

#footerInfo ul.info li{
	float:left;
}

#footerInfo ul.info li + li{
	float:left;
	margin-left:15px;
}

#footerInfo ul.banner{
	margin:20px 0;
	width:100%;
}

#footerInfo ul.banner li{
	width:50%;
	height:50px;
	text-align:center;
	display: inline-block; font-size: 0; letter-spacing: normal; word-spacing: normal; *display: inline; *zoom: 1;
	margin:0;
}

#footerInfo ul.banner li + li{
	margin:0;
}

#footerInfo ul.banner li a{
	display:block;
	border:1px solid #ccc;
	margin:0 5px 0 0;
}

#footerInfo ul.banner li + li a{
	margin:0 0 0 5px;
}

#footerInfo ul.sns{
	position:absolute;
	top:0;
	left:186px;
}

#footerInfo ul.sns li{
	float:left;
}

#footerInfo ul.sns li + li{
	margin-left:10px;
}


#mailMag{
	float:none;
	width:auto;
}

#mailMagInner{
	background:url(img/shared/qr.gif) no-repeat right 15px top 15px !important;
}

#mailMag .title{
	font-size:13px;
	font-weight:bold;
}

#mailMag .service{
	font-size:11px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	color:#B41414;
	background:#ddd;
}

#siteFooter #copyright{
	padding:15px 10px;
	font:20px 'Italianno', cursive;
}

#pageTop{
	position:fixed;
	bottom:10px;
	right:10px;
	display:none;
	z-index:3333;
}

img.pc{
	display:none;
}

img.sp,
br.sp{
	display:block;
}



/* :index
---------------------------------------------------- */
#index #slider li img{
	width:100%;
	max-width:100%;
	min-width:100% !important;
	height:auto;
	display:block !important;
}

#index #slider li{
	background:none !important;
	height:auto;
}

#index h2{
	margin-bottom:50px;
}

#index h2 .main{
	display:block;
	margin-bottom:10px;
	text-align:center;
}

#index h2 .sub{
	display:block;
	margin-left:0;
	text-align:center;
	line-height:1.75;
}

#index #planArea,
#index #blogArea{
	position:static;
}

#index #planArea .moreBtn,
#index #blogArea .moreBtn{
	position:static;
	margin:50px auto 0;
	display:block;
	max-width:300px;
	width:100%;
}

#index #planArea .moreBtn a,
#index #blogArea .moreBtn a{
	padding:15px 0;
	text-align:center;
}

#index #planArea li{
	float:none;
	width:auto;
	text-align:center;
}

#index #planArea li + li{
	margin:50px 0 0;
}

#index #planArea li img{
	margin-bottom:15px;
	max-width:100%;
	height:auto;
}

#index #blogArea{
	float:none;
	width:auto;
	margin-bottom:100px;
}

#blogArea article + article{
	margin-top:10px;
}

#blogArea article a{
	display:block;
}

#blogArea article time{
	float:none;
	display:block;
}

#blogArea article a p{
	padding-left:0;
}

#index #sideBannerArea{
	margin:0;
	float:none;
	width:auto;
	text-align:center;
}

#index #sideBannerArea li + li{
	margin-top:20px;
}

#index #sideBannerArea li a{
	display:inline-block;
}

#index #sideBannerArea li img{
	max-width:100%;
	width:100%;
	height:auto;
}

#index #likeBoxArea .fbcomments,
#index #likeBoxArea .fb_iframe_widget,
#index #likeBoxArea .fb_iframe_widget[style],
#index #likeBoxArea .fb_iframe_widget iframe[style],
#index #likeBoxArea .fbcomments iframe[style],
#index #likeBoxArea .fb_iframe_widget span{
    width: 100% !important;
}



/* :about
---------------------------------------------------- */
#about section .text h3{
	font-size:30px;
	color:#B41414;
	margin-bottom:50px;
	font-weight:normal;
	line-height:1.25;
}

#about section .text h3 + p{
	font-size:13px;
	line-height:2;
}

#about .main .img,
#about .main .img{
	float:none;
	width:auto;
	text-align:center;
	margin-bottom:50px;
}

#about .main .img img,
#about .sub .img img{
	max-width:100%;
	height:auto;
}

#about .main .text,
#about .main .text{
	position:relative;
	float:none;
	width:auto;
	padding:0;
	height:auto;
	text-align:center;
}

#about .main .text .frameUp,
#about .main .text .frameUp{
	display:none;
}

#about .main .text .frameDown,
#about .main .text .frameDown{
	display:none;
}

#about .sub .img,
#about .sub .img{
	float:none;
	width:auto;
	text-align:center;
	margin-bottom:30px;
}

#about .sub .text,
#about .sub .text{
	float:none;
	width:auto;
}

#about #section02 .vege01{
	width:auto;
	margin:auto;
	padding:230px 0 0;
	min-height:116px;
	background:url(img/about/vege_img_01.png) no-repeat 50% 0;
	text-align:center;
}

#about #section02 .vege01 p{
	text-align:left;
	display:inline-block;
}

#about #section02 .vege02 ul{
	width:auto;
	margin-right:0;
}

#about #section02 .vege02 ul li{
	margin:0 0 50px;
	float:none;
	width:auto;
}

#about #section02 .vege02 ul li .inner{
	padding:140px 0 0;
	min-height:0;
	text-align:center;
}

#about #section02 .vege02 ul li.v02 .inner{
	background:url(img/about/vage_img_02.png) no-repeat 50% 0;
}

#about #section02 .vege02 ul li.v03 .inner{
	background:url(img/about/vage_img_03.png) no-repeat 50% 0;
}

#about #section02 .vege02 ul li.v04 .inner{
	background:url(img/about/vage_img_04.png) no-repeat 50% 0;
}

#about #section02 .vege02 ul li.v05 .inner{
	background:url(img/about/vage_img_05.png) no-repeat 50% 0;
}

#about #section02 .vege02 ul li.v06 .inner{
	background:url(img/about/vage_img_06.png) no-repeat 50% 0;
}

#about #section02 .vege02 ul li .inner p{
	text-align:left;
	display:inline-block;
}



/* :take-out
---------------------------------------------------- */
#take-out #section01 #intro p{
	font-size:19px;
	margin-bottom:20px;
}

#take-out #section01 #intro h3{
	font-size:30px;
	color:#b41414;
	font-weight:normal;
}

#take-out #section01 #intro h3 span{
	color:#fff;
	background:#b41414;
	padding:5px;
	display:inline-block;
	margin-right:5px;
}

#take-out .menu01{
	width:auto;
	margin:0;
}

#take-out .menu01 .img{
	float:none;
	width:auto;
	text-align:center;
	margin-bottom:30px;
}

#take-out .menu01 .text{
	float:none;
	width:auto;
}

#take-out .text .etc{
	text-align:right;
	font-size:11px;
}

#take-out .menuList{
	width:auto;
	margin-right:0;
}

#take-out .menuList .box{
	float:none;
	width:100%;
	margin:0;
}

#take-out .menu02 .box + .box{
	margin-top:75px;
}

#take-out .menu02 .box .img{
	float:none;
	width:auto;
	text-align:center;
	margin-bottom:30px;
}

#take-out .menu02 .box .text{
	float:none;
	width:auto;
}

#take-out .menu03 .box{
	margin:0;
}

#take-out .menu03 .box + .box{
	margin-top:60px;
}

#take-out #section02{
	padding:30px 0;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
}



/* :plan
---------------------------------------------------- */
#plan #section01 #intro p{
	font-size:21px;
	color:#b41414;
	margin-bottom:20px;
}

#plan #section01 #intro h3{
	font-size:30px;
	color:#b41414;
	font-weight:normal;
}

#plan #section01 #intro h3 span{
	color:#fff;
	background:#b41414;
	padding:5px;
	display:inline-block;
	margin-right:5px;
}

#plan #section01 h4 span{
	font-size:13px;
}

#plan #section01 .course01 .img img{
	max-width:100%;
	height:auto;
}

#plan #section01 .course02{
	text-align:center;
}

#plan #section01 .course02 .img{
	float:none;
	width:auto;
}

#plan #section01 .course02 .img img{
	max-width:100%;
	height:auto;
	text-align:center;
}

#plan #section01 .course02 .text{
	float:none;
	width:auto;
}

#plan #section01 .course02 .text p{
	text-align:left;
	display:inline-block;
}

#plan #section02 .img{
	float:none;
	width:auto;
	text-align:center;
	margin-bottom:50px;
}

#plan #section02 .img img{
	max-width:100%;
	height:auto;
}

#plan #section02 .text{
	float:none;
	width:auto;
	padding:0;
}

#plan #section03 h3{
	margin-bottom:50px;
	font-size:24px;
	color:#B41414;
	font-weight:normal;
	line-height:1.5;
	text-align:center;
}

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

#plan #section03 .img{
	float:none;
	width:auto;
	text-align:center;
}

#plan #section03 .text{
	float:none;
	width:auto;
	margin-bottom:30px;
}



/* :menu
---------------------------------------------------- */
#menu #mainImgArea{
	text-align:center;
}

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

#menu #mainImgArea p{
	text-align:left;
}

.lNav ul li{
	margin:1px;
}

table.priceList th,
table.priceList td{
	display: list-item;
    border: none;
	padding:0;
	text-align:left;
	list-style:none;
	margin:0;
	width:100%;
}

table.priceList th{
	width:auto;
}

table.priceList th br{
	display:none;
}

table.priceList th span{
	display:block;
	vertical-align:top;
	margin:0.4em 0 0;
}

table.priceList td + td{
	margin-left:10px;
}

table.priceList tr + tr th{
	margin-top:30px;
}



/* :blog
---------------------------------------------------- */
#blog .blogList article time{
	float:none;
	display:block;
}

#blog .blogList article a p{
	padding-left:0;
}



/* :page
---------------------------------------------------- */
.articleList{
	width:100%;
	margin-right:0;
}

.articleList article{
	width:auto;
	float:none;
	margin:0
}

.articleList article + article{
	margin:30px 0 0 0;
}

article .alignright{
	float:none;
	text-align:center;
	display:block;
	margin:0 auto 40px;
}

article .alignleft{
	float:none;
	text-align:center;
	display:block;
	margin:0 auto 40px;
}

article .aligncenter{
	text-align:center;
	display:block;
	margin:0 auto 40px;
}



}