@charset "UTF-8";

/*   

*/

/* INITIAL
-------------------------------------------------------------------------------*/
* {word-break:break-all; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none;}

html{margin:0; padding:0; overflow-y:scroll;}
body{ background:#fff ; background-position:left top; background-repeat:no-repeat; margin:0; padding:0; font:13px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#555; text-align:center;}
body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0; padding: 0; border:0; outline:0; font-size:1em; font-weight:normal; background:transparent;}
/* HTML5 tags */
header, section, footer, aside, nav, article, figure, hgroup,time{display: block;}

ul,ol{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
img{line-height:0; border:none;}
 
a,a:link,a:visited{color:#222; outline:none; text-decoration:none; background:transparent;}
a:hover,a:active{color:#888; outline:none; text-decoration:none; background:transparent;}

.f-small{font-size:84%;}

.f-strong{font-weight:bold;}

.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; overflow: hidden;}  
.clearfix:after {clear: both;}  
.clearfix {zoom: 1;}

.divLinkbox{cursor:pointer;}
.divLinkbox p.none{display:none; overflow:hidden;} 

caption {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}


/* other style
-------------------------------------------------------------------------------*/
.clear {
	clear:both;
}

textarea {
resize: vertical;
}

h3, p, dd {
}

.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}


.bold {
font-weight: bold;
}


body {
font: 16px/26px arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}


/* ===================
共通
   =================== */

.footer-container {
background: #4e9336;
}

.title {
}

/* ==============
スマホ
   ============== */

nav ul {
margin: 0;
padding: 0;
}

nav a {
display: block;
margin-bottom: 10px;
padding: 15px 0;
text-decoration: none;
}

nav a:hover,
nav a:visited {
}

nav a:hover {
text-decoration: underline;
}

.footer-container footer {
padding: 0 auto;
background: #86b377;
text-align:center;
}

/* ===============
ALL: IE Fixes
   =============== */

.ie7 .title {
padding-top: 20px;
}

/* ===============
   その他
   =============== */

.gray_bg {
background-color: #e6e6e6;
}
.gray2_bg {
background-color: #777777;
}
.green_bg {
background-color: #f0faea;
}
.blue_bg {
background-color: #6783b0;
}
.orange_bg {
background-color: #f9f3d9;
}

.mt40{
margin-top:40px;
}

.mt20{
margin-top:20px;
}

.mt10{
margin-top:10px;
}

.border-top {
    padding-top: 97px;
border-top: 1px solid #CCC;
}

.footer-copyright {
text-align: center;
margin: 0;
}

/* jquery validate */
input.error, textarea.error {
border: 1px solid #ff4500;
}
label.error {
color: #ff4500;
display: block;
}


/* Main Slider */
#slidepading {
padding: 0;
}


.hidden {
display: none !important;
visibility: hidden;
}

.invisible {
visibility: hidden;
}

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}

.clearfix:after {
clear: both;
}

.clearfix {
*zoom: 1;
}


/* ====================
トップページ
   ==================== */

body.top {
text-align: center;
}

/* ====================
PAGE TOP Scroll
   ==================== */

#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 80%;
line-height:17px;
}

#page-top a {
background: #aaa;
text-decoration: none;
color: #fff;
width: 50px;
padding: 14px 0;
text-align: center;
display: block;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}

#page-top a:hover {
text-decoration: none;
background: #ccc;
}

.mt8{
   margin-top:8px;
}

/* 
   スマホ・PC分岐
======================================================================================================================= */
/* PC用css
-------------------------------------------------------------------------------*/
@media all and (min-width: 480px) {


/* ====================
PC・タブレット
   ==================== */

body {
min-width: 1000px;
}
.sp{display:none;}
.pc{display:block;}

/* ====================
ヘッダ
   ==================== */

h1{ /* Correction - 2016.04.28 CROSSDEVICE.INC - TANAKA */
width:800px;
margin: 0 auto;
font-size: 75%;
color: #999;
line-height: 120%;
text-align: center;
font-weight: lighter;
padding: 5px 20px;
border-bottom: 1px solid #ddd;
}
/*h1:hover, h1:active{
margin:0;
padding-top:8px;
width:200px;
height:77px;
font-size:75%;
color:#fff;
line-height:120%;
text-align:center;
background:url(./lib/img/logoshort_on.png) no-repeat;
}*/
.header-container {
text-align: center;
position: fixed;
z-index: 2000;
 background:#fff url("../img/header_line_bg.png");
 background-position:center 54px;
 background-repeat:repeat-x; 
width: 100%;
border-bottom: 1px solid #ccc;
}

.header-container header {
position: relative;
padding-top: 20px;
}

.header-container .title {
margin: 0;
}

.header-container .title a#logo { /* Correction - 2016.04.28 CROSSDEVICE.INC - TANAKA */
display: block;
margin: 0 auto 20px;
padding-top: 8px;
font-weight: bold;
width: 173px;
height: 88px;
font-size: 75%;
color: #333;
line-height: 120%;
text-align: center;
background: url(./lib/img/logoshort_off.png) no-repeat;
}

#policy, #hours, #departmemt, #equipment, #access, #contact, #related{
margin-top:0px;
padding-top:0px;
}

.content article section.top ul.list li {
width: 235px;
margin-right: 10px;
vertical-align: top;
}


.content article section.top .btn{
width: 100%;
text-align:right;
}
.content article section.top .btn a.ya{
width:230px;
height:30px;
color:#fff;
background-image: url(../img/yamark.png);
text-align: center;
font-size:15px;
line-height:200%;
display:block;
float:right;
}

.content article section.top ul.list li:last-child {
margin-right: 0;
}

.content article section.top ul.list2 li {
width: 195px;
margin-right: 6px;
vertical-align: top;
float:left;
}

.content article section.top ul.list2 li.doct2 {
width: 95px;
vertical-align: top;
float:left;
}

.content article section.top ul.list2 li.doct2  h3{
width: 95px;
float:left;
}

.content article section.top ul.list2 li:last-child {
margin-right: 0;
}

.content article section.top ul.list2 li dd {
text-align: left;
}
.content article section.top ul.list2 li h3 {
font-size:14px;
margin: 10px 0;
height: 1.5em;
text-align:center;
overflow: hidden;
}
.content article section.top ul.list2 li dd p.comment {
font-size:14px;
height: 8em;
overflow: hidden;
margin-bottom: 0;
}

.content article section.top ul.list2 li:last-child {
margin-right: 0;
}

.content article section.top .btn{
width: 100%;
text-align:right;
}
.content article section.top .btn a.ya{
width:230px;
height:30px;
margin-top:20px;
color:#fff;
background-image: url(../img/yamark.png);
text-align: center;
font-size:15px;
line-height:200%;
display:block;
float:right;
}

.content article section.top ul.list li:last-child {
margin-right: 0;
}

.content article section.top ul.list li dd {
text-align: left;
}
.content article section.top ul.list li h3 {
font-size:16px;
margin: 10px 0;
height: 1.5em;
text-align:center;
overflow: hidden;
}
.content article section.top ul.list li dd p.comment {
font-size:14px;
height: 8em;
overflow: hidden;
margin-bottom: 0;
}

table {
width:800px;
margin:0 auto;
font-weight:bold;
overflow: hidden;
}

tr td.long {
width:199px;
height:50px;
text-align: center;
font-size:16px;
overflow: hidden;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
tr td.short{
width:99px;
height:80px;
text-align: center;
font-size:16px;
overflow: hidden;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
.f-large{font-size:40px; color:#4e9934;}
.border_r{border-right: 1px solid #aaa;}

/* ====================
Slider
   ==================== */

.slide-container .bx-wrapper {
width: 100%!important;
overflow: hidden;
}

.slide-container .bx-viewport {
overflow: visible!important;
width: 1240px!important;
border: none!important;
left: 0!important;
margin: 0 auto;
}

#eventslider {
list-style: none;
margin: 0;
padding: 0;
}

#eventslider li {
width: 1000px!important;
margin: 0;
padding: 0;
}


/* ====================
PAGE: ImageRolloverAnime
   ==================== */

.rollover ul.list li a {
display: block;
position: relative;
text-align: center;
}
.rollover .design-img {
width:1000px;
display: block;
text-align: right;
margin:0 auto; 
}

.rollover .design-img ul.list{
display: block;
text-align: center;
margin:0 auto; 
}

/* ====================
glide
   ==================== */

.slide-wrapper {
width: 100%;
min-width: 1020px;
}

.slide-wrapper2 {
width: 80%;
margin:10px auto 0;
background-color:#fff;
}



/* ====================
pcナビ
   ==================== */

.wrapper {
width: 1000px;
margin: 0 auto;
}
.wrapper100 {
width: 1000px;
margin: 0 auto;
display:block;
}

nav {
margin:0 auto;
width:745px;
padding: 0;
text-align: left;
flaot:left;
}

nav .menu-toggle {
display: none;
}

nav a#gnav_1 {
width: 57px;
height:14px;
}
nav a#gnav_2 {
width: 84px;
height:14px;
}
nav a#gnav_3 {
width: 77px;
height:14px;
}
nav a#gnav_4 {
width: 78px;
height:14px;
}
nav a#gnav_5 {
width: 78px;
height:14px;
}
nav a#gnav_6 {
width: 78px;
height:14px;
}
nav a#gnav_7 {
width: 91px;
height:14px;
}
nav a#gnav_8 {
width: 107px;
height:14px;
}
nav a#gnav_9 {
width: 70px;
height:14px;
}
nav a#gnav_10 {
width: 35px;
height:20px;
}

nav li {
padding: 0;
text-align: center;
vertical-align: top;
flaot:left;
}

nav li a {
height: 14px;
padding: 0;
margin-bottom: 0;

text-indent:0px;
background-repeat: no-repeat;
background-position: center center;
}

/* ========================
IE Fixes
   ======================== */

nav ul li {
display: inline-block;
}

nav ul li span {
font-size: 75%;
color: #de63a1;
}

.oldie nav a {
margin: 0 0.7%;
}

/* ========================
UL List
   ======================== */

ul.list {
text-align: center;
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}

ul.list li {
display: inline-block;
/display: inline;/* IE用 */
/zoom: 1;/* IE用 */
}


ul.flist {
display: block;
}

ul.flist li {
display: block;
float: left;
}

/* ============
コンテンツ
   ============ */

div.main-container.first { /* Correction - 2016.04.28 CROSSDEVICE.INC - TANAKA */
padding-top: 110px;
}

.main-container article section.top {/* Correction - 2016.04.28 CROSSDEVICE.INC - TANAKA */

padding-top: 80px;
padding-bottom: 40px;
}

.main-container article section.he40 {
width:100%;
height:80px;
display:block;
}

article section.top h2 {
	font-size:18px;
margin-bottom: 40px;
}

article section.top h3 {
margin: 30px auto 20px;
}

article section.top h3.stitle {
width:1000px;
margin: 30px auto 20px;
}

article section.top p.lead1 {
width: 700px;
margin: 0 auto;
padding:0 0 30px 0;
text-align: left;
font-size:16px;
color:#666;
}

article section.top p.lead2 {
width: 700px;
margin: 0 auto;
padding:0 0 30px 0;
text-align: right;
font-size:16px;
color:#666;
}

article section.top .infowrap {
width: 760px;
margin: 0 auto 30px;
padding:20px;
border:solid 1px #4d9336;
text-align: left;
font-size:16px;
overflow:hidden;
color:#666;
}

article section.top .infowrap img.infoph{
width: 340px;
margin: 0 20px 0 0;
padding:0;
text-align: left;
float:left;
}

article section.top .infowrap .infotxt{
width: 390px;
height:200px;
margin: 10px 0 0 0;
padding:0;
text-align: left;
font-size:16px;
color:#666;
overflow:auto;
float:left;
}

article section.top .infowrap .infotxt table.info{
width: 390px;
height: auto;
margin: 0;
padding: 0;
text-align: left;
font-size:16px;
color:#666;
}

article section.top .infowrap .infotxt table.info tr td.infoleft{
width: 15px;
vertical-align:top;
line-height:150%;
}

article section.top .infowrap .infotxt table.info tr.h10{
	height:10px;
}

article section.top .infowrap .infotxt table.info tr td.inforight{
width: 365px;
vertical-align:top;
font-size:14px;
line-height:150%;
color:#666;
}

article section.top p.lead12 {
width: 700px;
margin: 0 auto;
padding:0 0 5px 0;
text-align: left;
font-size:16px;
color:#666;
}

article section.top .mapwrap {
width: 700px;
height:450px;
margin: 0 auto 30px;
padding:0;
text-align: center;
font-weight:normal;
border:2px solid #4e9934;
}


/* Correction - 2016.05.18 PWCI.INC - kagami */
article section.top ul.list li.casetopph_l {
width:480px;
margin-right: 20px;
float:left;
}

/* Correction - 2016.05.18 PWCI.INC - kagami */
article section.top ul.list li.casetopph_l {
width:480px;
margin-right: 20px;
float:left;
}

p.relatxt{
width:480px;
text-align: center;
color:#666;
font-size:16px;
float:left;
}

p.relatxtr{
margin:70px 0 0 0;
width:480px;
text-align: right;
color:#4e9934;
font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
   font-weight: bold;
font-size:16px;
line-height:180%;
float:left;
}

article section.top ul.list li.casetopph_r {
width:480px;
margin: 0;
float:left;
}

div.main-container.second {
padding-top: 40px;
}

.main {
height:120px;
padding: 20px 0 0 0;
}

.main2 {
padding: 30px 0;
overflow:hidden;

}


ul.list li.profilemap{
width:480px;
height:360px;
background-color:#ebebeb;
font-size:100%;
color:#666;
text-align:left;
vertical-align: top;
}

/* ============
フッター
   ============ */

.footer-container ul li {
margin: 0 30px;
}
.footer-container p.normal{
padding: 15px 0 5px 0;
font-size:14px;
font-weight:normal;
color:#fff;
border-bottom:1px solid #fff;
}
.footer-container p.normal .large{
font-size:20px;
font-weight:bold;
}

   .fnav ul{
display:inline-block;
margin:10px 0 0 140px;
}
.fnav ul li{
margin: 0;
padding:2px 8px;
font-size:80%;
line-height:100%;
border-right:1px solid #333;
text-align:center;
float:left;
}

/* ============
copyright
   ============ */
.footer-copyright p.small{
font-size:12px;
color:#fff;
}
}

/*
スマートフォン
============================================================================================================================================ */

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

/* ====================
PC・タブレット
   ==================== */
body {
width: 100%;
}
img{
	width:98%;
	margin:0 1%;}

.sp{display:block;}
.pc{display:none;}
.header-container {
	text-align: center;
	position: fixed;
	z-index: 2000;
	background-position:center 54px;
	background-repeat:repeat-x; 
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.header-container header {
	position: relative;
	width: 100%;
	padding-top: 20px;
}

/* navi bt
-------------------------------------------------------------------------------*/
a.logowrap{width:80%; margin:0; float:left;}
.menuwrap{width:20%; text-align:right; background-color:#fff; float:left;}
	.menu{
		width: 100%; height:80px; top: 30px; right:5px; position:relative; cursor:pointer; z-index:20;
		}
	.menu1{
		width:100%; height:5px; background-color:#00315a; position:absolute; top:0px;
		} 
	.menu2{
		width:100%; height:5px; background-color:#00315a; position:absolute; top:15px;
		} 
	.menu3{
		width:100%; height:5px; background-color:#00315a; position:absolute; top:30px;
		} 
	.menu1,.menu2,.menu3{
		transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out; /* opera */
		-moz-transition: all 0.5s ease-out; /* firefox */
		-webkit-transition: all 0.5s ease-out; /* chrome, safari */
		-ms-transition: all 0.5s ease-out; /* ie */ 
		}
	.menuclick1{
		top:20px;
		-moz-transform: rotate(405deg);
		-webkit-transform: rotate(405deg);
		-o-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		transform: rotate(405deg);
		}
	.menuclick2{
		opacity:0;
		}
	.menuclick3{
		top:20px;
		-moz-transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg);
		-o-transform: rotate(-405deg);
		-ms-transform: rotate(-405deg);
		transform: rotate(-405deg);
		}
ul.none{width:100%; margin-bottom:40px; text-align:center; position:relative; z-index:999; display:inline-block;}
ul.none li{ width:40%; height:20px; margin:0 2% 0 3%; padding:30px 2%; line-height:100%; border-bottom:1px solid #aaa; border-right:1px solid #aaa; font-size:16px; color:#666; font-weight: bold; text-align:right; display:inline-block; float:left;}
ul.none li.bline{ width:40%; height:20px; margin:0 2% 0 3%; padding:30px 2%; line-height:100%; border-bottom:3px solid #777; border-right:1px solid #aaa; font-size:16px; color:#666; font-weight: bold; text-align:right; display:inline-block; float:left;}
li img{ width:96%; margin:0 2%; }
ul.none li a:hover{
	 color:#F60;
}


h1{ /* Correction - 2016.04.28 CROSSDEVICE.INC - TANAKA */
width:100%;
font-size: 30%;
color: #999;
line-height: 120%;
text-align: center;
font-weight: lighter;
padding: 5px 0;
border-bottom: 1px solid #ddd;
}
/*h1:hover, h1:active{
margin:0;
padding-top:8px;
width:200px;
height:77px;
font-size:75%;
color:#fff;
line-height:120%;
text-align:center;
background:url(./lib/img/logoshort_on.png) no-repeat;
}*/

#policy, #hours, #departmemt, #equipment, #access, #contact, #related{
margin-top:0px;
padding-top:0px;
}

.content article section.top ul.list li {
width: 235px;
margin-right: 10px;
vertical-align: top;
}

.content article section.top .btn{
width: 100%;
text-align:right;
}
.content article section.top .btn a.ya{
width:230px;
height:30px;
color:#fff;
background-image: url(../img/yamark.png);
text-align: center;
font-size:15px;
line-height:200%;
display:block;
float:right;
}

.content article section.top ul.list li:last-child {
margin-right: 0;
}
.content article section.top ul.list li dd {
text-align: left;
}
.content article section.top ul.list li h3 {
font-size:16px;
margin: 10px 0;
height: 1.5em;
text-align:center;
overflow: hidden;
}
.content article section.top ul.list li dd p.comment {
font-size:14px;
height: 8em;
overflow: hidden;
margin-bottom: 0;
}

.content article section.top ul.list2 li {
width: 96%
margin: 10px 2%;
vertical-align: top;
text-align:center;
}

.content article section.top ul.list2 li:last-child {
margin-right: 0;
}

.content article section.top ul.list2 li dd {
text-align: left;
}
.content article section.top ul.list2 li h3 {
font-size:12px;
margin: 10px 0;
height: 1.5em;
text-align:center;
overflow: hidden;
}
.content article section.top ul.list2 li dd p.comment {
font-size:14px;
height: 8em;
overflow: hidden;
margin-bottom: 0;
}

.content article section.top ul.list2 li:last-child {
margin-right: 0;
}

table {
width:100%;
margin:0;
font-weight:bold;
overflow: hidden;
}

tr td.long {
height:10px;
text-align: center;
font-size:12px;
overflow: hidden;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
tr td.short{
height:20px;
text-align: center;
font-size:12px;
overflow: hidden;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
.f-large{font-size:24px; color:#4e9934;}
.border_r{border-right: 1px solid #aaa;}

/* ====================
Slider
   ==================== */

.slide-container .bx-wrapper {
width: 100%!important;
overflow: hidden;
}

.slide-container .bx-viewport {
overflow: visible!important;
width: 100%!important;
border: none!important;
left: 0!important;
margin: 0 auto;
}

#eventslider {
list-style: none;
margin: 0;
padding: 0;
}

#eventslider li {
width: 100%!important;
margin: 0;
padding: 0;
}


/* ====================
PAGE: ImageRolloverAnime
   ==================== */

.rollover ul.list li a {
display: block;
position: relative;
text-align: center;
}

/* ====================
glide
   ==================== */

.slide-wrapper {
width: 100%;
min-width: 100%;
}

.slide-wrapper2 {
width: 80%;
margin:10px auto 0;
background-color:#fff;
}



/* ====================
pcナビ
   ==================== */

.wrapper {
width: 100%;
margin: 0;
}

/* ========================
IE Fixes
   ======================== */

nav ul li {
display: inline-block;
}

nav ul li span {
font-size: 75%;
color: #de63a1;
}

.oldie nav a {
margin: 0 0.7%;
}

/* ========================
UL List
   ======================== */

ul.list {
text-align: center;
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}

ul.list li {
display: inline-block;
/display: inline;/* IE用 */
/zoom: 1;/* IE用 */
}


ul.flist {
display: block;
}

ul.flist li {
display: block;
float: left;
}

/* ============
コンテンツ
   ============ */

div.main-container.first { /* Correction - 2016.04.28 CROSSDEVICE.INC - TANAKA */
padding-top: 30px;
}

.main-container article section.top {/* Correction - 2016.04.28 CROSSDEVICE.INC - TANAKA */

padding-top: 30px;
padding-bottom: 20px;
}

.main-container article section.he40 {
width:100%;
height:80px;
display:block;
}

article section.top h2 {
margin-bottom: 20px;
}

article section.top p.lead1 {
width: 96%;
margin: 0 2%;
padding:0 0 30px 0;
text-align: left;
font-size:16px;
color:#666;
}
article section.top .infowrap {
width: 96%;
margin: 0 auto 30px;
padding:0;
text-align: left;
font-size:16px;
overflow:hidden;
color:#666;
}

article section.top .infowrap img.infoph{
width: 100%;
margin: 0 0 10px 0;
padding:0;
float:left;
}

article section.top .infowrap .infotxt{
width: 100%;
margin: 10px 0 0 0;
padding:0;
text-align: left;
font-size:16px;
color:#666;
float:left;
}

article section.top p.lead12 {
width: 96%;
margin: 0 2%;
padding:0 0 5px 0;
text-align: left;
font-size:16px;
color:#666;
}

article section.top p.lead2 {
width: 96%;
margin: 0 2%;
padding:0 0 30px 0;
text-align: left;
font-weight:bold;
font-size:14px;
color:#666;
}

article section.top .mapwrap {
width: 96%;
height:400px;
margin: 0 1% 30px 2%;
padding:0;
text-align: center;
font-weight:normal;
border:2px solid #4e9934;
}

/* Correction - 2016.05.18 PWCI.INC - kagami */
article section.top ul.list li.casetopph_l {
width:96%;
margin: 0 2%;
float:left;
}

p.relatxt{
width:96%;
text-align: center;
color:#666;
font-size:16px;
float:left;
}

p.relatxtr{
margin:10px 2% 0 0;
width:96%;
text-align: left;
color:#4e9934;
font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
   font-weight: bold;
font-size:14px;
line-height:180%;
float:left;
}

article section.top ul.list li.casetopph_r {
width:96%;
margin: 0 2%;
float:left;
}

div.main-container.second {
padding-top: 40px;
}

.main {
height:120px;
padding: 20px 0 0 0;
}

.main2 {
padding: 0;
overflow:hidden;
}


ul.list li.profilemap{
width:480px;
height:360px;
background-color:#ebebeb;
font-size:100%;
color:#666;
text-align:left;
vertical-align: top;
}

/* ============
フッター
   ============ */

.footer-container ul li {
margin: 0 30px;
}
.footer-container p.normal{
padding: 15px 0 5px 0;
font-size:12px;
font-weight:normal;
color:#fff;
border-bottom:1px solid #fff;
}
.footer-container p.normal .large{
font-size:16px;
font-weight:bold;
}

   .fnav ul{
display:inline-block;
margin:10px 0 0 140px;
}
.fnav ul li{
margin: 0;
padding:2px 8px;
font-size:80%;
line-height:100%;
border-right:1px solid #333;
text-align:center;
float:left;
}

/* ============
copyright
   ============ */
.footer-copyright p.small{
font-size:9px;
color:#fff;
}



/* ====================
スマホ・スライダー
   ==================== */

.slide-wrapper {
min-width: none;
}

/* ============
スマホ・フッタ
   ============ */

.footer-container {
text-align: center;
font-size:11px;
color:#fff;
line-height:15px;
}
.footer-container .large{
font-size:13px;
font-weight:bold;
}

.footer-container ul.list li {
margin-bottom: 25px;
}

.fnav{display:none;
}
body.top {
text-align: left;
}

}

/* ============
add - Facebook Timeline 2016.06.10
   ============ */
.fbtl-pc {
  float:right;
  margin:1em 0;
  width: 470px;
}
.fbtl-sp { display: none; }
/*add*/

@media screen and (max-width: 900px) {
h1 { display: block; }
}

@media screen and (max-width: 600px) {
h1 { display: block; }
}