@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}
ol,ul{
list-style:none;
}

body{
font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
}
@media screen and (max-width: 900px) {
body {
width: 100%;
min-width: 100%;
font:1.3333vw/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
}
@media screen and (max-width: 768px) {
body {
width: 100%;
min-width: 100%;
font:3.125vw/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
}
@media screen and (max-width: 768px) {
main, article, aside, dialog, figure, footer, header,hgroup, nav, section {
	display:block;
	padding:0;
	margin:0;
	vertical-align:top;
	text-align:left;
	/*text-justify:inter-ideograph;*/
	word-break: normal;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
}
}
@media screen and (max-width: 900px) {
img {
	max-width:100%;
	height: auto;
}
}
/*共通*/
.sp {
	display: none;
}
@media screen and (max-width: 768px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
}







/*side_btn*/
@media screen and (max-width: 768px) {
.side_btn {
	position:fixed;
	top:0;
	left:0;
	display:table;
	width:100%;
	background: #FFF;
	z-index:10000 !important;
	line-height:1.1;
	border-bottom: solid 1px #dddddd;
}
}
.side_btn .logo {
	display:table-cell;
	width:55%;
	padding:1.3020vw 3.9062vw;
	vertical-align:middle;
	background:#faf6ed;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.side_btn .logo a {
	display:block;
	padding:0 10.4166vw 0 0;
}
.side_btn .tel ,
.side_btn .contact ,
.side_btn .menu {
	display:table-cell;
	position:relative;
	width:15%;
	background:#e46da2;
	text-align:center;
	vertical-align:middle;
	font-size:4.6875vw;
	color:#FFF;
}
.side_btn .tel a ,
.side_btn .contact a {
	display:block;
	color:#FFF;
}
.side_btn .contact:before ,
.side_btn .menu:before {
	position: absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	content:'';
	display:block;
	background:#FFF;
}

.slidebar .ov {
	height: 65vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
	/* スクロールバー本体 */
	.slidebar .ov::-webkit-scrollbar {
 width: 10px;
 background: #cccccc;
}
	/* 横方向のスクロールバー本体 */
	.slidebar .ov::-webkit-scrollbar:horizontal {
 width: 10px;
 background: #cccccc;
}
	/* スクロールバーの動く部分 */
	.slidebar .ov::-webkit-scrollbar-thumb {
 background: #999;
 border-radius: 2px;
}
	/* 横方向のスクロールバーの動く部分 */
	.slidebar .ov::-webkit-scrollbar-thumb:horizontal {
 background: #999;
 border-radius: 2px;
}
	/* スクロールバーの動く部分の前 */
	.slidebar .ov::-webkit-scrollbar-track-piece:start {
 background: #cccccc;
}
	/* スクロールバーの動く部分の後ろ */
	.slidebar .ov::-webkit-scrollbar-track-piece:end {
 background: #cccccc;
}
	/* スクロールバー角 */
	.slidebar .ov::-webkit-scrollbar-corner {
 background: transparent;
}
.slidebar .slidebar_nav {
}
.slidebar .slidebar_nav li {
	border-bottom: solid 1px #e46da2;
}
.slidebar .slidebar_nav li a, .slidebar .slidebar_nav li span {
	position: relative;
	display: block;
	padding: 3% 10% 3% 4%;
	color: #333333;
	font-size: 130%;
	font-weight: 700;
}
.slidebar .slidebar_nav li span {
}
.slidebar .slidebar_nav li span:after {
	position: absolute;
	right: 4%;
	content: "\f067";
	font-family: FontAwesome;
	color:#999;
}
.slidebar .slidebar_nav li span.active:after {
	content: "\f068";
	font-family: FontAwesome;
	color:#999;
}
.slidebar .slidebar_nav li a {
	color:#e46da2;
}
.slidebar .slidebar_nav li a:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 5%;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.slidebar .slidebar_nav li .toggle_nav {
	display: none;
	margin: 0 0 0 10%;
	font-size: 80%;
	font-weight: normal;
}
.slidebar .slidebar_nav li .toggle_nav li:last-child {
	border-bottom: none;
}
.slidebar dl {
	font-size:3.9062vw;
	padding:5.2083vw 5% 0;
}
.slidebar dl dt {
	font-size:5.2083vw;
	text-align:center;
	margin:0 0 3%;
}
.slidebar dl dt a {
	display: block;
	text-align:center;
	border: solid 2px #e46da2;
	padding:5px 5.2083vw;
	color:#e46da2;
	font-size:4.6875vw;
	line-height:1.2;
	-webkit-border-radius: 2.6041vw;
	-moz-border-radius: 2.6041vw;
	border-radius: 2.6041vw;
}
.slidebar dl dt a:before {
	content: "\f095";
	font-family: FontAwesome;
	color:#e46da2;
	margin:0 0.5em 0 0;
}
.slidebar dl dt a:hover {
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}




a:link,a:visited{color:#e46da2;text-decoration:none;}
a:hover{color:#367f93;}
a:active, a:focus {outline:0;}
img{border:0;}



/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul,#header2, #mainNav2, #wrapper2{
margin:0 auto;
width:880px;
clear:both;
}



#sidebar{
	float:left;
	width:233px;
	padding-top: 22px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#main{
	float:right;
	width:627px;
	padding-top: 22px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}


/*******************************
/* ヘッダー
*******************************/
#headerWrap{
height:400px;
background:#fff url(images/wall.jpg) repeat-x 0 0;
}

#header{
position:relative;
height:400px;
}

#headerWrap2{
height:190px;
background:#fff url(images/wall2.jpg) repeat-x 0 0;
}

#header2{
position:relative;
height:190px;
}

#header h1,#header h2,#header p{
	position:absolute;
	top:26px;
	font-size:10px;
	font-weight:normal;
	line-height:22px;
	width: 617px;
}

#header2 h2,#header p{
position:absolute;
top:26px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

#header2 h1{
padding-top:5px;
font-size:10px;
font-weight:normal;
}

/* スローガン */
#header h1{
top:2px;
left:0;
color:#555;
}

/************************************
/* メインナビゲーション
************************************/
ul#mainNav{
position:absolute;
top:354px;
height:45px;
background:url(images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav li{
text-indent: -5000px;
float:left;
}

ul#mainNav a{
display: block;
width: 176px;
height: 45px;
background:url(images/mainNav1.png) no-repeat 0 0;
}

ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-position:0 -45px;}

ul#mainNav li.menu-item-2 a{background-image:url(images/mainNav2.png);}
ul#mainNav li.menu-item-3 a{background-image:url(images/mainNav3.png);}
ul#mainNav li.menu-item-4 a{background-image:url(images/mainNav4.png);}
ul#mainNav li.menu-item-5 a{background-image:url(images/mainNav5.png);}	


/************************************
/* 下層ページナビゲーション
************************************/
ul#mainNav2{
position:absolute;
top:147px;
height:45px;
background:url(images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav2 li{
text-indent: -5000px;
float:left;
}

ul#mainNav2 a{
display: block;
width: 176px;
height: 45px;
background:url(images/mainNav1.png) no-repeat 0 0;
}

ul#mainNav2 li.current_page_item a,ul#mainNav2 li.current-menu-item a,ul#mainNav2 li a:hover{background-position:0 -45px;}

ul#mainNav2 li.menu-item-2 a{background-image:url(images/mainNav2.png);}
ul#mainNav2 li.menu-item-3 a{background-image:url(images/mainNav3.png);}
ul#mainNav2 li.menu-item-4 a{background-image:url(images/mainNav4.png);}
ul#mainNav2 li.menu-item-5 a{background-image:url(images/mainNav5.png);}	



/*******************************
/* メイン
*******************************/

h3.heading{
clear:both;
padding-left:30px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(images/headingBg.png) no-repeat 0 0;
}

.article{
border:0;
margin:0 0 20px 0;
padding: 0 10px 0 10px;
background:none;
border:1px solid #dcdcdc;
}

.article_cell{
clear:both;
padding:20px 0 25px;
border-bottom:1px dashed #dcdcdc;
}

.main{
padding:20px 10px 20px 10px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
}

.main002{
	background:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}

.main003{
	background:none;
	border:1px solid #dcdcdc;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #dcdcdc;
	border-right-color: #dcdcdc;
	border-bottom-color: #dcdcdc;
	border-left-color: #dcdcdc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-bottom: 20px;
}

.last{border-bottom:none;}

.main h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#e46da2;
}

.article h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#e46da2;
}

.alignleft{
float:left;
padding:0 15px 15px 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}

.main p{
padding:0 10px 0 10px;
}

.article p{
padding:0 10px 0 10px;
}

.picture{
width:193px;
float:left;
text-align:center;
background-color:#ffffff;
border-top:1px solid #eaeaea;
border-right:1px solid #ddd;
border-bottom:1px solid #ccc;
border-left:1px solid #eaeaea;
padding:5px 0 5px 0;
margin:5px 0 0 5px;
}

.picture:hover{
background-color:#fffaef;
}


/*******************************
/* サイトバー
*******************************/
#sidebar h3{
clear:both;
padding-left:30px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(images/side_headingBg.png) no-repeat 0 0;
}

ul.info{
overflow:hidden;
padding:0 0 10px 17px;
border:1px solid #dcdcdc;
margin-bottom:20px;
}

ul.info li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #dcdcdc;
}

ul.info a:link,ul.info a:visited{
display: block;
padding-left:12px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(images/linkArrow.gif) no-repeat 0 50%;
}

ul.info a:hover, ul.info li.current_page_item a, ul.info li.current-menu-item a{color:#e46da2;}

ul.info li.last{border-bottom:none;}

#sidebar p{margin-bottom:20px;}

/*******************************
/* フッター
*******************************/
#footer{
	clear:both;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #F287A2;
	border-right-color: #F287A2;
	border-bottom-color: #F287A2;
	border-left-color: #F287A2;
	background-color: #FDEEF2;
}

#footer ul{
padding:25px 0;
text-align:center;
}

#footer li{
display: inline;
padding: 5px 16px;
border-left:1px dotted #F287A2;
}

#footer li a{
text-decoration:none;
color:#F287A2;
}

#footer li a:hover{color:#dadada;}

p#copy{
padding:10px 0 37px;
text-align:center;
color:#F287A2;
font-size:10px;
}

/*テキストエリアボックス*/

#newinfo {
	width:98%;
	overflow: auto;
	height: 150px;/*枠の色*/
	background: #FFFFFF;/*背景の色*/
	scrollbar-arrow-color:#0066ff;/*スクロールバーの色*/
	scrollbar-3dlight-color:#0066ff;/*スクロールバーの色*/
	scrollbar-darkshadow-color:#0066ff;/*スクロールバーの色*/
	scrollbar-face-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-track-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#newinfo p {
	margin: 0;
	padding: 8px;
	font-size: 100%;/*文字に下線を引く*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}




@media screen and (max-width: 900px) {
/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul,#header2, #mainNav2, #wrapper2{
width:97.7777vw;
}
#sidebar{
	width:25.8888vw;
	padding-top: 2.4444vw;
	padding-bottom: 1.1111vw;
}

#main{
	width:69.6666vw;
	padding-top: 2.4444vw;
	padding-bottom: 1.1111vw;
}


/*******************************
/* ヘッダー
*******************************/
#headerWrap{
height:44.4444vw;
background:#fff url(images/wall.jpg) repeat-x 0 0;
background-size:auto 100%;
}

#header{
height:44.4444vw;
}

#headerWrap2{
height:21.1111vw;
background:#fff url(images/wall2.jpg) repeat-x 0 0;
background-size:auto 200%;
}

#header2{
height:21.1111vw;
}

#header h1,#header h2,#header p{
	position:absolute;
	top:2.8888vw;
	font-size:1.1111vw;
	line-height:2.4444vw;
	width: 100%;
}

#header2 h2,#header p{
top:2.8888vw;
font-size:1.1111vw;
line-height:2.4444vw;
}

#header2 h1{
padding-top:0.5555vw;
font-size:1.1111vw;
}

/* スローガン */
#header h1{
top:0.2222vw;
}

/************************************
/* メインナビゲーション
************************************/
ul#mainNav{
top:39.3333vw;
height:5vw;
background:url(images/mainNavBg.png) no-repeat 0 0;
background-size:auto 100%;
}

ul#mainNav a{
display: block;
width: 19.5555vw;
height: 5vw;
background:url(images/mainNav1.png) no-repeat 0 0;
background-size: cover !important;
}

ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-position:0 -5vw;}


/************************************
/* 下層ページナビゲーション
************************************/
ul#mainNav2{
top:16.3333vw;
height:5vw;
background:url(images/mainNavBg.png) no-repeat 0 0;
background-size:auto 100%;
}

ul#mainNav2 a{
display: block;
width: 19.5555vw;
height: 5vw;
background:url(images/mainNav1.png) no-repeat 0 0;
background-size: cover !important;
}

ul#mainNav2 li.current_page_item a,ul#mainNav2 li.current-menu-item a,ul#mainNav2 li a:hover{background-position:0 -5vw;}



/*******************************
/* メイン
*******************************/

h3.heading{
padding-left:3.3333vw;
line-height:3.6666vw;
font-size:1.5555vw;
background:url(images/headingBg.png) no-repeat 0 0;
background-size:cover;
}

.article{
margin:0 0 2.2222vw 0;
padding: 0 1vw 0 1vw;
border:0.1111vw solid #dcdcdc;
}

.article_cell{
padding:2.2222vw 0 2.7777vw;
}

.main{
padding:2.2222vw 1vw 2.2222vw 1vw;
margin:0 0 2.2222vw 0;
}

.main002{
	margin-bottom: 2.2222vw;
	padding-top: 2.2222vw;
	padding-bottom: 2.2222vw;
}

.main003{
	margin-bottom: 2.2222vw;
	padding-bottom: 2.2222vw;
}

.main h4{
margin:0 0 1.1111vw 1.1111vw;
font-size:1.7777vw;
}

.article h4{
margin:0 0 1.1111vw 1.1111vw;
font-size:1.7777vw;
}

.alignleft{
padding:0 1.6666vw 1.6666vw 1.1111vw;
}

.alignright{
padding: 0 1.1111vw 1.6666vw 1.6666vw;
}

.aligncenter{
padding: 2.2222vw 0 2.2222vw 0;
}

.main p{
padding:0 1.1111vw 0 1.1111vw;
}

.article p{
padding:0 1.1111vw 0 1.1111vw;
}

.picture{
width: 21.6666vw;
padding:0.5555vw 0 0.5555vw 0;
margin:0.5555vw 0 0 0.5555vw;
}


/*******************************
/* サイトバー
*******************************/
#sidebar h3{
padding-left:3.3333vw;
line-height:3.6666vw;
font-size:1.5555vw;
background:url(images/side_headingBg.png) no-repeat 0 0;
background-size:cover;
}

ul.info{
padding:0 0 1.1111vw 1.8888vw;
margin-bottom:20px;
}

ul.info li{
padding:1.1111vw 0;
margin-right:1.6666vw;
}

ul.info a:link,ul.info a:visited{
padding-left:1.3333vw;
background:url(images/linkArrow.gif) no-repeat 0 50%;
background-size:0.4444vw 0.5555vw;
}

#sidebar p{margin-bottom:2.2222vw;}


#sidebar table{
	width:100% !important;
	height:auto !important;
}
#sidebar table td{
	height:3.5555vw !important;
}

/*******************************
/* フッター
*******************************/
#footer ul{
padding:2.7777vw 0;
}

#footer li{
padding: 0.5555vw 1.7777vw;
}

p#copy{
padding:1.1111vw 0 4.1111vw;
font-size:1.1111vw;
}

/*テキストエリアボックス*/

#newinfo {
	width:98%;
	height: 16.666vw;/*枠の色*/
	margin-top: 0.1111vw;
	margin-bottom: 0.1111vw;
	padding-right: 0.5555vw;
	padding-bottom: 0.5555vw;
	padding-left: 0.5555vw;
}

#newinfo p {
	padding: 0.8888vw;
}
}



@media screen and (max-width: 768px) {
/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul,#header2, #mainNav2, #wrapper2{
width:100%;
background:#FFF;
}



#sidebar{
	float:none;
	width:91.1458vw;
	margin:-15vw 0 0;
	padding: 20.2083vw 0 2.6041vw;
	margin:0 auto;
}

#main{
	float:none;
	width:91.1458vw;
	padding: 5.2083vw 0 2.6041vw;
	margin:0 auto;
}


/*******************************
/* ヘッダー
*******************************/
#headerWrap{
height:auto;
background:none;
background:#faf6ed;
padding:15vw 0 2vw;
}

#header{
height:auto;
}

#headerWrap2{
height:14vw;
background:FFF;
}

#header2{
position:relative;
height:auto;
}

#header h1,#header h2,#header p{
	display:none;
}
#header h2{
	display:block;
	position: relative;
	top: auto;
	width: 100%;
}

#header2 h2,#header p{
	display:none;
}

#header2 h1{
padding-top:5px;
font-size:10px;
font-weight:normal;
}

/* スローガン */
#header h1{
	display:none;
}

/************************************
/* メインナビゲーション
************************************/
ul#mainNav{
	display:none;
}	


/************************************
/* 下層ページナビゲーション
************************************/
ul#mainNav2{
	display:none;
}



/*******************************
/* メイン
*******************************/

h3.heading{
clear:both;
padding-left:6.5104vw;
line-height:8.5937vw;
font-size:3.6458vw;
background:url(images/headingBg.png) no-repeat 0 0;
background-size:cover;
}

.article{
margin:0 0 5.2083vw 0;
padding: 0 2.6041vw 0 2.6041vw;
}

.article_cell{
padding:5.2083vw 0 6.5104vw;
border-bottom:1px dashed #dcdcdc;
}

.main{
padding:5.2083vw 2.6041vw 5.2083vw 2.6041vw;
margin:0 0 5.2083vw 0;
}

.main002{
	margin-bottom: 5.2083vw;
	padding-top: 5.2083vw;
	padding-bottom: 5.2083vw;
}

.main003{
	margin-bottom: 5.2083vw;
	padding-bottom: 5.2083vw;
}

.main h4{
margin:0 0 2.6041vw 2.6041vw;
font-size:4.1666vw;
}

.article h4{
margin:0 0 2.6041vw 2.6041vw;
font-size:4.1666vw;
}

.alignleft{
float:left;
padding:0 3.9062vw 3.9062vw 2.6041vw;
}

.alignright{
float:right;
padding: 0 2.6041vw 3.9062vw 3.9062vw;
}

.aligncenter{
padding: 5.2083vw 0 5.2083vw 0;
}

.main p{
padding:0 2.6041vw 0 2.6041vw;
}

.article p{
padding:0 2.6041vw 0 2.6041vw;
}

.picture{
width:96%;
padding:1.3020vw 0 1.3020vw 0;
margin:1.3020vw 2% 0;
}


/*******************************
/* サイトバー
*******************************/
#sidebar h3{
	display:none;
}

ul.info{
	display:none;
}

#sidebar p{margin-bottom:5.2083vw;}

#sidebar table{
	margin:0 0 2.6041vw;
}
#sidebar table td{
	height:auto !important;
	padding:1.3020vw 0;
}

/*******************************
/* フッター
*******************************/
#footer{
padding:6.5104vw 0;
}

#footer ul{
	display:none;
}

p#copy{
padding:2.6041vw 0 7.8125vw;
font-size:2.6041vw;
}

/*テキストエリアボックス*/

#newinfo {
	width:100%;
	height: 39.0625vw;/*枠の色*/
	padding-right: 1.3020vw;
	padding-bottom: 1.3020vw;
	padding-left: 1.3020vw;
}

#newinfo p {
	padding: 2.0833vw;
}
}