@charset "utf-8";

/******************************************************************************************
　　基本レイアウト指定
******************************************************************************************/

/* 画像の最大幅を100%に */
img{
	max-width:100%;
	height:auto;
}

/*フォント設定*/
body{
	-webkit-text-size-adjust:100%;	/*文字サイズの自動調整オフに*/
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#333333;
}

/*背景色*/
body{ background:#FFFFFF; }

/*余白*/
.mb10{ margin-bottom:10px;}
.ml20{ margin-left:20px;}


/******************************************************************************************
	pc size
******************************************************************************************/

/* 幅指定 */
header, #contents {
	width:100%;
	max-width:980px;
	margin:0 auto;
}
@media \0screen\,screen\9 {
    header, #contents{ width:960px; }
}


/*--------------------------------------------------------------------*/
/*ヘッダー*/
/*--------------------------------------------------------------------*/
#wrap{
	 width: 100%;
     position: relative;
	 min-height: 100%;
}
#header_wrap {
	padding:15px 0;
	border-top:4px solid #ff0000;
}

header{
	position:relative;
	padding-bottom:25px;
    border-bottom:1px solid #dddbdb;
} 

.left_area{
	float:left;
	width:50%;
}
.left_area .logo {
	width:160px;
	height:65px;
	display:inline-block;
	vertical-align:middle;
}
.left_area .text{
	display:inline-block;
	vertical-align:middle;
	padding-left:15px;
}
.subtitle{
	font-size:10px;
    color:#666666;
    margin:8px 0 6px;
}
.shopname{
	font-size:22px;
    font-weight:bold;
    line-height:1.2;
    max-width:380px;
}
.right_area{
	margin-top:15px;
	float:right;
	width:40%;
}
.right_area .link a{
	background:url(../img/arrow.png)left center no-repeat;
	background-size:5px 9px;
	font-size:12px;
    font-weight:bold;
    line-height:1;
	color:#000;
	text-decoration:none;
	padding: 6px 10px 6px 13px;
}
.right_area .link:after{
	content:"";
	background:url(../img/blank.png)left top no-repeat;
	background-size:contain;
	width:11px;
	height:10px;
	display:inline-table;
	vertical-align:middle;
}
.right_area .link a:hover{ text-decoration:underline;}
.right_area .logo{
	width:173px;
	height:40px;
	display:inline-block;
	vertical-align:middle;
}
.right_area .text{
	display:inline-block;
	vertical-align:middle;
	padding-right:15px;
}

/*--------------------------------------------------------------------*/
/*メインコンテンツ*/
/*--------------------------------------------------------------------*/
#contents{
	margin-top:30px;
	padding-bottom:47px;
}
h1{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	margin-bottom:40px;
}
h1 br{ display:none; }
#contents .text{
	width:87%;
	margin:0 auto 50px auto;
}

h2{
	font-weight:bold;
	font-size:24px;
	text-align:center;
	padding:10px 0 10px 15px;
	width:255px;
	margin:0 auto 20px auto;
	background:url(../img/icon_shop.png)left 5px no-repeat;
	background-size:35px 33px;
}
.take_over_shop{
	width:87%;
	margin:0 auto 70px auto;
	text-align:center;
}
.box{
	border:1px solid #CCCCCC;
	width:48%;
	display:inline-block;
	text-align:left;
}
.box h3{
	border-bottom:1px solid #CCCCCC;
	padding:10px 20px;
	border-left:4px solid #FE0302;
}
.box h3 a{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.box h3 a:hover{ text-decoration:underline; }
.box h3 a:after{
	content:"";
	background:url(../img/blank.png)left top no-repeat;
	background-size:contain;
	width:11px;
	height:10px;
	display:inline-block;
	margin-left:10px;
}
.box .address{ padding:15px 10px; }
.box table td{ padding:0 5px;}

/*--------------------------------------------------------------------*/
/*フッター*/
/*--------------------------------------------------------------------*/
#footer_wrap {
	width:100%;
	height:45px;
	padding:15px 0;
	background-color:#008032;
	color:#FFF;
	font-size:13px;
	position:absolute;
	bottom:0;
}
#footer_wrap p{ text-align:center; }



/******************************************************************************************
	tablet size
******************************************************************************************/

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

body{ font-size:15px; }
/* 幅指定 */
header, #contents{
	width:95%;
}


/*--------------------------------------------------------------------*/
/*ヘッダー*/
/*--------------------------------------------------------------------*/
#header_wrap { padding:15px 0 0 0; }
header{
	padding-bottom:25px;
    border-bottom:none;
} 
.left_area{
	float:none;
	width:100%;
}
.left_area .logo {
	width:120px;
	height:49px;
	display:block;
	position:relative;
	margin:0 auto;
}
.left_area .text{
	display:none;
	padding-left:0;
}
.subtitle{ text-align:center;
}
.shopname{ 
	text-align:center;
	max-width:100%;
}
.right_area{
	margin:0 0 15px 0;
	float:none;
	width:100%;
	padding-bottom:15px;
	border-bottom:1px solid #dddbdb;
}
.right_area .logo{
	width:115px;
	height:26px;
	display:block;
	float:left;
	margin-top:15px;
}
.right_area .text{
	padding-right:0;
	float:right;
}

/*--------------------------------------------------------------------*/
/*メインコンテンツ*/
/*--------------------------------------------------------------------*/
#contents{ margin-top:15px; }
#contents .text{
	width:95%;
	margin:0 auto 50px auto;
}
h1{ font-size:30px;}

h2{
	width:250px;
	font-size:20px;
}

.take_over_shop{ width:100%; }
.box{
	border:1px solid #CCCCCC;
	width:71%;
	display:block;
	margin:0 auto 40px auto;
}
.box h3{
	border-bottom:1px solid #CCCCCC;
	padding:10px 20px;
	border-left:4px solid #FE0302;
	font-weight:bold;
}
.box .address{ padding:15px 10px; }

/*--------------------------------------------------------------------*/
/*フッター*/
/*--------------------------------------------------------------------*/
footer{
	width:92%;
	margin:0 auto;
}

}
/******************************************************************************************
	sp size
******************************************************************************************/

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

body{ font-size:14px; }

/*--------------------------------------------------------------------*/
/*ヘッダー*/
/*--------------------------------------------------------------------*/
.right_area .logo{ margin-top:10px;}

/*--------------------------------------------------------------------*/
/*メインコンテンツ*/
/*--------------------------------------------------------------------*/
h1{ font-size:28px; }
h1 br{ display:block; }
h1 span{ display:none; }
h2{
	width:210px;
	margin:0 auto 20px auto;
}
.box{
	border:1px solid #CCCCCC;
	width:98%;
	display:block;
	margin:0 auto 40px auto;
}
.box .address{ padding:15px 5px; }





}