@charset "utf-8";
/*
Theme Name: チャイニーズレストラン北竜
Theme URI: http://www.hokuryu.net/
*/

/*================================================
 *  カスタマイズ設定
 ================================================*/

h1 {
	color: #333333;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 20px;
    
    position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 3px solid #AC1414;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
h1::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #AC1414;
	border-radius: 100%;
}



h2 {
	font-size: 16px;
    color: #666666;
    line-height: 21px;
    
    position: relative;
	padding: 1em 4em 1em 1em;
	-webkit-background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #f6f6f6 0%);
	background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #f6f6f6 0%);
	border-radius: 6px;
}
h2::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 1.65507em;
	height: 3.5493em;
	background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
	background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
	border-bottom-left-radius: 6px;
	box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15);
	-webkit-transform: translateY(-1.89424em) rotate(-40deg);
	transform: translateY(-1.89424em) rotate(-40deg);
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
}


h3 {
	font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
    
    position: relative;
	padding: .5em .75em;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
}
h3::before,
h3::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
h3::before {
	border-top: 15px solid #ccc;
}
h3::after {
	margin-top: -2px;
	border-top: 15px solid #fff;
}

.navbar .nav > li a {
    font-size: 18px;
}

.head_text {
    color: #666666;
    font-family:'Open Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,メイリオ,'YuGothic','游ゴシック',Helvetica,Arial,sans-serif;
    font-size: 16px;
    margin-top: 25px;
    padding-bottom: 0;
}
.head_tel {
    color: #666666;
    font-family:'Open Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,メイリオ,'YuGothic','游ゴシック',Helvetica,Arial,sans-serif;
    font-size: 16px;
    margin: 10px 0 25px 0;
    padding-bottom: 0;
}

.logo {
    margin: 27px 0 0;
}


/* Default */
@media (min-width: 980px) {
    .price-table3 .col-md-2 {
        width: 320px;
    }
    
    #gallery-main .col-md-3 {
        width: 220px;
        height: 170px;
        box-shadow: 0 1px 5px #CCCCCC;
        padding: 0;
        margin: 0 10px 20px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .price-table3 .col-md-2 {
        width: 260px;
    }
}







/*================================================
 *  一般・共通設定
 ================================================*/
/* ---------------------------------------------
	preset font style
--------------------------------------------- */
.require,
.error {
	color: #F00;
}
.fontSS {
font-size: 0.6em;
}
.fontS {
font-size: 0.8em;
}
.fontM {
font-size: 1em;
}
.fontL {
font-size: 1.2em;
}
.fontLL {
font-size: 1.4em;
}
.fontLLL {
font-size: 1.8em;
}
sup {
font-size: 0.8em;
}
sub {
font-size: 0.8em;
}
.imgCaption {
font-size: 0.8em;
}

/* ---------------------------------------------
	preset inline align
--------------------------------------------- */
.alignLeft { text-align: left;}
.alignCenter { text-align: center;}
.alignRight { text-align: right;}

/* ---------------------------------------------
	preset vertical align
--------------------------------------------- */
.alignTop { vertical-align: top !important;}
.alignMiddle { vertical-align: middle !important;}
.alignBottom { vertical-align: bottom !important;}

/* ---------------------------------------------
	preset table width
--------------------------------------------- */
.width10per {
	width: 10%;
}
.width15per {
	width: 15%;
}
.width25per {
	width: 25%;
}
.width100per {
	width: 100%;
}
.width50per {
	width: 50%;
}
.width33per {
	width: 33%;
}


/* ---------------------------------------------
	preset margin
--------------------------------------------- */
.mTop00 { margin-top:  0   !important;}
.mTop05 { margin-top:  5px !important;}
.mTop10 { margin-top: 10px !important;}
.mTop12 { margin-top: 12px !important;}
.mTop15 { margin-top: 15px !important;}
.mTop20 { margin-top: 20px !important;}
.mTop25 { margin-top: 25px !important;}
.mTop30 { margin-top: 30px !important;}
.mTop35 { margin-top: 35px !important;}
.mTop40 { margin-top: 40px !important;}
.mTop45 { margin-top: 45px !important;}
.mTop50 { margin-top: 50px !important;}
.mTop55 { margin-top: 55px !important;}
.mTop60 { margin-top: 60px !important;}

.mRight00 { margin-right:  0   !important;}
.mRight05 { margin-right:  5px !important;}
.mRight10 { margin-right: 10px !important;}
.mRight12 { margin-right: 12px !important;}
.mRight15 { margin-right: 15px !important;}
.mRight20 { margin-right: 20px !important;}
.mRight25 { margin-right: 25px !important;}
.mRight30 { margin-right: 30px !important;}
.mRight35 { margin-right: 35px !important;}
.mRight40 { margin-right: 40px !important;}
.mRight45 { margin-right: 45px !important;}
.mRight50 { margin-right: 50px !important;}

.mBottom00 { margin-bottom:  0   !important;}
.mBottom05 { margin-bottom:  5px !important;}
.mBottom10 { margin-bottom: 10px !important;}
.mBottom12 { margin-bottom: 12px !important;}
.mBottom15 { margin-bottom: 15px !important;}
.mBottom20 { margin-bottom: 20px !important;}
.mBottom25 { margin-bottom: 25px !important;}
.mBottom30 { margin-bottom: 30px !important;}
.mBottom35 { margin-bottom: 35px !important;}
.mBottom40 { margin-bottom: 40px !important;}
.mBottom45 { margin-bottom: 45px !important;}
.mBottom50 { margin-bottom: 50px !important;}

.mLeft00 { margin-left:  0   !important;}
.mLeft05 { margin-left:  5px !important;}
.mLeft10 { margin-left: 10px !important;}
.mLeft12 { margin-left: 12px !important;}
.mLeft15 { margin-left: 15px !important;}
.mLeft20 { margin-left: 20px !important;}
.mLeft25 { margin-left: 25px !important;}
.mLeft30 { margin-left: 30px !important;}
.mLeft35 { margin-left: 35px !important;}
.mLeft40 { margin-left: 40px !important;}
.mLeft45 { margin-left: 45px !important;}
.mLeft50 { margin-left: 50px !important;}
.mLeft55 { margin-left: 55px !important;}
.mLeft60 { margin-left: 60px !important;}
.mLeft65 { margin-left: 65px !important;}
.mLeft70 { margin-left: 70px !important;}
.mLeft75 { margin-left: 75px !important;}
.mLeft80 { margin-left: 80px !important;}
.mLeft85 { margin-left: 85px !important;}


/* ---------------------------------------------
	preset padding
--------------------------------------------- */
.pTop00 { padding-top:  0   !important;}
.pTop05 { padding-top:  5px !important;}
.pTop10 { padding-top: 10px !important;}
.pTop12 { padding-top: 12px !important;}
.pTop15 { padding-top: 15px !important;}
.pTop20 { padding-top: 20px !important;}
.pTop25 { padding-top: 25px !important;}
.pTop30 { padding-top: 30px !important;}
.pTop35 { padding-top: 35px !important;}
.pTop40 { padding-top: 40px !important;}
.pTop45 { padding-top: 45px !important;}
.pTop50 { padding-top: 50px !important;}

.pRight00 { padding-right:  0   !important;}
.pRight05 { padding-right:  5px !important;}
.pRight10 { padding-right: 10px !important;}
.pRight12 { padding-right: 12px !important;}
.pRight15 { padding-right: 15px !important;}
.pRight20 { padding-right: 20px !important;}
.pRight25 { padding-right: 25px !important;}
.pRight30 { padding-right: 30px !important;}
.pRight35 { padding-right: 35px !important;}
.pRight40 { padding-right: 40px !important;}
.pRight45 { padding-right: 45px !important;}
.pRight50 { padding-right: 50px !important;}

.pBottom00 { padding-bottom:  0   !important;}
.pBottom05 { padding-bottom:  5px !important;}
.pBottom10 { padding-bottom: 10px !important;}
.pBottom12 { padding-bottom: 12px !important;}
.pBottom15 { padding-bottom: 15px !important;}
.pBottom20 { padding-bottom: 20px !important;}
.pBottom25 { padding-bottom: 25px !important;}
.pBottom30 { padding-bottom: 30px !important;}
.pBottom35 { padding-bottom: 35px !important;}
.pBottom40 { padding-bottom: 40px !important;}
.pBottom45 { padding-bottom: 45px !important;}
.pBottom50 { padding-bottom: 50px !important;}

.pLeft00 { padding-left:  0   !important;}
.pLeft05 { padding-left:  5px !important;}
.pLeft10 { padding-left: 10px !important;}
.pLeft12 { padding-left: 12px !important;}
.pLeft15 { padding-left: 15px !important;}
.pLeft20 { padding-left: 20px !important;}
.pLeft25 { padding-left: 25px !important;}
.pLeft30 { padding-left: 30px !important;}
.pLeft30 { padding-left: 35px !important;}
.pLeft40 { padding-left: 40px !important;}
.pLeft45 { padding-left: 45px !important;}
.pLeft50 { padding-left: 50px !important;}

/* ---------------------------------------------
	preset image float
--------------------------------------------- */
.imgFloatLeft {
	display: inline;
	float: left;
	margin: 5px 10px 10px 0px;
}
.imgFloatRight {
	display: inline;
	float: right;
	margin: 5px 0px 10px 10px;
}

/* ---------------------------------------------
	preset spaces
--------------------------------------------- */
.space-10 {
  width: 100%;
  height: 10px;
}

.space-20 {
  width: 100%;
  height: 20px;
}

.space-30 {
  width: 100%;
  height: 30px;
}

.space-40 {
  width: 100%;
  height: 40px;
}

.space-50 {
  width: 100%;
  height: 50px;
}

.space-60 {
  width: 100%;
  height: 60px;
}

.space-70 {
  width: 100%;
  height: 70px;
}

.space-80 {
  width: 100%;
  height: 80px;
}

.space-90 {
  width: 100%;
  height: 90px;
}

.space-100 {
  width: 100%;
  height: 100px;
}