@charset "utf-8";
/*
Theme Name: naito-shika
Theme URI: http://
Description: 
Author: naito-shika
Url: dento-naito.com
Version: 1.0
*/

body.pc .sp_view { display: none !important; }
body.sp .pc_view { display: none !important; }

/*
---------------------------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	color: #282A29;
	font-size: 14px;
	font-family: 'Noto Sans JP', 'Medium', 'Yu Gothic Medium', '貂ｸ繧ｴ繧ｷ繝�け菴�', YuGothic, 'Hiragino Sans', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN', 'Hiragino Kaku Gothic ProN', '繝｡繧､繝ｪ繧ｪ', Meiryo, sans-serif;
	line-height: 1;
	font-feature-settings: 'palt' 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

::-moz-selection { background: #e0ebaf; color: #282A29; }
::selection { background: #e0ebaf; color: #282A29; }

p { font-size: 15px; line-height: 1.9; letter-spacing: 0.05em; }
address,i { font-style: normal; }

.clearfix:after { content: ''; display: block; clear:both; }

/* txt
-----------------------------------*/
.font-sans { font-family: 'Lato', sans-serif; }
.font-num { font-family: 'Quicksand', sans-serif; }

/* .btn
------------------------------------*/
.btn-link a {
	display: inline-block;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;
	padding: 13px 13px 15px;
	color: #514940;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.15em;
}

/* header
---------------------------------------------------------------------------*/
header {
	background: repeat-x center top;
	background-size: 226px 40px;
	width: 100%;
	margin: 0;
	padding: 20px 0 25px;
}

header .common-area .address {
    position: absolute;
    top: 33px;
    right: -250px;
    width: 250px;
    color: #282A29;
    white-space: nowrap;
}


/* footer
---------------------------------------------------------------------------*/
footer {
	width: 100%;
	padding: 0px 0 0px;
	border-top: 1px solid green;
    margin-top: 100px;
    padding-top: 30px;
    margin-bottom: -14px;
}

.copyright {
	position: absolute;
    top: 185px;
    right: -115px;
    color: #838383;
    letter-spacing: 0.18em;
    text-align: right;
}

/* .common-area
---------------------------------------------------------------------------*/
.common-area {
	width: 100%;
	min-width: 1240px;
	max-width: 1340px;
	margin: 0 auto;
}

.common-area .logo-item {
	float: left;
	width: 210px;
	margin: 0 60px 0 45px;
}

.common-area .logo-item .logo{
	height: 128px;
}

.common-area .logo-item .logo img{
	border: none;
	vertical-align: bottom;
    width: 210px;
	vertical-align: baseline;
} 

.common-area .logo-item h3 {
	margin-top: 5px;
	color: #282A29;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.11em;
	white-space: nowrap;
	text-align: center;
}

.common-area .inner {
	position: relative;
	float: left;
	width: 655px;
	margin-left: -30px;
}

.common-area .txt-header {
	margin: 12px 0 90px;
}

.common-area .address {
	position: absolute;
	top: 0;
	right: -295px;
	width: 340px;
	color: #282A29;
	white-space: nowrap;
}

.common-area .address h2 {
	margin: 0 0 13px 0px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.16em;
	}

.common-area .address figure {
	float: left;
	width: 68px;
	margin-right: 20px;
}

.common-area .address address strong {
	display: block;
	margin-bottom: 5px;
	font-size: 29px;
	font-weight: 500;
	letter-spacing: 0.135em;
}

.common-area .address address em {
	display: block;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.28em;
}

.common-area .gnav {
	clear: both;
	width: 700px;
	margin-top: 57px;
}

/* .gnav
---------------------------------------------------------------------------*/

.gnav li:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: #FFB6C1;
	width: 2px;
	height: 100%;
}


/* contents
---------------------------------------------------------------------------*/
#mainContents {
	width: 100%;
	min-width: 1240px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* .title-page
------------------------------------*/
.title-page {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 45px;
	padding: 10px 0 48px;
}

.title-page:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background:repeat-x center top;
	background-size: 226px 35px;
	width: 100%;
	height: 35px;
	z-index: 2;
}


.title-page .inner {
	opacity: 0;
}

.title-page .inner:first-of-type {
	opacity: 1;
}

.title-page .inner img {
	width: 100%;
	height: auto;
}

/* .title-page-txt
------------------------------------*/
.title-page-txt {
	margin-bottom: 60px;
	text-align: center;
	margin-top: 50px;
}

.title-page-txt a {
	display: inline-block;
}

.title-page-txt strong {
	display: block;
	margin-top: 22px;
	color: #cc7eb1;
	font-size: 35px;
	letter-spacing: 0.3em;
	margin: auto;
}

/* .sec-info 
------------------------------------*/
.sec-info {
	overflow: hidden;
	width: 1040px;
	margin: 0 auto;
}

.info {
	float: left;
	width: 365px;
}

.info .logo {
	width: 220px;
	margin: 0 auto 33px;
}

.info .table-container{
	margin-bottom: 20px;
}
.info .table-container table{
	width: 100%;
	margin-top: 40px;
}
.info .table-container table th,
.info .table-container table td{
	padding: 11px 10px;
	font-size: 13px;
	letter-spacing: 0.04em;
/* 	font-weight: normal; */
}

.info .table-container table th{
	color: #EFA92A;
  border-bottom: 1px solid #dedede;
  white-space: nowrap;
}

.info .table-container table td{
	color: #EFA92A;
	letter-spacing: 0.15em;
  border-bottom: 1px solid #dedede;
  vertical-align: middle;
}


.info .table-container table td.th1{

  font-family: 'Quicksand', sans-serif;
  border-bottom: 1px solid #dedede;
  white-space: nowrap;
  font-weight: bold;
  text-align: right;
}

.info .table-container table .table-title{
	text-align: center;
	letter-spacing: 0.1em;
}



/*
.info dl {
	overflow: hidden;
	margin: 0 0 10px 20px;
	font-size: 17px;
}

.info dt {
	float: left;
	color: #00952F;
	font-weight: 500;
	letter-spacing: 0.15em;
}

.info dd {
	padding: 0 0 16px 75px;
  font-family: 'Quicksand', sans-serif;
	letter-spacing: 0.15em;
}
*/

.info ul {
	margin-bottom: 30px;
	padding-left: 18px;
}

.info li {
	margin-bottom: 8px;
	padding-left: 17px;
	font-size: 12px;
	line-height: 1.7;
}

.info .btn-link a {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 16px;
}

.info .btn-set .btn-link a {
	padding-top: 15px;
	padding-bottom: 16px;
}

.calendar {
	float: right;
	width: 610px;
}


/* .sec-map
------------------------------------*/
.sec-map {
	position: relative;
	width: 1060px;
	margin: 0 auto 60px;
	text-align: center;
}

.sec-map .btn-link {
	position: absolute;
	bottom: 22px;
	left: 22px;
	z-index: 2;
}

.sec-map .btn-link a {
	padding: 12px 70px;
	font-size: 14px;
}