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

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
	font-size: 0.625em; /* font-size:16px */
}
/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article, aside, details, /* 1 */ figcaption, figure, footer, header, main, /* 2 */ menu, nav, section, summary { /* 1 */
	display: block;
}
/* Links
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active, a:hover {
	outline-width: 0;
}
/* Text-level semantics
   ========================================================================== */

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}
/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
	vertical-align: bottom;
}
/* ユーザー定義css
   ========================================================================== */
strong{
	font-weight:normal;
}
em{
	font-style:normal;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
body {
	background: #feeee8;
	color: #4a4a4a;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body p {
	margin: 0;
}
/*
▼ページレイアウト設定▼
*/
#wrapper {
	overflow: hidden;
	margin: 0 auto;
	width: 977px;
	background: #fff;
}
header {
	float: left;
	width: 200px;
	min-height: 1000px;
	background: #fff;
	box-shadow: rgba(153,153,153,0.5) 2px 0 2px;
}
#right_contents {
	float: left;
	width: 777px;/*background:blue;*/
}
footer {
	text-align: center;
}
footer #footer_comment {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #e8e8e8;
}
/*
▲ページレイアウト設定▲
*/

/*
▼ナビゲーション▼
*/
#logo {
	background: url(/img/pc_logo.png) no-repeat;
	background-position: center;
	margin: 0 auto;
	text-indent: -9999px;
}
#logo a {
	width: 150px;
	height: 165px;
	margin: 0 auto;
	display: block;
}
#logo:hover {
	opacity: 0.5;
}
header {
	background: url(/img/nav_vertical_border.png) no-repeat, url(/img/nav_vertical_border.png) no-repeat;
	background-position: 3% 0, 97% 0;
	position: relative;
}
header nav ul li {
	font-size: 14px;
	font-size: 1.4em;
	background: url(/img/nav_hr_pc.png) no-repeat;
	background-size: 80%;
	background-position: bottom center;
}
header nav ul li:last-child {
	background: none;
}
header nav ul li a, header nav ul li a:visited {
	color: #292929;
	text-decoration: none;
	padding: 17px 0;
	display: block;
}
header nav ul li a:hover {
	opacity: 0.5;
}
header nav ul li a.active {
	color: #ff92b7;
}
header nav ul li span {
	display: block;
	font-family: "Times New Roman", Times, serif;
	color: #a67c52;
	letter-spacing: 2px;
}
#twtimeline {
	margin: 0 auto;
	padding: 0;
	float: none;
	height: 255px;
}
/*
▲ナビゲーション▲
*/



/*
▼フォントサイズ▼
*/

/*ヘッダー h1*/
header h1 {
	font-size: 14px;
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
}
header h1 a, header h1 a:visited {
	color: #292929;
	text-decoration: none;
}
header h1 a:hover {
	opacity: 0.5;
}
/*サブページ用h2*/
#right_contents h2 {
	font-size: 23px;
	font-size: 2.3em;
	font-weight: normal;
	text-align: center;
	border-top: 2px solid #ececec;
	border-bottom: 2px solid #ececec;
	color: #a5824a;
}
#right_contents h2 img {
	width: 100%;
	height: auto;
}
body p {
	font-size: 14px;
	font-size: 1.4em;
	line-height: 2.0em;
}
p.large {
	font-size: 18px;
	font-size: 1.8em;
	line-height: 1.8em;
}
p.small {
	font-size: 14px;
	font-size: 1.4em;
	line-height: 1.4em;
}
/*▲フォントサイズ▲*/

/*
お問い合わせ
*/

#nav_contact {
	width: 160px;
	margin: 0 auto;
	color: #ff6697;
}
#nav_contact a, #nav_contact a:visited {
	padding: 15px 0;
	display: block;
	border: 2px solid #f992ae;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4em;
	text-decoration: none;
	color: #ff6697;
}
#nav_contact a:hover {
	background: #FF9;
}
#nav_tel {
	margin: 20px 0 0;
}
#nav_tel p {
	line-height: 1.6em;
}
#nav_tel a, #nav_tel a:visited {
	text-decoration: none;
}
#nav_tel a:hover {
	opacity: 0.5;
}
#nav_tel .t_small {
	font-size: 11px;
	font-size: 1.1em;
	padding-bottom: 5px;
	background: url(/img/tel_pc_underline.png) no-repeat;
	background-position: center bottom;
	color: #5f5f5f;
}
#nav_tel .t_small2 {
	font-size: 11px;
	font-size: 1.1em;
	padding-bottom: 10px;
	background: url(/img/tel_pc_underline.png) no-repeat;
	background-position: center bottom;
	color: #5f5f5f;
}
#nav_tel .t_large {
	font-size: 20x;
	font-size: 2.0em;
	color: #d2ac80;
}
/*
メニューセンタリング
*/
#menu {
	text-align: center;
	width: 200px;
}
#official {
	width: 175px;
	margin: 0 auto;
	padding: 0 0 10px;
}
#official img {
	width: 100%;
}
/*PC_レスポンシブ用br*/
.res_br_pc {
	display: block;
}
/*メニューボタン開閉用css*/
#left_contents label {
	display: none;
}
#left_contents input[type="checkbox"] {
	display: none;
}
#left_contents input[type="checkbox"]:checked ~ #menu {
	overflow: hidden;
	height: auto;
	width: 100%;
	max-width: 780px;
}
#menu ul {
	overflow: hidden;
}
#menu dl {
	overflow: hidden;
	display: block;
	margin: 0;
}
.tips_section dl dd p {
	font-size: 14px;
	font-size: 1.4em;
	line-height: 1.2em;
}
/*
PC_非表示
*/
#nav_blog {
	display: none;
}
footer #footer_contact {
	display: none;
}


/* メディアクエリ(タブレット〜スマホ向け)
   ========================================================================== */

@media screen and (max-width: 977px) {
body {
	background: #fff;
}
#wrapper {
	overflow: hidden;
	margin: 0 auto;
	width: auto;
	background: #feeae3;
	max-width: 780px;
	box-shadow: 0 0 5px #999;
}
header {
	width: 100%;
	height: auto;
	background: #fee9e2;
	padding: 10px 0;
	box-shadow: none;
	min-height: 0;
}
header h1 {
	color: #f992ae;
}
header #navigation {
	background: #fff;
	border-top: 1px solid #dcc695;
	border-bottom: 1px solid #dcc695;
	overflow: hidden;
	width: 100%;
	padding: 12px;
}
header #menu ul li {
	width: 50%;
	float: left;
	background: none;
	box-sizing: border-box;
	border-bottom: 1px solid #f7e4bb;
}
header #menu ul li:nth-child(1n) {
	border-right: 1px solid #f7e4bb;
}
header nav ul li a, header nav ul li a:visited {
	padding: 10px 0;
}
#nav_tel {
	display: none;
}
#nav_contact {
	width: 90%;
	margin: 3% auto 0;
	text-align: center;
}
#nav_contact a {
	display: block;
	padding: 7% 0;
}
#menu {
	overflow: hidden;
	height: 0;
	position: absolute;
	z-index: 100;
	background: #fff;
	box-shadow: 0 3px 6px #999;
}
#menu.fixed {
	position: absolute;
	top: auto;
}
#menu dl dt {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
#menu dl dt img {
	width: 90%;
	height: auto;
	margin: 0 auto;
}
#menu dl dd#twtimeline {
	height: 50px;
	display: table-cell;
	width: 320px;
	/*width:50%;*/
	vertical-align: middle;
	/*height:auto;*/
	overflow: hidden;
}
/*
	ツイッタータイムラインiframe_css 要素の幅を指定しないとはみ出るため!importantで指定
	*/
#twtimeline iframe#twitter-widget-0 {
	max-width: 330px!important;
	width: 90%!important;
	max-height: 250px!important;
}
#logo {
	background: url(/img/logo_s.png) no-repeat;
	background-position: 0 50%;
	background-size: 300px auto;
	margin: 0 auto;
	text-indent: -9999px;
	float: left;
	width: 85%;
}
#logo a {
	width: auto;
	height: 42.5px;
	margin: 0 auto;
	display: block;
}
#official {
	display: none;
}
#right_contents {
	width: 100%;
	background: #fff;
}
footer {
	/*background:green;*/
	background: #feeae3;
	float: left;
	overflow: hidden;
	width: 100%;
	max-width: 780px;
	padding: 5px 0 0;
}
footer #footer_comment {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 75px;
	border-top:0;
}
footer #footer_contact {
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 780px;
	z-index: 500;
	border-top: 2px solid #d0a176;
	/*gradation*/
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #fff9f7 50%, #fee9e2 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #fff9f7 50%, #fee9e2 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #fff9f7 50%, #fee9e2 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fee9e2', GradientType=0 );
}
footer #footer_contact ul {
	border-top: 2px solid #ac8160;
	overflow: hidden;
}
footer #footer_contact ul li {
	float: left;
	width: 33.3333%; /*三分割*/
	text-align: center;
	margin: 5px 0;
	background: url(/img/footer_nav/nav_vertical_border.png) no-repeat;
	background-position: right;
	background-size: auto 80%;
}
footer #footer_contact ul li:last-child {
	background: none;
}
footer #footer_contact ul li img {
	border-radius: 5px;
	/*background:#bbb;*/
	width: 100px;
	height: auto;
	vertical-align: bottom;
}
#navigation label {
	display: block;
	float: right;
	width: 15%;
	max-width: 50px;
	height: 42.5px;
	text-align: right;
	background: url(/img/btn_menu.png) no-repeat;
	background-size: 100% auto;
}
#left_contents input[type="checkbox"]:checked ~ #navigation label {
	background: url(/img/btn_menu_close.png) no-repeat, rgba(0,0,0,0.05) no-repeat;
	background-size: 100% auto, auto;
	border-radius: 5px;
}
/*
	レスポンシブ用br
	*/
.res_br_smarphone {
	display: block;
}
.res_br_pc {
	display: inline;
}
/*
	タブレット表示css
	*/
#nav_blog {
	display: block;
}
}

/* メディアクエリ(スマホ向け)
   ========================================================================== */
@media screen and (max-width: 480px) {
header h1 {
	color: #f992ae;
	font-size: 10px;
	font-size: 1.0em;
}
#logo {
	background-size: 185px auto;
	background-position: 5px 50%;
}
#right_contents h2{
	font-size:15px;
	font-size:1.5em;
}
#nav_contact {
	display: none;
}
header #navigation {
	padding: 8px;
}
#menu dl dt#nav_other {
	width: 90%;
	float: none;
	margin: 12px auto 0;
	display: block;
}
#menu dl dd#twtimeline {
	width: 90%;
	overflow: hidden;
	display: block;
	
	height: 255px;
}
footer #footer_comment {
	padding-bottom: 65px;
}
footer #footer_comment p {
	font-size: 10px;
	font-size: 1.0em;
}
footer #footer_contact ul li img {
	border-radius: 5px;
	height: 50px;
	width: auto;
	vertical-align: bottom;
}
}