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

/*　共通設定--------------------------------　*/
*{
	box-sizing: border-box;
}

html {
	/* reset-min設定の打ち消し
	background-color:transparent; */
}
body {
	margin:0 ;
	padding: 0 ;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	}

/*　背景のボックスが必要な場合のみ設定  */
#back {
}

p {font-size:85%;
	line-height:1.8em;
	margin:0;
	}

strong {font-weight:bold}

img {border:0;
	max-width: 100%;
	vertical-align: top;
	/* width: 100%; */
}
figure{
	margin: 0;
	padding: 0;
}

hr{
	margin:0 0 1em 0;
    border: 0;
    height: 1px;
    background: url(../img/hr.gif) repeat-x ;

/* hr 左右グラデ表示用設定
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); */}

table td {
	line-height:1.8em }

table td hr {
	margin:0 0 1em 0;
    border: 0;
    height: 1px;
    background: url(../img/hr.gif) repeat-x ;
}
a img{
	opacity: 1;
}
a img:hover {
	opacity: 0.7;
	transition: 0.3s ease;
}

img.w100{
	width: 100%;
}


.sp-only{
	display: none;
}
.pc-only{
	display: block;
}

.tac {
	text-align: center !important;
}

.small{
	font-size: 80% !important;
}
.mb-0{
	margin-bottom: 0 !important;
}
.mb-2em{
	margin-bottom: 2em !important;
}
.mb-3em{
	margin-bottom: 3em !important;
}
.mt-3em{
	margin-top: 3em !important;
}
.mt-4em{
	margin-top: 4em !important;
}






/*　ヘッダー--------------------------------　*/

#head {
	background:#fff;
	width:100%;
	/* max-width:940px; */
	margin:0 auto ;
	padding:0;
	position: relative;
}
.head_inner {
	width: 96%;
    margin: 40px auto 0;
    padding-bottom: 40px;
    max-width: 1000px;
    background: #fff;
}


/* logo */
#head h1 {
	margin:0px auto 0 auto;
	}
#head h1 a{
	display:block;
	height:auto;
	width:250px;
	margin: 0 0 0;
	/* background:url(../img/common_logo_pc.png) no-repeat ; */
	background-size: contain;
	position: relative;
	z-index: 100;
	}
#head h1 a span{
	display:none;}


#head h1 a img{
	width: 100%;
}
#head h1 a.tel{
    margin-top: 76px;
    max-width: 300px;
    margin-left: 10px;
    width: 30%;
}


/* ヘッダーナビ */
/* #head #head-navi {
	float:right;
	height:21px;
	width:auto;
	margin:0px 0 0 0;
	text-align:right;
}
#head #head-navi li {
	float:left;
	font-size:90%;
	color:#666;
	line-height:1.8em;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}
#head #head-navi li a {
	margin-right:10px;
	margin-left:10px;
	padding-left:10px;
	color:#333;
	text-decoration:none;
	background:url(../img/common_head_li.gif) no-repeat left 3px;
	}

#head #head-navi li#ameblo a ,
#head #head-navi li#fb a ,
#head #head-navi li#insta a {
	margin:0 0 0 9px;
	display:block;
	width:21px;
	height:21px;
	padding:0;
	}
#head #head-navi li#ameblo a {
	margin:0 0 0 20px;
	}

#head #head-navi #ameblo a span ,
#head #head-navi #fb a span ,
#head #head-navi #insta a span {
	display:none;
	}

#head #head-navi #ameblo a {
	background:url(../img/common_head_ameblo.gif) no-repeat ;
}
#head #head-navi #fb a {
	background:url(../img/common_head_fb.gif) no-repeat ;
}
#head #head-navi #insta a {
	background:url(../img/common_head_insta.gif) no-repeat ;
}

 */




/*　ビジュアル--------------------------------　*/

#visual {
	width:100%;
	max-width: 1000px;
	clear:both;
	height: auto;
	margin:0 auto ;
	padding: 0 0 0 0;
	background-color:#000;
	position:relative;
	z-index:1; /* naviが下に重なるのを防ぐ */
 }

.bx-viewport {
	left: 0;
	box-shadow: none;
	border: none;
}

#visual .visual-btn{
	position: absolute;
	right: 3.2%;
	top: 65%;
	width: 21.3%;
}
#visual .visual-btn img{
	width:100%;
	height: auto;
}





/*　ページビジュアル　--------------------------------　*/
.title .title-text{
	position: absolute;
    top: 0;
    left: 5%;
    background-color: #CAAE55;
    padding: 20px 14px;
}
/*
#title {
	width:100%;
	height: 0;
	padding-top: calc(500/ 1000 * 100%);
	margin:0px 0px 0px 0px ;
	position:relative;
	z-index:1;
	}
#title h2 {
	display:none;
	}

 各ページの画像設定
body.greet #title  { background: url(../img/greet_title.jpg) center center / cover no-repeat;}
body.company #title  { background: url(../img/company_title.jpg) center center / cover no-repeat;}
body.contact #title  { background: url(../img/contact_title.jpg) center center / cover no-repeat;}
body.info #title  { background: url(../img/info_title.jpg) center center / cover no-repeat;}
 */




/*　ナビ表示--------------------------------　*/

#navi-box {
	width:100%;
	height:90px;
	position:absolute;
	top: 0;
	z-index:20 ;
	}

#navi h1 {
	display:none;}

#navi {
	width:100%;
	max-width: 1000px;
	height: auto;
	padding: 0 0 ;
	clear:both;
	position: absolute;
	/* background:url(../img/common_navi20170105.png) no-repeat center; */
	/* background:#fff; */
	margin: 0 auto;
	top: 80px;
	right: 80px;
	left: 0;
}
#navi ul {
	width: 30.8%;
	max-width:308px;
	margin: 0 0 0 auto;
	padding:0 ;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#navi li {
	list-style:none;
	position: relative;
}
#navi li a {
	margin:0 0px 0 0px;
	display:block;
	text-align:center;
	text-decoration: none;
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
	color: #333;
	transition: 0.3s ease color;
	font-weight: bold;
	position: relative;
	}
#navi li a:before{
	content:"";
	height: 0;
	width: 1px;
	display: inline-block;
	background: #666;
	position: absolute;
	top: 0;
	left: -6px;
	transition: 0.2s ease-in height;
}

#navi li a:hover:before{
	height: 100%;
}

li#navi-insta{
	letter-spacing: -0.1em;
	}
#navi li a span{
	display:none;
	/* font-size: 80%;
	color: #999;
	font-family: sans-serif;
	transition: 0.3s ease color;
	letter-spacing: 0; */
	}

/* li#navi-index { width:11.5%; max-width: 108px;}
li#navi-greet { width:12.8%; max-width: 120px;}
li#navi-teacher { width:13.5%; max-width: 127px;}
li#navi-lesson { width:15.5%; max-width: 146px;}
li#navi-student { width:15.3%; max-width: 144px;}
li#navi-blog { width:14.7%; max-width: 138px;}
li#navi-contact { width:16.7%; max-width: 157px;} */


/*　ナビ 各ページの選択状態 */
li#navi-index a:hover:before , body.index li#navi-index a:before,
li#navi-kaki a:hover:before , body.kagawakaki li#navi-kaki a:before,
li#navi-buffet a:hover:before , body.buffet li#navi-buffet a:before,
li#navi-menu a:hover:before , body.menu li#navi-menu a:before,
li#navi-store a:hover:before , body.store li#navi-store a:before,
li#navi-takeout a:hover:before , body.takeout li#navi-takeout a:before,
li#navi-news a:hover:before , body.news li#navi-news a:before
{
	height: 100%;
}




/* スマホ用ナビを非表示にする */
#navi li.spnavi {
	display:none;
	}





/*　スクロール時のナビ固定　jquery連動*/
.fixed {
	position: fixed;
	top: -1px;}

#navi.fixed {
	position: fixed;
}








/*　コンテンツ背景--------------------------------　*/
body.index #contents-back {
	/* background-color: #fff; */
}

#contents-back {
}




/*　パンくずリスト--------------------------------　*/
#bread {
	width:880px;
	padding:14px 0 0 0;
	margin:0px auto 0px auto ;
	font-size:75%;
	color:#333;
	clear:both;
	}
#bread a {
	color:#336699;
	}




/*　コンテンツ外枠--------------------------------　*/

#contents{
	margin:0 auto 0 auto;
	}

#contents:after,
.cf:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;
	}



/*　コンテンツ　バナー--------------------------------　*/

#contents-banner{
	float:right;
	height:auto;
	width:230px;
	padding:0px;
	margin:0px 0 30px 0;
	}

#contents-banner img{
	margin:0 0 10px 0;
	border:0;
}




/*　コンテンツ　メインカラム--------------------------------　*/

#contents-main {
	height:auto;
	width:100%;
	padding: 50px 0 100px;
	margin:0px auto ;
	}

/*　コンテンツ　サブカラム（前ページ共通アクセス）--------------------------------　*/

#contents-sub {
	width:100%;
	padding: 0;
	margin:0 ;
	background-color: #f5f5f5;
	}

/*　コンテンツ　BOX（幅1000px）--------------------------------　*/
#contents-main .box{
	width: 96%;
	max-width: 1000px;
	margin: 0 auto;
}

/*　見出し　--------------------------------　*/

#contents-main h2 {
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 160%;
	font-weight: 700;
	margin: 0 auto 50px;
	text-align: center;
	line-height: 1;
}

#contents-main h2 span{
	display: none;
}
#contents-main h2.border-b{
	border-bottom: 1px solid #ddd;
    padding-bottom: 1em;
    margin-bottom: 16px;
}

#contents-main h3 {
	margin:0px 0 23px 0 ;
	line-height:1.4em;
	padding:0px 0 16px 0;
	font-size:140%;
	text-align:center;
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing:normal;/* 文字間 */
	color:#000;
	border-bottom:1px solid #666;
    }
#contents-main h3.noborder{
	padding: 0;
	border-bottom:none;
}
#contents-main h3.m-ttl{
	background: #e8d8a6;
    padding: 5px;
}

#contents-main h3 span{
	display: none;
}
#contents-main h3 a{
	color:#000;
	text-decoration:none;
	}
#contents-main h3 a:hover{
	text-decoration:underline;
	}


#contents-main h4{
	border-bottom:#666 dotted 1px;
	padding:10px 0px;
	margin:0 0 1em 0 ;
	line-height:1.4em;
	clear:both}

#contents-main h4 img{
	margin-left:8px;}

#contents-sub h2 {
	font-size: 160%;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
	color: #666666;
	font-weight: 700;
	text-align: center;
	margin: 0 auto 40px;
	line-height: 1.4;
}
#contents-sub h2 span{
	display: block;
    font-size: 50%;
    color: #666;
	font-weight: 300;
}





/*　本文　--------------------------------　*/

/*　文字色　*/
#contents-main p,
#contents-main table,
#contents-main li { color:#333 }

#contents-main p {
	margin:0 0 1em 0 ;
	color:#333;
	line-height:1.8em;
	font-size:100%;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}
#contents-main img,
#contents-main p img{
	margin:0;
/*	background:#FFF;
	padding:2px;
	border: #CC9 solid 1px; */
	}

#contents-main p a:hover img{
/*	border: #2A5050 solid 1px;*/
}
#contents-main .serif {
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


#contents-main iframe{
	width: 100%;
	/* margin:10px 0px;
	padding:2px;
	border: #CC9 solid 1px; */
}


/* リンク文字色 */
#contents-main a {
	color:#333;
	text-decoration:none ;}

#contents-main a:hover {
	text-decoration:underline ;}

#contents-main a img:hover {
	opacity: 0.7;
	transition: 0.3s ease;
}




/*　リスト　*/

#contents-main ul , #contents-main ol{
	line-height:1.8em;
	font-size:100%;
	margin:0 0 2em 0px;
	}

#contents-main ul, #contents-main ol {
	padding-left: 1em;
}
#contents-main ul li{
	list-style:disc;
	margin-bottom:1em;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}
#contents-main ol li{
	list-style:decimal ;
	margin-bottom:1em;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
	}

/* リスト内のテーブル設定 */
#contents-main ol li table,
#contents-main ul li table {
	width:auto;
	font-size:100%;
	margin:0;
	}
#contents-main ol li table td,
#contents-main ul li table td {
	vertical-align:top;
	}

#contents-sub ul {
	line-height: 2;
	margin-top: 2em;
}
#contents-sub ul li{
	list-style: disc;
	text-indent: -1em;
	margin-left: 1em;
}




/*　テーブル　*/

#contents-main table {
	width:100%;
	border-collapse:collapse;
	/* border-spacing : 4px 4px; */
	font-size:100%;
	margin:10px 0 40px 0;
	}
#contents-main table th {
	/* background:#d2ead7; */
	text-align:left;
	padding: 10px 0 ;
	/* white-space:nowrap; */
	vertical-align:middle;
	font-weight:400;
	font-size: 18px;
/*	border:1px solid #999;*/
}
#contents-main table td {
	background:none;
/*	border:1px solid #999;*/
	padding:10px 0;
	}

#contents-main table td.right {
	text-align: right;
    white-space: nowrap;
}



/* ★タブの設定-------------------------------- */

#contents-main #tabArea {
/*	background:#FFF;*/
	border-top:1px solid #999;
	height:auto;
	padding:30px 0;
	margin:0 0 0px 0;
	overflow-y:auto;
	clear:both;
	}

/*　タブ切り替えの設定　--------------------------------　*/

#contents-main ul#tab {
	margin:0 auto;
	padding-left:60px;
	width:100%;
	}
#contents-main ul#tab li{
	float:left;
	list-style:none;
	display:inline;
	}
#contents-main ul#tab li a{
	display:inline-block;
	background:#F4F4F4;
	height:40px;
	width:130px;
	margin:0 5px 0 0;
	font-size:95%;
	line-height:40px;
	text-align:center;
	color:#333;
	white-space:nowrap;
	text-decoration:none;
	border:1px solid #999;
	border-bottom:0;
	}
#contents-main ul#tab li a.hover,
#contents-main ul#tab li a.active{
	background:#00A55D;
	color:#fff;
	}


/* ボトムナビ--------------------------------　*/
.box{
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
	}
.bottom-navi{
	margin-bottom: 1em;
	text-align: center;
}
.bottom-navi li{
	display: inline-block;
	position: relative;
}
.bottom-navi li a{
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	text-decoration: none;
    color: #333;
    margin: 0 1em;
	position: relative;
	font-size: 90%;
}
.bottom-navi li:before{
	content: "";
	width: 1px;
    height: 80%;
    display: inline-block;
    background: #666;
    position: absolute;
    top: 15%;
	right: 0;
}
.bottom-navi li:last-child:before{
	display: none;
}
.bottom-navi li a:after{
	content: "";
    height: 1px;
    width: 0;
    display: inline-block;
    background: #666;
    position: absolute;
    bottom: -5px;
    left: 0;
    transition: 0.2s ease-in width;
}
.bottom-navi li a:hover:after{
	width: 100%;
}

/* フッター--------------------------------　*/

#footer {
	margin:0 auto;
	width:100%;
	clear:both;
	padding: 10px 0;
	background-color: #000;
}

/* ページトップ */
#footer p.pagetop {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 20px;
	z-index: 10;
	}
#footer p.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #000;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
	filter: alpha(opacity=85); /* 透過設定 */
	  -moz-opacity:0.85;
	opacity:0.85;
	}
#footer p.pagetop a:hover {
	background-color: #333;
	}

/* 住所
#footer #address {
	padding-top:30px;
	margin-bottom:4px;
	}
#footer #address p{
	text-align:center;
	font-size:75%;
	color:#333;
	} */

/* コピーライト
#footer #copyright {
	margin:0px auto 5px auto;
	height:13px;
	padding:0px 0px;
	background:url(../img/common_fotter_copyright.gif) no-repeat bottom center;
	}*/
#footer #copyright p{
	text-align:center;
	font-size:12px;
	color:#fff;
	display:block;
	}



/* ★追記の設定-------------------------------- */

.tuiki{
	display:none;
	}

.read_open_close{
	cursor:pointer;
	}








/* ★トップページのみ--------------------------------　*/

body.index #contents-main {
	width: 100%;
	margin:0px auto;
	padding: 50px 0 0;
}
body.index #contents-main .box{
	margin: 0 auto 100px;
}

/*はじめに*/
.first .box{
	position: relative;
}
#contents-main .text-img{
	padding-bottom: 2em;
}
.btn{
	margin: 2em 0 0;
	text-align: center;
}
.kaki-img{
	position: absolute;
	bottom: 0;
	left: 70%;
}

#contents-main .box_naka{
	position: relative;
	background: url(../img/top_about_bg-kagawa.png) no-repeat bottom 20px left 0;
    background-size: contain;
}
#contents-main .osirase{
	text-align: center;
	margin: 10px auto 40px;
}
#contents-main .osirase h2{
	font-weight: bold;
	font-size: 200%;
	color: #c41317;
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 10px;
	line-height: 1.5;
}
#contents-main .osirase p{
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #333;
}

.banner .bn-box{
	max-width: 800px;
	margin: 0 auto 40px;
	padding: 20px 30px;
	background: url(../img/top-banner_bg.jpg) no-repeat center;
	background-size: cover;
}
#contents-main .bn-text h3{
	border: none;
    color: #ac8413;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding-bottom: 0;
	font-size: 150%;
	margin-bottom: 16px;
}
#contents-main .bn-text ul {
	padding-left: 8px;
}
#contents-main .bn-text ul li{
	list-style: none;
	margin-bottom: 0;
	font-size: 106.25%;
}
#contents-main .bn-text ul li:before{
	content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #c41317;
    margin-right: 5px;
}
/*入店時のお願い*/
#contents-main .attention-inner{
	border: 2px solid #c41317;
    padding: 20px 4%;
    border-radius: 20px;
}
#contents-main .attention h3{
	color: #c41317;
	border-bottom: 1px solid #c41317;
	font-weight: bold;
    font-size: 150%;
}


/*いかだ屋について*/
.feature{
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.feature section{
	width: 32%;
	margin: 0 3%;
}
#contents-main .feature section h3{
	margin-top: -37px;
}

/*アクセス*/
.access .info{
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.access .info .side-l{
	display:-ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-right: 6.5%;
	width: 32%;
}
.access-logo{
	margin-bottom: 1em;
}
.access-tel{
	margin-bottom: 26px;
}
.access-info dl{
	margin: 1em 0 0;
}
.access-info dt,
.access-info dd {
	line-height: 1.8;
}
.access-info dt{
	float: left;
}
.access-info dd{
	margin-left: 90px;
}

.access-img img{
	width: 100%;
}



/* 新着情報*/
#contents-main .t-news .article{
	width: 22.81%;
    max-width: 251px;
	float: left;
	margin: 0 2.9% 0 0;
}
#contents-main .t-news .article:last-child{
	margin-right: 0;
}
.t-news_ttl{
	position: relative;
}
.t-news_ttl .news-more{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/*TOPのNEWS、ブログページとも共通*/
#contents-main .topics{
	padding: 10px 0;
}

#contents-main .topics p.date{
	font-size: 87.5%;
    margin-bottom: 0;
}
#contents-main .topics p.title{
	line-height: 1.5;
}
.thumbnail-box{
	width: 100%;
	height: auto;
	max-width: 251px;
	position: relative;
	background-color: #eee;
}
.thumbnail-box:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.thumbnail-box a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.thumbnail-box img{
	width: 100%;
	height: auto;
	line-height: 0;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	object-fit: cover;
}

/* ★新着情報・ブログページ共通--------------------------------　*/
body #contents-main .post {
	margin: 0 ;
}
body #contents-main .entry {
	margin: 0 0 50px 0 ;
}
body #contents-main .post h3{
	margin-bottom:10px;
}


/* 一覧 */
body #contents-main .post .article-box{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.blog #contents-main .article{
	width: 22.81%;
    max-width: 251px;
	margin: 0 1.09% 2%;
}

/* body #contents-main	.post .thumbnail-box{
	float: left;
	margin: 0 2% 0 0;
} */

body #contents-main .topics .title span{
	text-align: right;
    padding-right: 1em;
    display: block;
    font-size: 14px;
	letter-spacing: 0;
}

/* ★NEWSページ--------------------------------　*/
.news #contents-main .article{
	width: 22.81%;
    max-width: 251px;
	margin: 0 1.09% 2%;
}





/* 記事毎 */

body #contents-main .blog-go-top {
	text-align: center;
	margin: 3em 0 1em;
}
body.detail #contents-main	.post .topics .title{
	font-weight: 600;
	border-bottom: 1px solid #666;
	position: relative;
	font-size: 170%;
	padding-bottom: 10px;
	text-align: left;
	line-height: 1.4;
}
body.detail #contents-main .post {
	width: 80%;
	margin: 0 auto;
}



/* 日付など */


#contents-main .post p.links{
	color:#333;
	line-height:1.8em;
	font-size:80%;
	text-align:right;
	margin:0 0px 5px 0;
	padding:0 0px;
	}

#contents-main p.links a{
	text-decoration:none; color:#1F0000
}


/* ページング */
#contents-main .post .pager {
	clear:both;
	text-align:center ;
	font-size:80%;
	line-height:2em;
	margin-top:40px;
	}
#contents-main .post .pager span.pager_item a {
	margin:0 2px;
	padding:3px 4px;
	background:#ccc;
	border:1px solid #bbb;color:#000;
	}

/* 記事詳細　戻るリンク */
#contents-main .post .blog-go-top {
	text-align:center;
	margin-top:40px;
}

/* ★香川のかき-------------------------------- */
.flex{
	display:-ms-flexbox;
  	display:flex;
}

.flex-js{
	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start; */
}
.flex-js-rv{
	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.flex-jc{
	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.ali-c{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.kagawakaki #contents-main {
	padding-top: 0;
}
#contents-main .img-box img{
	width: 100%;
}
#contents-main .box-group01 .text-box {
    padding: 3em 0 3em 3em;
}
#contents-main .box-group02 .text-box {
    padding: 3em 3em 3em 0;
}

#contents-main .text-box{
	padding: 3em;
}
#contents-main .img-box{
	width: 50%;
}
#contents-main .text-box{
	width: 50%;
}
.kagawakaki #contents-main .serif{
	font-size: 120%;
	line-height: 3;
}

#contents-main .ct-text{
	margin: 6em 3em;
}

/* ★食べ放題-------------------------------- */

.b-box{
	background:
	radial-gradient(circle at top left, transparent 50%, #ddd 50%, #ddd calc(50% + 2px), transparent calc(50% + 2px)),
	radial-gradient(circle at top right, transparent 50%, #ddd 50%, #ddd calc(50% + 2px), transparent calc(50% + 2px)),
	radial-gradient(circle at bottom left, transparent 50%, #ddd 50%, #ddd calc(50% + 2px), transparent calc(50% + 2px)),
	radial-gradient(circle at bottom right, transparent 50%, #ddd 50%,#ddd calc(50% + 2px), transparent calc(50% + 2px)),
	linear-gradient(90deg, #ddd 2px, #fff 2px, #fff calc(100% - 2px), #ddd calc(100% - 2px)),
	linear-gradient(180deg, #ddd 2px, #fff 2px, #fff calc(100% - 2px), #ddd calc(100% - 2px));
	background-position: top left, top right, bottom left, bottom right, left 15px, 15px top;
	background-size: 20px 20px, 20px 20px,20px 20px,20px 20px, 100% calc(100% - 30px), calc(100% - 30px) 100%;
	background-repeat: no-repeat;
	position: relative;
	margin:0 auto 2em;
	padding: 30px 20px;
	color: #333;
  }

.tabehoudai .side-l{
	width: 42%;
    margin-right: 2%;
}

.tabehoudai .side-r{
	width: 52%;
    margin-left: 2%;
}

#contents-main .noborder{
	border-bottom: none;
	padding-bottom: 0;
}
.seasoning{
	background: #eee;
	padding: 30px 20px;
	margin-bottom: 2em;
}

.tabeho-detail div{
	width: 48%;
	margin: 0 1%;
	border: 1px solid #ddd;
	padding: 1em;
}


.tabeho-img img{
	width: 32%;
}

.rule{
	/* background: rgba(209, 171, 0, 0.164); */
	padding: 50px 30px 10px;
}
#contents-main .rule h3{
	text-align: left;
}

.yoko-box{
	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#contents-main .rule .yoko-box{
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#contents-main .yoko-box h3{
	width: 30%;
	margin-right: 3%;
	margin-bottom: 0;
}
#contents-main .yoko-box ul,
#contents-main .yoko-box p	{
	width: 70%;
}
#contents-main .yoko-box ul{
	margin-bottom: 0;
}
#contents-main ul.nomarker {
	padding-left: 0;
}
#contents-main ul.nomarker li {
    list-style: none;
    margin-bottom: 0;
    padding-left: 1em;
    text-indent: -1em;
}
#contents-main .kaki-tabeho{
	font-size: 120%;
}
#contents-main .kaki-tabeho h2{
	margin-bottom: 0.5em;
}
.other-tabeho strong{
	display: inline-block;
	margin-bottom: 0.5em;
}



/* ★メニュー-------------------------------- */
.menu #contents-main .b-box {
	position: relative;
	margin-top: 4em;
	padding: 3%;
}
#contents-main .touki .flex-js .menu-img{
	width: 37%;
	margin-right: 3%;
}
#contents-main  .touki .flex-js .menu-img img{
	width: 100%;
}
#contents-main  .touki .btn{
	margin-top: 1em;
}
#contents-main .mds-icon {
	position: absolute;
	top: -3em;
	left: -2%;
}
/* .menu #contents-main .kaki{
	margin-top: 8em;
}
#contents-main .kaki .menu-group {
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
#contents-main .kaki .menu-group section{
	width: 31%;
	margin: 0 0 2em;
} */
#contents-main .set .flex-js .menu-img {
    width: 37%;
    margin-right: 3%;
}
#contents-main .set .flex-js .menu-item {
    -webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
}
#contents-main .gentei{
	display: inline-block;
    color: #c51317;
    font-size: 85%;
    border: 1px solid #c51317;
    padding: 0 10px;
    margin-right: 10px;
}

#contents-main .menu-text h3{
	margin: 10px 0 0px;
}
#contents-main .menu-text h3 span.small{
	display: inline-block;
	font-size: 60%;
}
#contents-main .tanpin .list-text{
	width: 60%;
}
#contents-main .tanpin .m-ttl{
	width: 100%;
}


#contents-main .tanpin .menu-img{
	width: 37%;
	margin-left: 3%;
}
#contents-main  .tanpin .menu-img img{
	width: 100%;
}

#contents-main .bbq-img img{
	width: 48%;
}
#contents-main .price{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0.6em;
}
#contents-main .price02{
	font-size: 135%;
}

#contents-main .ml-i{
	margin-left: 2em;
}

/* ★テイクアウト-------------------------------- */
.takeout-menu section{
	width: 31%;
	border: 1px solid #999;
}
.takeout-detail{
	margin-bottom: 6em;
}
.takeout-menu .menu-text{
	padding: 0 4%;
}
#contents-main .takeout-menu .menu-text h3 {
    margin: 10px 0 8px;
}
.pc-mt{
	margin-top: 14%;
}


/* ★店舗について-------------------------------- */
#contents-main .inner-table {
	width: auto;
	margin: 0;
}
#contents-main .inner-table th,
#contents-main .inner-table td{
	font-size: inherit;
	padding: 0 1em 0 0;
	font-weight: inherit;
}

#contents-main .gallery {
	margin: 2em 0;
	padding-left: 0;
}
#contents-main .gallery li{
	list-style: none;
	width: 32%;
	padding-left: 0;
    text-indent: 0;
}
#contents-main .gallery li a{
	position: relative;
	display: block;
}
#contents-main .gallery li a:after {
	content: "";
	width: 24px;
	height: 24px;
	background: url(../img/common_kakudai.png) no-repeat center;
	background-size: contain;
	display: inline-block;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.gallery li a:hover img{
	opacity: 0.7;
	transition: 0.3s ease;
}

#contents-main .bbq-guide {
	margin-top: 6em;
}
#contents-main .bbq-guide .yoko-box{
	border-bottom: 1px solid #ddd;
	margin: 1em 0;
	padding-bottom: 1em;
}
#contents-main .bbq-guide .yoko-box h3{
	text-align: left;
	margin-bottom: 0;
}
#contents-main .bbq-guide .yoko-box p{
	margin-bottom: 0;
}



/* ★お問い合わせ-------------------------------- */

#contents-main table.soy_inquiry_message {
	border:0;
	background:none;
	margin:0;
	}
#contents-main table.soy_inquiry_message td , #contents-main table.soy_inquiry_message th{
	border:0;
	background:none;
	padding:0;
	}

span.error_message {
	color:#900}

/* お問い合わせ　テーブル設定 */
body #contents-main table#inquiry_form  {
	width:100%;
	border-collapse:separate;
	border-spacing : 4px 4px;
	}
body #contents-main table#inquiry_form  th {
	width:120px;
	}
body #contents-main table#inquiry_form  td {
	border:none;
}

/* nest table用 */
body #contents-main table#inquiry_form table{
	width:350px;
	border:0;
}


/* テキストボックスなどの長さ */

body #contents-main table#inquiry_form  td input.name{
	width:200px}
body #contents-main table#inquiry_form  td input.mail{
	width:350px}
body #contents-main table#inquiry_form  td input.subject{
	width:300px}
body #contents-main table#inquiry_form  td textarea {
	width:100%;}







/* ★プライバシーポリシー-------------------------------- */
body.contact  #contents-main ul li{
	text-indent: -1em;
	padding-left: 1em;
}


@media screen and (min-width:801px) and ( max-width:1000px) {
	/*　画面サイズが801pxから1000pxまではここを読み込む　*/
	#navi ul{
		margin-right: 2em;
	}
	#navi li a {
		font-size: 16px;

	}
	.access .info .side-l {
		margin-right: 3.5%;
	}
}


/* 印刷用設定　ここから */
@media print {


/* JSナビ固定の解除 */
.fixed {
	position:relative ;
	}


}
/* 印刷用設定　ここまで */