@charset "UTF-8";

/*----------------------
【概要】共通スタイルの設定 
*PC版
	-レイアウト
	-ヘッダー
	-見出し
	-テキスト
	-リスト
	-リンク
	-テーブル
	-カラム
	-囲み枠・ライン
	-パンくず
	-タブモジュール
	-フォームフッター
	-PCスマホ表示切替
----------------------*/

/*-----------------------

PC版レイアウト

------------------------*/


/**要素
------------------------*/
body {
    background:url(../images/common/bgMain.jpg) repeat;
	height:100%;
	margin:0;
	padding:0;
}
a { 
    color:#0068b7;
    text-decoration:none;
}
a:hover { 
    text-decoration:underline;
}
strong{font-weight: bold;}
.rollAlpha:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.txt_org {
    color:#f6911a;	
}
.txt_16 {
    font-size:16px;	
}
.mg_b_8 {
    margin-bottom:8px;	
}

/**group Fluid-img
------------------------*/
img {
	max-width:100%;
	vertical-align:middle;
	border:none;
}

/**group html
------------------------*/
html {
    font-size:14px;
	font-family:Verdana, Geneva, sans-serif, yu-gothic;
	line-height:1.5;
	color:#614a3c;
	height:100%;	
}

/**Top
------------------------*/
#arkzakki-top {
    background: #d1bfa5;
}
div.col-arkzakkitop {
    background-image: url(../images/top/bg_arkzakkiTop.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 1438px;
	margin: 36px auto;
	max-width: 1000px;
	padding: 260px 0 0;
	position: relative;
	width:100%;
}
@media only screen and (max-width: 767px) {
div.col-arkzakkitop {
    background-image:none;
	background-color:#f0e7d7;
	margin: 2%;
	min-height: auto;
	padding: 10% 5%;
	width: auto;
}
}
div.col-arkzakkitop h1 {
    max-width: 600px;
	margin: 0 auto 72px;
}
@media only screen and (max-width: 767px) {
div.col-arkzakkitop h1 {
	margin: 0 auto 36px;
}
}
div.col-arkzakkitop ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 600px;
    margin: 0 auto;
}
div.col-arkzakkitop ul li {
    margin: 12px;
    width:46%;
}
@media only screen and (max-width: 767px) {
div.col-arkzakkitop ul li {
    margin: 6px;
	width: 100%;
}
}
div.col-arkzakkitop ul li a {
    background: #fefefe;
    border: 2px solid #362c29;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#362c29;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	height: 60px;
	text-align: center;
}
div.col-arkzakkitop ul li a:hover {
    background: #362c29;
	color:#fefefe;
    text-decoration: none;
}


/**レイアウトボックス
------------------------*/
#wrapper {
    text-align:left;
	line-height:1.7em; 
	position:relative;
	height:auto !important;
	min-height:100%;
	width:100%;
	margin-bottom:20px;
}
@media only screen and (max-width: 767px) {
#wrapper {
	padding: 2%;
	width:auto;
}
}
#contentImage .contentImage_in {
    background:#362d2a;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
	color:#ffffff;
	font-size: 20px;
	font-weight: bold;
	max-width:960px;
	width:100%;
	/*height:208px;*/
	margin:0 auto 24px;
	padding: 24px 0;
	text-align: center;
}
@media only screen and (max-width: 767px) {
#contentImage .contentImage_in {
    margin:0 auto 5%;
    width:auto;
}
}
.content {
	max-width:960px;
	margin:24px auto;
}
#Content_intro {
	max-width:960px;
	width:100%;
	margin:0 auto 30px;
}
.columLeft {
    width:682px;
	float:left;
	border:2px solid #ebe4d8;
	margin:0 auto 30px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background-color:#fffff8;
}
.columRight {
    width:250px;
	float:right;	
}
#Content_sub {
	border:2px solid #d1bfa5;
	background: #fbf7e3;
	width:956px;
	margin:0 auto 30px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	position:relative;
}
@media only screen and (max-width: 767px) {
#Content_sub {
    margin:0 auto 5%;
    width:auto;
}
}
/**見出し
------------------------*/

.titH2 {
	border-bottom:2px solid #9B8974;
	border-top:2px solid #9B8974;
    font-size:24px;
	line-height:1;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:500;
	text-shadow:1px 1px 1px #ffffff;
	letter-spacing:0.06em;
	margin-bottom:12px;	
	padding:12px 5px;
}
.titH3_inquiry {
    border-bottom:2px solid #E5D5BC;
    font-size:24px;
	line-height:1;
	font-weight:bolder;
	letter-spacing:0.06em;
	margin-bottom:14px;	
	padding:0px 0px 14px;
	text-align:center;
}
.titH4_side {
    font-size:18px;
	line-height:1.5;
	font-weight:bolder;
	letter-spacing:0.06em;
	margin-bottom:4px;	
}

.titH5 {
    font-size:14px;
	line-height:1.5;
	font-family:Georgia, "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-style:italic;
	font-weight:500;
	border-bottom:2px solid #9B8974;
	padding:0 0 4px 4px;
	margin-bottom:6px;	 
}

/**テキスト
------------------------*/
.lead {
	font-family:Georgia, "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height:2;
	font-weight:500;		
}
.txtSub {
    font-size:12px;
	line-height:1.5;
	color:#9b8974;	
}
.txtRed {
    color:#AF3851;	
}
.txtNew {
	color:#AF3851;	
	margin-left:5px;
	font-family:Georgia, "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:500;	
}
.txt_sideNews_date {
    font-size:12px;
	line-height:1.5;	
}
.txt_newsList_date {
    font-size:14px;
	line-height:1.5;	
}
.txt_taxInclude {
	font-size:12px;
    line-height:1.5;
    width:960px;
    padding:6px;
	margin:6px auto 24px;
    text-align:right;	
	color:#8A7A67;
}
.txt_shopName {
    font-size:14px;
	font-weight:bolder;
    line-height:1.5;
	color:#F7A23A;	
}
.txt_pb_shopInfo {
    font-size:14px;
    line-height:1.5;	
}
/**リンク
------------------------*/
.linkCaption a {
	color:#002b6c;
    font-size:12px;
	line-height:1.5;
	text-decoration:none;	
}
.linkCaption a:hover {
	text-decoration:underline;	
}
.txtBlogFeed a {
    color:#002b6c;
	text-decoration:none;	
}
.txtBlogFeed a:hover {
	text-decoration:underline;	
}
li.my-icon {
	
}
.link_side {
    font-size:18px;
	font-family:Georgia, "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-left:6px;	
}

/**テーブル
------------------------*/
.ftShopInfo .tbl_ftInfo {
	font-size:12px;
	line-height:1.5;
}
.ftShopInfo .tbl_ftInfo th {
	vertical-align:top;
}
.ftShopInfo .tbl_ftInfo td {
    padding:0px 3px;	
}

/**カラム
------------------------*/
.columnInner {
    background:#ffffff;
    border:1px solid #ede8e0;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	padding:30px;
}
.side_colum {    	
}
.side_colum li {
	padding:5px;
	border-bottom:1px dashed #a6937c;
	line-height:1.5 !important;
}
.side_colum li a {
   font-size:14px;
   /*font-family:Georgia, "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; */
   color:#002b6c;	
}


/**囲み枠・ライン
------------------------*/
.dotLine {
    border:1px dotted #af9e8b;	
}

/**パンクズ
------------------------*/
.pankuzu {
	background:url(../images/common/bg_pankuzu.png) no-repeat top center;
    font-size:12px;
	line-height:1;
	padding:20px 30px 0;
	margin:3px auto;
	width:904px;
	height:32px;		
}
.pankuzu li {
	display:inline;
	text-align:left;
}
.pankuzu li a {
    color:#f7a23a;	
}


/**Webフォント
------------------------*/
.my-icon:before {
	content: '\f203';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 32px/1 'Genericons';
    vertical-align: middle;
	color:#355593;
}

/**ページネーション
------------------------*/
#pagenation {
    overflow:hidden;
	padding:5px;
	text-align:center;
	font-size:12px; 
}
#pagenation li {
    display: -moz-inline-box;  
    display: inline-block;  
    /display: inline;/*ie*/
	/zoom: 1;/*ie*/ 
	margin:0px 1px;
}
#pagenation li a.now {
    width:28px;
	height:28px;
	line-height:28px; 
	display:block;
	background:#ddd5c8;
	border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
	color:#ffffff;
	text-decoration:none;	
}
#pagenation li a {
    width:28px;
	height:28px;
	line-height:28px; 
	display:block;
	background:#ffffff;
	border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;	
}
#pagenation li a:hover {
    width:28px;
	height:28px;
	line-height:28px; 
	display:block;
	background:#ddd5c8;
	border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
	color:#ffffff;
	text-decoration:none;	
}
#pagenation li a.next {
    width:auto;
	padding:0px 5px		
}
#pagenation li a.prev {
    width:auto;
	padding:0px 5px		
}
.menu_txtlink {
    background:url(../images/common/arw_txtmenu.png)no-repeat 0 3px;
	padding:0 0 2px 8px;
	font-size:12px;
	line-height:14px;
}
.goodpoint li {
    padding:6px;
	font-size:14px;
	line-height:14px;
}
.cl_pink {
    color:#efa2ab;
	padding-right:3px;
}
.newsDate {
    font-size:12px;
	line-height:1.5;
	text-align:right;	
	margin:24px 0;
	padding:8px;
	border-top:1px solid #9B8974;
}

/**その他
------------------------*/
.ml40 {margin-left:40px;}
.mr14 {margin-right:14px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mb5 {margin-bottom:5px;}
.mb12 {margin-bottom:12px;}
.mb18 {margin-bottom:18px;}
.mb24 {margin-bottom:24px;}
.mb36 {margin-bottom:36px;}
.mb48 {margin-bottom:48px;}
.mt24 {margin-top:24px;}
#mbLast {margin-bottom:0;}
#mrLast {margin-right:0;}
#lastNone {
    border:none;	
}
.pb24 {padding-bottom:24px;}

.clearfix:after {
  content: "";
  clear: both;
  display:table;
}

/**ページトップ
------------------------*/
#page-top {
	position: fixed;
	bottom: 50px;
	right: 10px;
	width:50px;
	height:50px;
	z-index:10;
}

/*-----------------------

PC版ヘッダー

------------------------*/
#header .logo {
    max-width: 320px;
	margin: 0 auto;
	padding: 24px;
	width:100%;
}


/*-----------------------

フッター

------------------------*/
#footer {
	background:url(../images/common/bg_ftLine.png) repeat-x left bottom;
	padding-bottom:14px;
}
#footer .ftInner {
    width:960px;
	margin:0 auto;	
	position:relative;
}
.ftInner .ftNavi {
	padding:5px;
	text-align:center;
	border-bottom:1px solid #e5d5bc;
}
.ftInner .ftNavi li {
    display: -moz-inline-box;  
    display: inline-block;  
    /display: inline;/*ie*/
	/zoom: 1;/*ie*/ 
	margin:0px 1px;  	
}
.ftInner .ftNavi li a {
    color:#614a3c;	
}
.titH5_ftLogo {
    color:#f7a23a;
	font-size:18px;
	line-height:1;
	padding:8px 6px;
}
.icon_ftReserve {
	vertical-align:text-top;
	margin-left:5px;
}
.txt_ftAddress {
    font-size:12px;
	line-height:1.5;
	padding:6px 0 3px 0;	
}

/**submenu
------------------------*/
.ft_subMenu {
	text-align:center;
	padding:0;
	font-size:12px;
	position:absolute;
	right:10px;
	bottom:3px;
}
.ft_subMenu li {
	display:inline-block;
	text-align:left;
	margin-right:10px;
}
.ft_subMenu li a {
	background:url(../images/common/arw_type01.jpg) no-repeat 0px 8px;
	padding:3px 0px 3px 9px;	
	color:#614a3c;	
}

/**copyright
------------------------*/
.copyright {
    font-size:10px;
	line-height:1.5;
	padding-bottom:3px;
	color:#8a7a67;
	text-align: center;
}

/*-----------------------

PCスマホ表示切替（スマホ要素非表示）

------------------------*/
.pc_hide {display:none;}

@media screen and (max-width:768px) {
/*----------------------

****パッドレイアウト

----------------------*/
.side {
	float:none;
    width:94%;	
	padding:0 3%;
	margin-bottom:5%;
}
.main {
	float:none;
    width:94%;	
	padding:0 3%;
	margin-bottom:3%;
}

/*-----------------------

ヘッダー

------------------------*/
#header h1#logo {
	margin:0 0 0 1%;
}	
}

@media screen and (max-width:768px) {
	
/*----------------------

*common.css

【概要】共通スタイルの設定 

*SP版
	-レイアウト
	-ヘッダー
	-見出し
	-テキスト
	-リスト
	-リンク
	-テーブル
	-カラム
	-パンくず
	-タブモジュール
	-囲み要素
	-フッター
----------------------*/

/*----------------------

****スマホ版レイアウト

----------------------*/
/**コンテンツ
------------------------*/

	
/*-----------------------

フッター

------------------------*/
/*-----------------------

フッター

------------------------*/
#footer {
	background:url(../images/common/bg_ftLine.png) repeat-x left bottom;
	padding-bottom:14px;
}
#footer .ftInner {
    width:100%;
	margin:0 auto;	
	position:relative;
}
.ftInner .ftNavi {
	padding:5px;
	text-align:center;
	border-bottom:1px solid #e5d5bc;
}
.ftInner .ftNavi li {
    display: -moz-inline-box;  
    display: inline-block;  
    /display: inline;/*ie*/
	/zoom: 1;/*ie*/ 
	margin:0px 1px;  	
}
.ftInner .ftNavi li a {
    color:#614a3c;	
}
.titH5_ftLogo {
    color:#f7a23a;
	font-size:18px;
	line-height:1;
	padding:8px 6px;
}
.icon_ftReserve {
	vertical-align:text-top;
	margin-left:5px;
}
.txt_ftAddress {
    font-size:12px;
	line-height:1.5;
	padding:0 0 3px 0;	
}

/**submenu
------------------------*/
.ft_subMenu {
	padding:6px 0 0 3px !important;
	font-size:12px;
	position:initial !important;
	text-align:left !important;
	margin:0 0 !important
}
.ft_subMenu li {
	display:inline;
	text-align:left;
	margin-right:10px;
}
.ft_subMenu li a {
	background:url(../images/common/arw_type01.jpg) no-repeat 0px 8px;
	padding:3px 0px 3px 9px;	
	color:#614a3c;	
}

/**copyright
------------------------*/
.copyright {
    font-size:80%;
	line-height:1.5;
	padding-bottom:3px;
	color:#8a7a67;
}

/*-----------------------

カラム

------------------------*/
.sideColum_recent,
.sideColum_category,
.sideColum_archive {
    	margin-bottom:2%;
}
.colum {
	padding-bottom:24px;
	border-bottom:1px solid #ededed;	
}
/*-----------------------

パンクズ

------------------------*/
/**パンクズ
------------------------*/
.pankuzu {
	background:none;
    font-size:80%;
	line-height:1;
	padding:2%;
	border-bottom:1px solid #ebebeb;	
	margin-bottom:2%;
	width:90%;	
	height:auto !important;
}
.pankuzu li {
	display:inline;
	text-align:left;
}
.pankuzu li a {
    color:#f7a23a;	
}


/*----------------------

****PCスマホ表示切替

----------------------*/

/**PC要素非表示
----------------------*/
.pc_hide{display: block;}
.sp_hide{display: none !important;}


/*----------------------

****各種コンテンツ

----------------------*/
#Content {
	border:2px solid #ebe4d8;
	width:90%;
	margin:0 auto;
	padding:2%;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background-color:#fffff8;
	background-image:none;
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
}
#Content_intro {
	width:96% !important;
	padding:2% !important;
}
#contentImage {
	background:none;
}
.tit_contName {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:3%;
	width:90%;
	text-align:center;
	margin:1% auto;	
}
.orange {
	background:#F7A23A;
}
.green {
	background:#78b20e;
}
.pink {
    background:#cb1a71;	
}
.txt_conSubtit {
    font-size:100%;
	color:#ffffed;	
}
.txt_conMaintit {
    font-size:140%;
	color:#ffffff;	
}
.sma_imageTest {  
}
.sma_imageTest img {
	width:100%;
    height:auto;	
}
.txt_taxInclude {
	font-size:12px;
    line-height:1.5;
    width:90%;
    padding:6px;
	margin:6px auto 24px;
    text-align:right;	
	color:#8A7A67;
}

/** 店舗案内 **/
.columLeft_intro {
	float:none !important;
	width:92% !important;
	margin:0 auto 5% !important;
	padding:4% !important;
	background-image:none !important;
	background-repeat:none !important;
	background-position:none !important;
}
.colum_intro_base {
    background:none !important;	
	padding:0 !important;
}
.colum_intro_base_in {
	width:90% !important;	
	border:3px solid #f7a23a;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.staffColum_l {
    margin-bottom:5%;	
}
.columRight_intro {
	height:auto !important;
	float:none !important;	
}	



}