:root { font-size:15px; }
body { margin: 0px; color:#2E2E2E; background-color:#FFFFFF; background-image: url(https://www.nagaura.jp/images/bg-body.jpg); background-repeat: repeat-x;   font-family:Verdana,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }
body,td { text-decoration:none; }
a img { border:none; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y:scroll; }
img { max-width:100%; height:auto; border: 0; }
.img-responsive { display:block; width:100%; height:auto; }
.grid { float:left; display:block; width:100%; margin:0; padding:0; }
.grid:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.grid > .col { width:100%; }
.flexbox { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
ul.flexbox { list-style:none; margin:0; padding:0; }
.flexbox img { vertical-align: middle; }
#sm-nav-btn { position:absolute; top:0; right:5px; display:none; z-index:9999; }

.mainbody { width:100%; overflow:hidden; }
.maintablebox { margin:0px; padding:0px; }
.maintablebox2 { margin:0 auto; padding-left:20px; padding-right:20px; padding-top:20px; background-image: url(/userimage/1_1_3.gif);   }
div#header_box { width:100%;   }
div#top_baner1_box { width:100%; background-color:#f0f0f0;  }
div#top_main_img_box { width:100%; }
div#top_baner2_box { width:100%;   }
div#top_baner3_box { width:100%;   }
div#foot_baner_box { width:100%;   }
div.maintablebox2_outerbox { width:100%;   }
div.footbackground {   }
div.footbackground name > span { display:inline-block; }
div.menut{ clear: left; width:; text-align:left; vertical-align:text-top; }
div.navi_new { width:200px; float:left;  }
div.document_new { text-align:left; }
div.document_new_r { margin-left:-200px; float:right; width:100%; }
div.document_new_r_contents { margin-left:220px; }
.menubt ul { margin:0px; padding:0px; list-style:none; }
.menubt ul li {  padding:0px; list-style:none; }
.menubt a { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:link { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:visited { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:hover { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:underline; text-align:center; border:solid 1px ; }
#sm-nav { position: absolute; top: -1000px; width:70%; height: auto; z-index: 99999; /* box-shadow: 0 0 3px 0 #333; */ padding: 5px; }
#sm-nav-frm { border:none; width:100%; }
ul.global_nav_list { margin: 0 auto; padding: 0; line-height: 2em; }
ul.global_nav_list li.gnav_sub_head { border-bottom:none !important; list-style: none; background: none; text-indent: 0px; font-weight: bold; }
ul.global_nav_list li:last-child { border-bottom:none !important; }
ul.global_nav_list_disc { list-style-image: none !important; list-style-type: disc !important; list-style-position: inside !important; }
ul.global_nav_list_icon { list-style: none; }
ul.global_nav_list li { padding: 5px 10px; }
ul.global_nav_list_icon li { background-image: url("/image/icon/sp_menu_icon.png"); background-repeat: no-repeat; background-position: 97% 50%; text-indent: 0; }
ul.global_nav_list li a { text-decoration: none; display: block; font-weight: normal !important; }
ul.global_nav_list_disc li a { display: inline-block; }
.footer_in .col h3 {  font-size:1.1em; margin:0 0 7px 0; }
.footer_in ul.flexbox > .col { padding:7px;  }
.footer_in {  }
.footer_in li a {  font-size:0.9rem; }
.footer_in li a:hover, .footer_in a:visited, .footer_in a:link {  }
.fre_pku_bef_comment { margin-top:0.5em; margin-bottom:0.5em; }
.footer_in ul.flexbox > .col { padding-left:20px; }
 ul#at-footer-menu ul li.col { margin-bottom:4px; } 
.fre_pku_image h3, .fre_pku_image h4 {
    margin: 0;
    padding: 0;
}
.fre_pku_comment h3, .fre_pku_comment h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
@media screen and (max-width:767px) {
	.sm-none { display:none; }
	.ccaption h1 { font-size:1.2rem !important; font-weight:bold !important; }
	.ccaption_sub h2 { font-size:1.1rem !important; font-weight:bold !important; }
	.ccaption_sub_min h3 { font-size:1rem !important; font-weight:bold !important; }
	.contents-pku .col { margin-bottom:1em; margin-right:2%; }
	.contents-pku.flexbox-sm-1 .col { width:100%; }
	.contents-pku.flexbox-sm-2 .col { width: calc(100% / 2 - 2% / 2); }
	.contents-pku.flexbox-sm-3 .col { width: calc(100% / 3 - 4% / 3); }
	.contents-pku.flexbox-sm-4 .col { width: calc(100% / 4 - 6% / 4); }
	.contents-pku.flexbox-sm-5 .col { width: calc(100% / 5 - 8% / 5); }
	.contents-pku.flexbox-sm-6 .col { width: calc(100% / 6 - 10% / 6); }
	.contents-pku .fre-pku-sm-rtn { margin-right:0; }
	.contents-pku .fre_pku_image { width:100%; }
	#mini-notification .inner { width: 100% !important; background: none !important; background-color: rgba(255, 255, 255, 0.9) !important; border: 1px solid #ccc !important; }
	#at-footer-menu > li.col { border-left:none; }
#at-footer-menu ul li.col { padding:5px 0; }

	.footer_in .col h3{ margin:15px 0 7px 0; }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.sm-show { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:1.5%; }
	.contents-pku.flexbox-mm-1 .col { width:100%; }
	.contents-pku.flexbox-mm-2 .col { width: calc(100% / 2 - 1.5% / 2); }
	.contents-pku.flexbox-mm-3 .col { width: calc(100% / 3 - 3% / 3); }
	.contents-pku.flexbox-mm-4 .col { width: calc(100% / 4 - 4.5% / 4); }
	.contents-pku.flexbox-mm-5 .col { width: calc(100% / 5 - 6% / 5); }
	.contents-pku.flexbox-mm-6 .col { width: calc(100% / 6 - 7.5% / 6); }
	.contents-pku .fre-pku-mm-rtn { margin-right:0; }
}
@media print,screen and (min-width:1024px) {
	.sm-show { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:1%; }
	.contents-pku.flexbox-wm-1 .col { width:100%; }
	.contents-pku.flexbox-wm-2 .col { width: calc(100% / 2 - 1% / 2); }
	.contents-pku.flexbox-wm-3 .col { width: calc(100% / 3 - 2% / 3); }
	.contents-pku.flexbox-wm-4 .col { width: calc(100% / 4 - 3% / 4); }
	.contents-pku.flexbox-wm-5 .col { width: calc(100% / 5 - 4% / 5); }
	.contents-pku.flexbox-wm-6 .col { width: calc(100% / 6 - 5% / 6); }
	.contents-pku .fre-pku-wm-rtn { margin-right:0; }
}

.mov { border: solid 1px #999999; background-color:#000000; }
#read_brws_link_box a { /*font-size:1px;*/ text-indent: -10000px; position:absolute; top:0; left:0; }
div.news_list { width:100%; border-style:none; font-size:1em; }
div.news { width:100%; border-style:none; position:relative; }
div.news h3 { margin:0px; padding:0px; display:inline; }
div.news h2 { margin:0px; padding:0px; display:inline; }
div.name { text-align:right; border-style:none; padding-left:20px; padding-right:20px; margin-top: 13px; }
div.footselect { width:100%; height:7px; background-image:url(/image/bar/); background-repeat:repeat-x; }
div.topmenuarea { width:; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
a:link { color:#031bab; text-decoration:none; }
a:visited { color:#031bab; text-decoration:none; }
a:hover { color:#031bab; text-decoration:underline; }
div.menutR{ clear: left; width:; text-align:left; vertical-align:text-top;  }

img.button { width:100px; height:25px; margin-top:5px; margin-bottom:5px; border-style:none; }
img.topl { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
img.topr { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
div.rcaptionex h1 { font-weight:bold; font-size:1.1em; text-align:center; display:none; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; display:none; }
div.rcaption h1 { font-weight:bold; font-size:1.1em; text-align:center; display:none; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; display:none; }
div.rcaption { margin-top:5px; margin-left:10px; width:; height:64px; padding-top:5px; background-image:url(/userimage/1_1_2.jpg); background-repeat:no-repeat; background-position:top center; }
div.ccaption { width:400px; height:32px; padding-top:7px; padding-left:40px; background-image:url(/image/sub/); background-repeat:no-repeat; font-weight:bold; font-size:1em; }
div.rcaptionex {  margin-top:0px; margin-left:0px; padding-top:0px; background-image:url(/userimage/1_1_2.jpg); background-repeat:no-repeat; background-position:top center; }
div.menu_space { height:10px; }
div.document_space { height:10px; }
div.news_scroll { width:100%; height:320px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:320px; overflow-y:auto;  }
div.vmode_scroll { width:100%; height:0px; overflow-y:auto;  }
div.toplimg_new { width:140px; text-align:center; vertical-align:top; float:left; }
div.rcaption_new { margin-top:5px; margin-left:10px; width:520px; height:64px; padding-top:5px; background-image:url(/userimage/1_1_2.jpg); background-repeat:no-repeat; background-position:top center; float:left; }
div.rcaption_new h1 { font-weight:bold; font-size:1.1em; text-align:center; display:none; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; display:none; }
div.qrcode_new { width:174px; text-align:center; vertical-align:text-top; float:left; }
div.toprimg_new { vertical-align:text-top; text-align:left; float:left; }
div.blockend { clear:both; }
div.blockend_br { padding-top:1em; clear:both; }
div.naviR_new { width:; float:left; }
;
div.document1_new { width:; }
div.document2_new { width:; float:left; }
a.rss { margin-left:4px; }
img.newsbar { vertical-align:bottom; }
td.p_nopad p { margin-top:0;padding-top:0; }
hr.news_head { height:1px; border:none; color:ffffff; background-color:#ffffff; }
hr.news2_head { height:1px; border:none; color:ffffff; background-color:#ffffff; }
hr.news_contents { height:1px; border:none; color:ffffff; background-color:#ffffff; }
hr.news2_contents { height:1px; border:none; color:dfdfdf; background-color:#dfdfdf; }
hr.youtube_head { height:1px; border:none; color:000; background-color:#000; }
hr.youtube_foot { height:1px; border:none; color:000; background-color:#000; }
div.at-content-box { margin-top:5px; }
div.at-content-text { text-align:left; }
.clear { clear:both; }

.center_box { margin:0 auto; width:100%; }
.left_box { text-align:left; width:100%; }
.right_box { text-align:right;  width:100%; }

div#font-size-change { font-size:1em; line-height:150%; text-align:center; }
div#font-size-change > dl { margin:0px; }
div#font-size-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px; color:#fff; }
div#font-size-change > dl > dd { float: left; border-radius:2px; margin-left: 2px; padding: 3px; min-width: 20px;
    background-color:#fff; border:1px solid #011e8b; color:#333;
}
div#font-size-change > dl > dd:hover { background-color:#e3e3e3; color:#333; }
dd.font-select { background-color:#e3e3e3 !important; color:#333 !important; }
dd#font-size-normal { min-width: 30px !important; cursor:pointer; }
dd#font-size-small { font-size:75% !important; cursor:pointer; }
dd#font-size-big { font-size:130% !important; cursor:pointer; }

div#color-change { font-size:1em; text-align:center; }
div#color-change > dl { margin:0px; }
div#color-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px;  }
div#color-change > dl > dd { float: left; cursor:pointer; border-radius:2px; margin-left: 2px; padding: 3px; width: 20px; }
div#color-change > dl > dd:hover {   }
dd#color-mode-default { width: 30px !important; background-color:#ffffff; border:1px solid #d9d9d9; color:#333333; }
dd#color-mode-white { background-color:#ffffff; border:1px solid #d9d9d9; color:#000000; }
dd#color-mode-black { background-color:#000000; border:1px solid #000000; color:#ffffff; }
dd#color-mode-blue { background-color:#0000aa; border:1px solid #0000aa; color:#ffffff; }

.at_anime01 h2,
.at_anime01 h2 span {
    opacity: 0; //不透明度0%
}
.at_anime02 h2 {
	opacity: 0; //不透明度0%
	position:relative;
	overflow:hidden;
	transform : translate(0, -2em);
	transition : all 1.0s ease;
}
.at_anime03 h2 {
	opacity: 0; //不透明度0%
	position:relative;
	overflow:hidden;
	transform : translate(0, 2em);
	transition : all 1.0s ease;
}
.at_anime04 h2 {
    opacity: 0;
    transition: all 1.0s;
}
.pku_anime01 > ul > li,
.pku_anime01_ex > ul > li,
.at_img_anime01 {
    opacity: 0;
    transition: all 1.0s;
}
.pku_anime02 > ul > li,
.pku_anime02_ex > ul > li,
.at_img_anime02 {
    opacity: 0;
    transform: scale(0, 0);
    transition: all 1.0s;
}
.pku_anime03 > ul > li,
.pku_anime03_ex > ul > li,
.at_img_anime03 {
    opacity: 0;
    transition: all 1.0s;
    transform : translate(0, 100px);
}
.at-icon-none { 
	list-style:none;
}
.at-icon-disc {
	list-style:none;
}
.at-icon-disc a.text_link {
	position: relative;
}
.at-icon-disc a.text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .45em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

.at-icon-arrow {
	list-style:none;
}
.at-icon-arrow a.text_link {
	position: relative;
}
.at-icon-arrow a.text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.at-icon-arrow2 {
	list-style:none;
}
.at-icon-arrow2 a.text_link {
	position: relative;
}
.at-icon-arrow2 a.text_link::after,
.at-icon-arrow2 a.text_link::before {
	display: block;
	content: '';
	position: absolute;
}
.at-icon-arrow2 a.text_link::after {
	top: 0.1em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.at-icon-arrow2 a.text_link::before {
	z-index: 2;
	top: 0.35em;
	left: -.975em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.at-cion-none {
	list-style:none;
}
#at-footer-menu > li > ul > li.at-icon-arrow2 a.text_link {
	margin-left:1.5em;
}
#at-footer-menu > li > ul > li.at-icon-arrow a.text_link {
	margin-left:1em;
}
#at-footer-menu > li > ul > li.at-icon-disc a.text_link {
	margin-left:1em;
}
#at-footer-menu > li > ul > li.at-icon-arrow2 a.text_link::after {
	background-color: #FFFFFF;
}
#at-footer-menu > li > ul > li.at-icon-arrow a.text_link::after {
	border-color: #FFFFFF;
}
#at-footer-menu > li > ul > li.at-icon-disc a.text_link::after {
	background-color: #FFFFFF;
}
a#at-page-top { opacity:0.5; display:none; position: fixed; bottom:15px; right:15px; width: 55px; height: 55px; background-color: #0e208e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a#at-page-top > span { position: absolute; width: 25px; height: 25px; border: 5px solid #0e208e; border-left-color: #FFF; border-top-color: #FFF; top: 20px; left: 15px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
a#at-page-top:hover { background-color: #3546B7;  }
a#at-page-top:hover > span { border: 5px solid #3546B7; border-left-color: #FFF; border-top-color: #FFF; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
@media screen and (max-width:767px) {
a#at-page-top { width: 30px; height: 30px; }
a#at-page-top > span { width: 8px; height: 8px; top: 13px; left: 10px; }
}
a img{border:none;}
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
a:link { text-decoration: underline; }
.span{display:none;}
.clear { clear: both; }

ul.flexbox { list-style:none; }
.footer_in h2 { text-align:center; }

/* フリーページコメント部　左右余白 */
.free-comment-box { margin-left: 10px; margin-right:10px; }

/* ヘッダー部 */
#nav-logo { width: 285px; height: 108px; float: left; }

.top-menu-box { max-width: 700px; padding: 7px 0 0 0; height: 103px; background: url("/files/title-bg.jpg") ; background-repeat: no-repeat; float: left; background-position: left top; float:right; }

h1#title-nagaura { margin:0; padding:0; }

/* 文字サイズ変更 */
#font-size-change { float: right; margin: 3px 10px 5px 0; line-height: 120% !important; }
div#font-size-change > dl > dt { margin-right: 5px; }

/* トップメニュー */
.top-menu { width:220px; float:right; margin:6px 10px 0 0; }
.top-menu ul {  margin:0 auto; padding:0 20px 0 5px; text-align:right; }
.top-menu li { margin:0 0 0 15px; padding:0 0 0 16px; list-style:none; display:inline; background:url(/files/icon-arrow1.png) no-repeat 0% 70%; }
.top-menu li a { color:#fff; font-size:13px; top:0 !important; text-decoration: none; }
.top-menu li a:hover { color:#fff; text-decoration:underline; }

/* 検索 */
.search_form { width: 220px; float:right; padding-right:7px; margin:5px 10px 0 0; }
.search_form #field {
	float:left;
	width:160px;
	height:23px;
	line-height:23px;
	text-indent:6px;
	font-family:arial, sans-serif;
	font-size:1em;
	color:#333;
	background-color: #ffffff;
	-moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
	border:solid 1px #dadfe2;
        border-radius: 2px 1px 1px 2px;
}
.search_form #space {
	float:left;
	width:1px;
	height:21px;
	line-height:19px;
	margin:0;
	padding:0;
	font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
	font-size:1px;
	border:none;
}
.search_form #submit {
	cursor:pointer;
	width:50px;
	height: 23px;
	padding-bottom: 3px;
        float:right;
	font-size:1em;
	color: #333;
	background-color: #e3e3e3;
        border: 1px solid #e3e3e3;
        border-radius: 1px 2px 2px 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.blockend_br .center_box { text-align:center; }

/* main img */
#title-logo { display:block; width:940px; height:122px; background: url(https://www.nagaura.jp/files/title-logo01.jpg) no-repeat; margin:2px 0px 0px 0px; padding:0px;} 

/*menu top*/
.bt-1{margin:0; padding:0; width:940px;}
.bt-1 ul { margin:3px 0px; padding:0px ; list-style:none;}
.bt-1 ul li { margin:0px 0px 10px 0px; padding:0px; float:left; list-style:none;}
a.bt01:link, a.bt01:visited { margin:0px; padding:10px 0px 0px 0px; background :url(https://www.nagaura.jp/files/btn01.jpg) repeat-x; display:block; width:110px; height:25px; overflow:hidden; font-size:0.8em; color:#575757; text-align:center; vertical-align:middle;  text-decoration:none; border-right:solid 1px #D4D3D3;}
a.bt01:hover {color:#3B5ED0; background :url(https://www.nagaura.jp/files/btn02.jpg) repeat-x;}
a.bt02:link, a.bt02:visited { margin:0px; padding:10px 0px 0px 0px; background :url(https://www.nagaura.jp/files/btn01.jpg) repeat-x; display:block; width:171px; height:25px; overflow:hidden; font-size:0.8em; color:#575757; text-align:center; vertical-align:middle;  text-decoration:none; border-right:solid 1px #D4D3D3;}
a.bt02:hover {color:#3B5ED0; background :url(https://www.nagaura.jp/files/btn02.jpg) repeat-x;}
a.bt03:link, a.bt03:visited { margin:0px; padding:10px 0px 0px 0px; background :url(https://www.nagaura.jp/files/btn01.jpg) repeat-x; display:block; width:121px; height:25px; overflow:hidden; font-size:0.8em; color:#575757; text-align:center; vertical-align:middle;  text-decoration:none; border-right:solid 1px #D4D3D3;}
a.bt03:hover {color:#3B5ED0; background :url(https://www.nagaura.jp/files/btn02.jpg) repeat-x;}
a.bt04:link, a.bt04:visited { margin:0px; padding:10px 0px 0px 0px; background :url(https://www.nagaura.jp/files/btn01.jpg) repeat-x; display:block; width:129px; height:25px; overflow:hidden; font-size:0.8em; color:#575757; text-align:center; vertical-align:middle;  text-decoration:none; border-right:solid 1px #D4D3D3;border-left:solid 1px #D4D3D3;}
a.bt04:hover {color:#3B5ED0; background :url(https://www.nagaura.jp/files/btn02.jpg) repeat-x;}
a.bt05:link, a.bt05:visited { margin:0px; padding:10px 0px 0px 0px; background :url(https://www.nagaura.jp/files/btn01.jpg) repeat-x; display:block; width:131px; height:25px; overflow:hidden; font-size:0.8em; color:#575757; text-align:center; vertical-align:middle;  text-decoration:none; border-right:solid 1px #D4D3D3;}
a.bt05:hover {color:#3B5ED0; background :url(https://www.nagaura.jp/files/btn02.jpg) repeat-x;}

/* スマホグローバルメニュー */
#smp-global-nav { clear: both; }
#smp-global-nav h3 { background-color: #30469b; color: #fff; padding: 8px 6px; margin: 0; font-size: 0.97em; }
#smp-global-nav ul { margin: 0; padding: 0; }
#smp-global-nav ul li { margin: 0; padding: 0 0 0 20px; height: 38px; line-height: 38px; list-style: none; background: url(https://www.nagaura.jp/files/icon-arrow3.png) no-repeat 0% 50%; border-bottom: 1px solid #ebebeb; }
#smp-global-nav ul li a { color: #333; display:block; width: 100%; height: 100%; text-decoration: none; font-size: 0.85em; }
#smp-global-nav ul li a:hover { color: #001E8C; }
.toppage { background-color: #30469b; height: 38px; line-height: 38px; margin: 0 0 5px 0; padding-left: 6px; font-size: 0.97em; font-weight: bold; }
.toppage a { color: #fff; display:block; width: 100%; height: 100%; text-decoration: none; }
.sp-tel { width: 100%; margin: 5px auto; }
.home { display: inline-block; margin: 9px 7px 0 0; float: right; }

/* 整備リスト */
#seibi-list { margin:30px 0 0 0; padding:0; font-size: 0.85em; line-height: 1.3em; }
#seibi-list li { text-align:center; }
#seibi-list li p { margin: 2px 0 12px 0; }
.table-list {  margin:0; padding:0; }
.table-list li { text-align:center; }
.table-list-box { margin:5px 10px 0 10px; border: 1px solid #d9d9d9; height: 100%; }
.table-list-head { padding: 10px; background-color: #eaf6f6; border-bottom: 1px solid #d9d9d9; }
.table-list-cont { padding: 8px 5px 5px 5px; text-align: left; font-size: 0.9em; }

/* main menu */
#left-box{width:200px; border:0; align:left; float:left; margin:0px; padding:0;}
.left-menu{width:200px; border:0; align:left; margin:10px 0px 20px 0px; padding:0; text-align:left;}
.left-menu ul{margin:0px ; padding:0px; list-style:none;}
.left-menu ul li{margin:0px 0px 3px 0px; padding:0px; list-style:none; font-size:85%;}

a.l-bt01:link, a.l-bt01:visited {display:block; width:200px; height:40px; margin:0px; padding:10px 0px 0px 26px; background :url(https://www.nagaura.jp/files/main-menu.gif) no-repeat; overflow:hidden; color:#525252;}
a.l-bt01:hover {display:block; width:200px; height:40px; margin:0px; padding:10px 0px 0px 26px; overflow:hidden; color:#011E8B;}

#ketaiban{width:200px; height:165px; border:solid 1px #BFBFBF; margin:0px 0px 20px 0px; padding:0;}
#p-title{width:200px; height:30px; border-bottom:solid 1px #BFBFBF; background :url(https://www.nagaura.jp/files/ketai.gif) no-repeat;margin-bottom:15px;}
#t-access{width:200px; height:225px; border:solid 1px #BFBFBF; margin:0px 0px 20px 0px; padding:0; font-size:0.8em; padding:10px 0px;}

/* company img */
#top-img{ display:block; width:680px; height:252px; background: url(https://www.nagaura.jp/files/top-img01.jpg) no-repeat; margin:15px 0px 20px 0px; padding:0px;}

/* main content */
#right-box{display:inline; width:680px; margin-left:13px; padding:0; float:right;}

#con-leftbox{border:solid 1px #BFBFBF; width:335px; height:230px; float:left; margin:0px 10px 0px 0px; padding:0px; }
#con-title01{width:335px; height:40px; background :url(https://www.nagaura.jp/files/con-title01.jpg) no-repeat; }

a.con-img01:link, a.con-img01{display:block; /* width:270px; */ height:170px; background :url(https://www.nagaura.jp/files/shakenbankin2.jpg) no-repeat; background-position:center center;}

a.con-imglink:link, a.con-imglink:visited{display:block; width:150px; height:170px; }
.con-text{width:155px; height:70px; margin:0px; padding:5px; font-size:0.8em; vertical-align:top;}
a.con-buletext:link, a.con-buletext:visited{font-size:1.2em; color:#011E8B; line-height:30px;}
a.con-buletext:hover{font-size:1.2em; color:#2C4BF1;}
.con-botan{width:220px; margin: 10px 0 0 0;}

#con-rightbox{border:solid 1px #BFBFBF; width:335px; height:230px; float:right; margin:0px; padding:0px; }
#con-title02{width:335px; height:40px; background :url(https://www.nagaura.jp/files/con-title02.jpg) no-repeat; }

a.con-img02:link, a.con-img02{display:block; /* width:270px; */ height:170px; background :url(https://www.nagaura.jp/files/shakenbankin.jpg) no-repeat; background-position:center center;}

/* index tag */

h2{margin:0; padding:0;}
h3{margin:0; padding:0;}
h4{ margin:0px; padding:0; }
h5{margin:0px; padding:0; font-weight:normal; }

/* content right */
.mappoint{border:outset 1px #30469b; border-collapse: collapse; max-width:1150px; width:100%; font-size:1.2em; margin-bottom: 50px; }
.mappoint tr td{border:solid 1px #d9d9d9; border-collapse: collapse; margin:0; padding:12px 0; color:#30469b; background-color:#ffffff;}
.mappoint th{border:solid 1px #d9d9d9; border-collapse: collapse; background-color:#30469b; color:#ffffff; font-weight:normal; text-align:center; margin:0; padding:12px 0; font-size:0.8em;}
.mappoint-cell{width:14.2857%; text-align:center; font-size:0.8em; color:#30469b; }
a.mappoint-text:link, a.mappoint-text:visited { margin:0px; padding:0px; color:#30469b; font-size:0.8em;}
a.mappoint-text:hover {margin:0px; padding:0px; color:#1A4AFE; text-decoration:none; font-size:0.8em;}

/* 【旧】車検・一般自動車整備 */
.table-style1 table { width:620px; font-size:14px; line-height:120%; }
.table-style2 table { width:600px; margin:0 0 30px 0; }
.table-style3 table { width:100%; max-width:600px; }

/* 【新】車検・一般自動車整備 */
.maintenance-box { width: 100%; }
.maintenance-box h4 { margin: 0 auto; width: 72%; font-size: 1.1em; }
.maintenance-box ul { margin: 5px auto 30px auto; padding-left: 17px; width: 72%;  }
.maintenance-box p { margin: 5px auto 30px auto; width: 72%; }

/* ニュース */
div.news { text-align: center; }
.disp_news_title_box { margin-bottom: 30px; }
img.newsbar { vertical-align: middle; }
ul.top_news { margin: 2px 5px 2px 0px !important; }
ul.news li { list-style: none; padding: 7px 0; border-bottom: solid 1px #d8e6e8; }
ul.news li:first-child { border-top: solid 1px #d8e6e8; padding-top: 8px; }
ul.news li a { color: #333; text-decoration: none; }
ul.news li a:hover { color: #00afcc; }
div.news_comment { height: 58px !important; }

/*
.news_inner { max-width: 1130px !important; margin: 0 auto; }
*/

div.news_title { padding: 0 0 10px 5px !important; }
.top_news_title_box { float: left; }
hr.news_contents { clear: both; height: 0; margin: 0; }
hr.news2_contents { clear: both; height: 0; margin: 0; }
.at_news_cate1 { margin: 0 10px; }
.at_news_cate2 { margin: 0 10px; }
.at_news_cate3 { margin: 0 10px; }
.at_news_cate4 { margin: 0 10px; }
.at_news_cate5 { margin: 0 10px; }
.at_news_cate6 { margin: 0 10px; }
.at_news_cate7 { margin: 0 10px; }
.at_news_cate8 { margin: 0 10px; }

.top_news2_title { margin-left: 20px; display: inline-block; }

/* ピックアップ */
.pku_cont5 > ul { max-width: 1000px; margin: 0 auto !important; }
.pku_cont5 > ul > li { text-align: center; }
.pku_cont5 .pku_cont_box img { max-width: 170px; }

/* テーブル */
.tbl-style1 { width: 100%; border-collapse: collapse; border: solid 1px #d9d9d9; margin: 15px 0 10px 0; font-size: 0.9em; }
.tbl-style1 th { padding: 9px 10px; font-weight: normal; border: solid 1px #d9d9d9; background-color: #e9e9e9; }
.tbl-style1 td { padding: 9px 0; border: solid 1px #d9d9d9; text-align: center; }
.tbl-style2 { width: 100%; border-collapse: collapse; border: solid 1px #d9d9d9; margin: 15px 0 10px 0; font-size: 0.9em; }
.tbl-style2 th { padding: 9px 10px; font-weight: normal; border: solid 1px #d9d9d9; background-color: #e9e9e9; }
.tbl-style2 td { padding: 9px 10px; border: solid 1px #d9d9d9; text-align: left; }
.tbl-style3 { width: 90%; }
.tbl-style3 td { padding: 10px; }
.td-sub-title { background-color: #d8e4ee; }
.td-center { text-align: center !important; }
.th-9 { width: 9%; }
.th-15 { width: 15%; }
.td-20 { width: 20%; }
.tbl-w { width: 60% !important; }
.tbl-p { margin: 0 0 10px 10px; }

.tbl-company { width: 100%; border-collapse: collapse; border: solid 1px #d9d9d9; margin: 15px 0 10px 0; font-size: 0.9em; }
.tbl-company th { padding: 9px 0; font-weight: normal; border: solid 1px #d9d9d9; background-color: #e9e9e9; text-align: center; width: 10% }
.tbl-company td { padding: 9px 10px; border: solid 1px #d9d9d9; text-align: left; }

.tbl-holiday { width: 100%; border-collapse: collapse; border: solid 1px #d9d9d9; margin: 15px 0 10px 0; font-size: 0.9em; }
.tbl-holiday th { padding: 9px 10px; font-weight: normal; border: solid 1px #d9d9d9; background-color: #f2f2f2; text-align: center; }
.tbl-holiday td { width: 18%; padding: 9px 0; border: solid 1px #d9d9d9; text-align: center; font-size: 1.2em; }
.tbl-bg-orange1 { background-color: #fce4d6 !important; }
.tbl-bg-orange2 { background-color: #feb585 !important; }
.td-font-s { font-size: 0.8em !important; }

/* ホリデー車検リンクボタン */
.holiday-link { max-width: 1000px; margin: 60px auto 20px auto; overflow: hidden; }
.holiday-link ul { margin: 0; padding: 0; }
.holiday-link li { width: 22%; margin: 0 1.5%; float: left; list-style: none; text-align: center; }
.holiday-link li a { display: block; width: 100%; height: 100%; background-color: #ff9900; color: #fff !important; border: 1px solid #ff9900; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 0; text-decoration: none; }
.holiday-link li a:hover { background-color: #de5f27; }
.holiday-link-active { background-color: #de5f27 !important; }


/* リスト */
.ul-style1 { margin: 0; padding: 0; line-height: 170%; }
.ul-style1 li { list-style: none; }
.ul-mark { margin: 0; padding: 0; line-height: 170%; }
.ul-mark li { list-style: none; }
.ul-img2 { margin: 15px 0; padding: 0; }
.ul-img2 li { display: inline-block; padding: 0 5px; list-style: none; }
.ul-line { margin: 10px 0; padding: 0; line-height: 170%; }
.ul-line li { list-style: none; padding: 3px 10px 3px 24px; border-bottom: dotted 1px #ccc; background :url(https://www.nagaura.jp/files/icon-mark.png) no-repeat 0.5% 50%; }

.ol-style1 { padding: 0 0 0 15px; margin: 10px 0; }
.ol-style1 li { margin-bottom: 18px; }
.ol-title { font-size: 1.05em; padding: 4px 10px 4px 10px; background-color: #dce9f2; }
.ol-style1 p { margin-top: 8px; }

/* ボタン */
.btn-link { display: inline-block; margin; 10px 0; background-color: #2a4198; color: #fff; font-size: 0.9em; border: 1px solid #2a4198; border-radius:16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; padding: 4px 25px; }
.btn-link a { color: #fff !important; text-decoration: none; }
.btn-link a:hover { color: #0071db; }

.btn-link-s { display: inline-block; margin-left: 15px; background-color: #2a4198; color: #fff; font-size: 0.9em; border: 1px solid #2a4198; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 0px 10px; }
.btn-link-s a { color: #fff !important; text-decoration: none; }
.btn-link-s a:hover { text-decoration: underline; }

.btn-cost { display: inline-block; margin: 30px 0 30px 10px; max-width: 400px; }
.btn-yoyaku { display: inline-block; margin: 10px 0 20px 0; max-width: 340px; }

.btn-map { display: inline-block; margin-left: 10px; background-color: #555; color: #fff !important; font-size: 0.9em; border: 1px solid #fff; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 0px 7px; line-height: 1.4em; text-decoration: none !important; }

/* 車検の流れ */
.btn-flow { margin: 20px auto; padding: 0; width: 800px; overflow: hidden; }
.btn-flow li { margin: 0 3%; list-style: none; width: 27.33333%; text-align: center; float: left; font-size: 1.2em; }
.btn-flow li a { display: block; background-color: #f98d00; color: #fff; font-size: 0.9em; border: 1px solid #ff9900; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px 0; text-decoration: none !important; }
.btn-flow li a:hover { background-color: #ff9900; text-decoration: underline !important; }

/* フラット７ */
.p-flat7-top { max-width: 750px; margin: 0 auto; }
.ul-flat7 { max-width: 83%; margin: 15px auto; padding: 0; overflow: hidden; }
.ul-flat7 li { width: 47%; margin: 8px 1.5%; padding: 0; list-style: none; float: left; }

.flat7-img { max-width: 1080px; margin: 0 auto 25px auto; padding: 0; overflow: hidden; }
.flat7-img li { width: 47%; margin: 8px 1.5%; padding: 0; list-style: none; float: left; }
.flat7-img p { text-align: center; font-weight: bold; font-size: 1.5em; margin-bottom: 10px; }
.flat7-img p::before { content: "★ "; }
.flat7-img p::after { content: " ★"; }

/* Flex Box */
.flex-row { display: flex; }
.block-2 { margin-right: 50px; }

.photo-2 { list-style: none; margin: 0; padding: 0; }
.photo-2 li { width: 46%; margin: 0 2%; }
.photo-2 li img { width: 100%; }
.photo-2 li p { margin: 8px 0; text-align: center; font-size: 1.2em; }

/* 余白 */
.mar-l20 { margin-left: 20px; }
.mar-l50 { margin-left: 50px; }
.mar-b7 { margin-bottom: 7px; }
.mar-b10 { margin-bottom: 10px; }
.mar-b15 { margin-bottom: 15px; }
.mar-b20 { margin-bottom: 20px; }
.mar-tb5 { margin: 5px 0; }
.mar-tb20 { margin: 20px 0; }
.mar-t10 { margin-top: 10px; }
.mar-t15 { margin-top: 15px; }
.mar-t20 { margin-top: 20px; }
.txt-r-mar { margin-right: 90px; }
.mar-ban { margin-bottom: 40px; }

.free-top-mar { margin-top: 20px; }
.photo2-mart { margin-top: 70px; }

.p-form { margin-left: 60px; }

/* 見出し */
.h4-style1 { font-size: 1.05em; color: #054b8c; display: inline-block; padding: 4px 15px 3px 15px; margin: 15px 0 0 0; background-color: #e5eef4; border: dotted 1px #5884ac; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.h4-style2 { font-size: 1.05em; padding: 4px 10px 3px 10px; margin: 20px 0 0 0; background-color: #dce9f2; }
.h4-style3 { padding: 4px 10px 3px 10px; margin: 12px 0 3px 0; background-color: #dce9f2; }
.h4-chui { font-size: 1.4em; padding: 7px 20px 5px 20px; margin: 10px 0; display: inline-block; background-color: #ff0; }
.h4-p { margin: 6px 0 12px 5px; }
.p-mar-b0 { margin-bottom: 0; }

/* テキスト */
.font-red { color: #ff0000; }
.font-b { font-weight: bold; }
.txt-ctr { text-align: center; }
.txt-r { text-align: right; }
.font-l { font-size: 1.2em; }
.font-ll { font-size: 1.4em; }
.font-200 { font-size: 2em; }
.txt-deco-no { text-decoration: none; color: #333 !important; }
.txt-red16 { color: #ff0000; font-size: 1.05em; }

/* 文章 + 画像 */
.txt-left { display: inline-block; float: left; margin: 15px 0; width: 65%; } 
.img-right { display: inline-block; float: right; margin: 15px 2%; width: 30%; }

.photo-right { width: 20%; float: right; padding: 10px 10px; }
.photo-right img { width: 100%; }

/* 背景色 */
.bg-yel { background-color: #ff0; }
.bg-gray { background-color: #e1e1e1; }


#sp-site-logo { display:none; }
#sp-search-btn { display:none; }

#service-menu { justify-content: space-around; }
#service-menu h3 { background-color:#30469b; padding:7px 0; text-align:center; color:#fff; } 
#service-menu > .col { border:1px solid #d9d9d9; }
.block { padding-right:15px; }
#service-menu .flexbox { padding:20px; font-size:0.8em; }

#top_baner1_box { background-color: #fff !important; }

/*
ul#main-menu { margin: 0; padding: 10px 0; background-color: #fff; }
ul#main-menu li { padding:10px 0; }
ul#main-menu li:hover { background-color: #f8f8f8; }

ul#main-menu { list-style: none; font-size: 0.8em; padding:0; text-align:center; }
#main-menu li:last-child { border-right: 1px solid #d9d9d9; }
#main-menu li { border-left: 1px solid #d9d9d9; }
#main-menu a { color: #525252; text-decoration:none; }
#main-menu a:hover { color: #011E8B; text-decoration:none; }
*/

ul#main-menu { clear: both; width: 100%; background-color: #fff; margin: 0; padding: 10px 0; }
ul#main-menu > li { font-size: 0.9em; margin: 0; padding:10px 0; text-align: center; list-style: none; border-left: 1px solid #d9d9d9; }
ul#main-menu > li:last-child { border-right: 1px solid #d9d9d9; }
ul#main-menu > li > a { color:#525252 !important; text-decoration:none; }
ul#main-menu > li > a:hover { background-color: #f8f8f8; color: #011E8B; text-decoration: none; }

#header_in { max-width:1200px; margin:0 auto; }
#top_baner1_in { max-width:1200px; margin:0 auto; }
#top_baner2_in { max-width:2000px; margin:0 auto; }

.maintablebox2 { /*max-width:1200px;*/ margin:0 auto; }
.main_inner { max-width:1220px; padding:0 10px; margin:0 auto; }

.footbackground { padding-top: 10px; border-top: solid 1px #d9d9d9; }
.footselect { background-image: none !important; }

.footer-menu-wrap { max-width:1100px; margin:0 auto; padding:0 10px; display: flex; }
.footer-menu { margin: 0 0 25px 0; padding: 10px 12px !important; }
.footer-menu h3 { margin: 0 0 5px 0; padding: 0; font-size: 0.98em; }
.footer-menu ul { width: 100%; margin: 0; padding: 0; }
.footer-menu li { list-style: none; margin: 0 0 3px 0 !important; }
.footer-menu li a { color: #333 !important; font-size: 0.9em; text-decoration: none; }
.footer-menu li a:hover { color: #031bab !important; }
.footer-menu li.link-no { font-size: 0.9em; }
.f-menu22 { width: 22%; }
.f-menu17 { width: 17%; }


.footer-info-wrap { clear: both; background-color: #e9e9e9; padding: 18px 0 15px 0; font-size: 0.9em; overflow: hidden; }
.footer-info { max-width: 1050px; margin: 0 auto; overflow: hidden; }
.shop-info { width: 50%; float: left; line-height: 1.7em; }
.footer-info-menu { float: right; }
.footer-info-menu ul { margin: 8px 0 0 0; padding: 0; }
.footer-info-menu ul li { margin: 0 25px 0 0; padding-left: 20px; float: left;list-style: none; background :url(/files/icon-footer-info.png) no-repeat 0 50%; }
.footer-info-menu ul li a { color: #333; text-decoration: none !important; }
.footer-info-menu ul li a:hover { color: #0071db; text-decoration: underline !important; }
.copyright { clear: both; background-color: #e9e9e9; margin: 40px 0 0 3px; font-size: 1.1em; }


/* スライドアニメ　リンク● */
#nav4 a { width: 15px !important; height: 15px; margin-top: 5px; }

.main_inner { width:100%; margin:0 auto; }
.main_block_updown_img img { display: block; margin: 0 auto; }

.main_block1_box { background-color:#ffffff; padding:10px 0; }
#main_block_body1_1 { margin-bottom:20px; }

.main_block2_inner { padding:50px 0; }
.main_block2_box { background-color:#ffffff; padding:30px 0; }
.tpc_box { background-color:#ffffff; padding:30px 0; }
.pku_box { background-color:#ffffff; padding:30px 0; }
.pku2_box { background-color:#ffffff; padding:30px 0; }
.news_box { background-color:#ffffff; padding:30px 0; }
.news2_box { background-color:#ffffff; padding:30px 0; }
.vmode_box { background-color:#ffffff; padding:30px 0; }
.youtube_box { background-color:#ffffff; padding:30px 0; }
.cover_box { background-color:#ffffff; padding:30px 0; }
.more_box { text-align:center; margin:20px 0; }

#sm-nav-btn img {
	width: 35px; /* 必要な幅 */
	border: 1px solid; /* 枠線の設定 */
	border-radius: 0.3em;
	background-color:#fff; /* 好きな背景色 */
	margin-top: 8px;
}
div#sm_nav_area { background-color: #fff; }
div#sm_nav_area #sp-menu { margin:0; }

.pku_cont1 .pku_cont_headlist { color:#fff; font-weight: bold; text-align: center; font-size: 1.1em; padding: 8px 5px !important; }
.pku_cont2 .pku_cont_headlist { color:#fff; font-weight: bold; text-align: center; font-size: 1.1em; padding: 8px 5px !important; }

.slide_textarea img { max-width:initial !important; }

@media screen and (max-width:767px) {
	/*　画面サイズが480pxからはここを読み込む　*/
body { font-size: 0.9em; }	
.top_menu_fixed { position:absolute; }
	.sm-none { display:none; }
	.top_fixed_menu { display:none; }
	.navi_new { display:none; }
	.document_new_r { margin-left:0 !important; }
	.document_new_r_contents { margin-left:0 !important; }
	.mainbody_r { margin-left:0 !important; }
	.mainbody_contents { margin-left:0 !important; }
	.main-menu01 { display:none; }
	#sm-nav-btn { display:block; }
	#sm-nav {
		background-color: #fff !important; /* 好みの背景色 */
		background-image:none;
	}
	#sm-nav .span { 
		display:block;
		color:#fff;
		font-size:16px;
	}
	#sm-nav > ul {
		width:100%;
	}
	#sm-nav ul.at_listmenu {
		position:relative;
	}
	#sm-nav ul.at_listmenu li {
		width:100%;
	}
	#sm-nav ul.at_listmenu ul {
		position:relative;
		left: 0;
	}
	#sm-nav > ul > li {
		padding:10px 5px;
	}
	#sm-nav > ul > li > a {
		background:none;
		height:auto;
	}
	.grid-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-sm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-sm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-sm-4 > .col {
		width:25%;
		float:left;
	}
	.flexbox-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-sm-2 > .col {
		width:50%;
	}
	.flexbox-sm-3 > .col {
		width:33%;
	}
	.flexbox-sm-4 > .col {
		width:25%;
	}
	.flexbox-sm-5 > .col {
		width:20%;
	}
	.flexbox-sm-6 > .col {
		width:16.6%;
	}
        #nav-logo { display:none; }        
        .at-content-img.side_img_box { float:none !important; margin-right:0px !important; margin-left:0px !important; margin-bottom:0.5em; }
        .top-menu { /* float:initial; */ float:left; }
        .top-menu ul { text-align:left; }
        #sp-holiday-logo { display:block; width: 60px; padding-top: 10px; float: left; }
body { background-image: none; }
.top-menu-box { max-width: 100%; padding: 0; height: auto; background-image: none; background-color:#fff; float: left; }
#sp-site-logo { display:block; float:left; padding-left: 5px; }
#sp-search-btn { display: block; padding: 4px 8px; background-color: #eee; color: #333; margin: 8px 0 0 0; float: right; text-decoration: none; border-radius: 0.2em; border: solid 2px #e9e9e9; text-align: center; position:absolute; right:46px; }

.mappoint{ max-width:100%; margin-bottom: 25px; border: solid 1px #e9e9e9; }
.mappoint th { padding:6px 0; font-size:0.8em;}
.mappoint tr td{ padding:6px 0; border: solid 1px #d9d9d9; }
.mappoint-cell { width: 33.33333%; display: block; float:left; }
.mappoint-cell:last-child { width: 100%; clear:left; }

.footbackground { padding-top: 0; border-top: none; }
.footer-menu-wrap { display:block; }
.footer-menu { width:100%; }
.footer-menu ul li a { padding:7px 0; display:block; font-size: 1em !important; }
.footer-info-wrap { text-align: center; padding: 18px 0 0 0; background-color: #efefef; font-size: 0.93em !important; }
.footer-info { max-width: 100%; }
.shop-info { width: 100%; float: none; font-size: 1em; }
.footer-info-menu { float: none; }
.footer-info-menu ul { margin: 15px auto; overflow: hidden; }
.footer-info-menu ul li { margin: 0 7px; float: none; display: inline-block; }
.copyright { margin: 10px 0 0 0; background-color: #e9e9e9; padding: 3px 0; }

.maintablebox2 { padding: 15px 8px 0 8px !important; }
.con2 { width: 100%; margin: 0 0.5%; }
.con3 { width: 100%; margin: 0 0.5%; }
.maintenance-box h4 { width: 100%; font-size: 1.05em; }
.maintenance-box ul { padding-left: 12px; width: 100%; margin: 0 auto 12px auto; font-size: 0.95em; }
.maintenance-box p { width: 98%; margin: 0 auto 12px auto; font-size: 0.95em; }

.ccaption_pku1 { width: auto; height: 32px !important; margin-bottom: 0 !important; }
.ccaption_pku1 h2 img { height: 32px !important; }
.ccaption_pku2 { width: auto; height: 32px !important; margin-bottom: 0 !important; }
.ccaption_pku2 h2 img { height: 32px !important; }
.ccaption_pku3 { width: auto; height: 32px !important; margin-bottom: 0 !important; }
.ccaption_pku3 h2 img { height: 32px !important; }
.ccaption_pku4 { width: auto; height: 32px !important; margin-bottom: 0 !important; }
.ccaption_pku4 h2 img { height: 32px !important; }
.ccaption_pku5 { width: auto; height: 32px !important; margin-bottom: 0 !important; }
.ccaption_pku5 h2 img { height: 32px !important; }

.pku_box { padding:5px 0 !important; }
.pku_cont5 .pku_cont_box { margin: 0 0 10px 0 !important; }
.pku_cont5 > ul > li { padding: 15px 5% 10px 5% !important; }
.block { padding-right:8px; }
#service-menu .flexbox { padding:10px; }

#main_block_head1_1 { width: 100% !important; height: 32px !important; margin-bottom: 3px; }
#main_block_head1_1 h2 img { height: 32px !important; }
#main_block_head2_1 { width: 100% !important; height: 32px !important; margin-bottom: 3px; }
#main_block_head2_1 h2 img { height: 32px !important; }
#main_block_head2_2 { width: 100% !important; height: 32px !important; margin-bottom: 3px; }
#main_block_head2_2 h2 img { height: 32px !important; }
.main_block2_inner { padding: 10px 0; }

.tpc_box { padding: 10px 0 30px 0; }
.tpc_leftright_box img { height: auto; }
div.ccaption_tpc1 { margin-bottom: 0px !important; }

.news_box { padding: 5px 0; font-size: 0.8em; }
.news_scroll { width: 100% !important; margin: 0 auto; }
.news_inner { padding: 0 !important; }
.top_news_date { display: block; }
.top_news_title_box { float: none; }
div.news_title { padding: 0 0 2px 2px !important; }
img#newsbar1.newsbar { height: 32px !important; width: auto; }
img#newsbar2 { height: 32px !important; width: auto; }
ul.top_news { margin: 2px 0 !important; }
.top_news2_title { margin-left: 1px; display: block; }
ul.top_news2 { line-height: 1.4em; padding: 2px 7px; margin: 2px 0 !important; }

div.ccaption { padding: 1px 0 2px 10px !important; font-size: 1.1em !important; }
div.ccaption h2 { font-size: 1.1em !important; }
div.ccaption_sub { padding: 1px 0 2px 10px !important; margin-bottom: 3px !important; font-size: 1.1em !important; }
div.ccaption_sub h3 { font-size: 1.1em !important; }

.free-comment-box { margin-left: 5px; margin-right: 5px; }
.free-top-mar { margin-top: 0; }
.flex-row { flex-flow: column nowrap; }
.block-2 { margin-right: 0; width: 100%; }

.tbl-style1 { font-size: 0.8em; }
.tbl-style1 th { padding: 9px 5px; }
.th-shaken-cost { width: 18%; }
.tbl-style2 th { padding: 9px 4px; }
.tbl-p { margin: 0 0 10px 3px; }

.tbl-company th { padding: 9px 0; width: 14%; }
.tbl-company td { padding: 9px 5px; }
.tbl-holiday { margin: 15px 0 2px 0; font-size: 0.8em }
.tbl-holiday th { padding: 5px 2px; }
.tbl-holiday td { font-size: 1em; }
.tbl-w { width: 100% !important; }
.td-font-s { font-size: 0.8em !important; }

.table-list li { margin-bottom: 12px !important; }
.tbl-style3 { width: 100%; }
.tbl-style3 td { padding: 3px; }

.holiday-link { max-width: 100%; margin: 30px auto 10px auto; }
.holiday-link li { width: 24%; margin: 0 0.5%; line-height: 1.3em; font-size: 0.85em; }
.holiday-link li a { padding: 7px 0; }

#seibi-list li p { margin: 3px 0 12px 0; }

.btn-flow { margin: 10px auto; width: 100%; }
.btn-flow li { margin: 0 1%; width: 31.33333%; font-size: 1em; }
.btn-flow li a { font-size: 0.9em; padding: 7px 0; }

.btn-yoyaku { margin: 10px auto 20px auto; max-width: 280px; display: block; }
.btn-cost { margin: 10px auto 10px auto; max-width: 280px; display: block; }

.photo-right { width: 43%; padding: 10px 0 0 3px; }
.txt-left { display: block; float: none; margin: 15px 0; width: 100%; }
.img-right { float: none; display: block; margin: 15px auto 0 auto; width: 80%; }

/* フラット７ */
.p-flat7-top { max-width: 100%; }
.flat7-img p { font-weight: normal; font-size: 1.1em; margin-bottom: 8px; line-height: 1.2em; }
.ul-flat7 { max-width: 100%; margin: 3px auto; }
.ul-flat7 li { width: 49%; margin: 0 0.5%; }

/* 写真2枚横並び */
.photo-2 li { width: 96%; margin: 0 auto 15px auto; }
.photo2-mart { margin-top: 15px; }

.ul-img2 { margin: 5px 0; text-align: center; }
.ul-img2 li { display: block; padding: 0 0 10px 0; }

.h4-style1 { margin: 7px 0 0 0; padding: 4px 6px 3px 6px; }
.h4-chui { font-size: 1.2em; padding: 6px 0 5px 0; margin: 10px auto; display: block; text-align: center; }
.mar-ban { margin-bottom: 20px; }
.mar-l50 { margin-left: 20px; }
.sp-mar-no { margin: 0; }
.p-form { margin-left: 5px; }
.font-ll { font-size: 1.3em; }
.txt-red16 { font-size: 1em; font-weight: normal !important; }

/* スマホグローバルメニュー */
#smp-global-nav { clear: both; }
#smp-global-nav h3 { background-color: #eee; color: #333; padding: 8px 6px; margin: 0; font-size: 0.97em; }
#smp-global-nav ul { margin: 0; padding: 0; }
#smp-global-nav ul li { margin: 0; padding: 0 0 0 20px; height: 38px; line-height: 38px; list-style: none; background: url(/files/icon-arrow2.png) no-repeat 0% 50%; border-bottom: 1px solid #ebebeb; }
#smp-global-nav ul li a { color: #333; display:block; width: 100%; height: 100%; text-decoration: none; }
#smp-global-nav ul li a:hover { color: #6887f8; }
.toppage { background-color: #eee; height: 38px; line-height: 38px; margin: 0 0 5px 0; padding-left: 6px; font-size: 0.97em; font-weight: bold; }
.toppage a { color: #680173; display:block; width: 100%; height: 100%; text-decoration: none; }
.sp-tel { width: 100%; margin: 5px auto 0 auto; }
.sp-reserve { width: 100%; margin: 0 auto 2px auto; }
.home { display: inline-block; margin: 9px 7px 0 0; float: right; }

.footer-nav li { width: 95%; font-size: 1rem; padding: 4px; text-align: left; border: none; }

}

@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
	.grid-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-mm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-mm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-mm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-mm-5 > .col {
		width:20%;
		float:left;
	}
	.flexbox-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-mm-2 > .col {
		width:50%;
	}
	.flexbox-mm-3 > .col {
		width:33%;
	}
	.flexbox-mm-4 > .col {
		width:25%;
	}
	.flexbox-mm-5 > .col {
		width:20%;
	}
	.flexbox-mm-6 > .col {
		width:16.6%;
	}
        #nav-logo { display:none; }
        ul#main-menu {
            margin: 0;
            padding: 10px 0;
            background-color: #fff;
        }
        ul#main-menu > li { padding:10px 0; }
        ul#main-menu > li:hover { background-color: #f8f8f8; }

.con2 { width: 49%; margin: 0 0.5%; }
.con3 { width: 33.333333%; }
.maintenance-box h4 { width: 80%; font-size: 0.9em; }
.maintenance-box ul { padding-left: 5px; width: 80%; font-size: 0.8em; }
.maintenance-box p { width: 80%;  font-size: 0.8em; }
.shop-tel a { text-decoration: none; color: #333; }

}
@media print,screen and (min-width:1024px) {
	/*　画面サイズが1024pxからはここを読み込む　*/
	.grid-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-wm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-wm-3 > .col {
		width:33.33333%;
		float:left;
	}
	.grid-wm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-wm-5 > .col {
		width:20%;
		float:left;
	}
	.grid-wm-6 > .col {
		width:16.6%;
		float:left;
	}
	.grid-wm-7 > .col {
		width:14%;
		float:left;
	}
	.flexbox-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-wm-2 > .col {
		width:50%;
	}
	.flexbox-wm-3 > .col {
		width:33.33333%;
	}
	.flexbox-wm-4 > .col {
		width:25%;
	}
	.flexbox-wm-5 > .col {
		width:20%;
	}
	.flexbox-wm-6 > .col {
		width:16.6%;
	}
	.flexbox-wm-7 > .col {
		width:14%;
	}
	.flexbox-wm-8 > .col {
		width:16.5%;
	}
#service-menu > .col { width:48%; }
.shop-tel a { text-decoration: none; color: #333; }
}
/* media print用
-------------------------------------------------------------------------------------- */
@media print {
	/*　プリント用にサイズを設定する　*/
        body { min-width:1050px; margin: 0 auto; }
}
div.ccaption {
	background-image: none;
	width:100%;
								height:auto;
								background-repeat:no-repeat;
								padding:6px 0 5px 10px;
								font-weight:bold;
								font-size:1.4rem;
								margin-bottom:25px;
								border-left:10px solid #001E8C;
								border-bottom:2px solid #001E8C;
								line-height:2rem;}

div.ccaption h1 {
	font-size:1.4rem;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
}
div.ccaption_sub {
	background-image: none;
	width:100%;
								height:auto;
								background-repeat:no-repeat;
								line-height:1.5rem;
								padding:5px 0 5px 10px;
								font-weight:bold;
								font-size:1.3rem;
								margin-bottom:8px;
								border-left:7px solid #f00;
								border-bottom:1px solid #d9d9d9;}
div.ccaption_sub h2 {
	font-size:1.3rem;
	font-weight:bold;
	margin:0;
	padding:0;
}
div.ccaption_sub_min {
	background-image: url(/image/sub/);
	width:100%;
								height:auto;
								background-repeat:no-repeat;
								background-position:left center;
								background-color: #f1f1f1;
								font-size:1.1rem;
								font-weight:bold;
								margin-top:7px;
								margin-bottom:7px;
								padding: 6px;}
div.ccaption_sub_min h3 {
	font-size:1.1rem;
	font-weight:bold;
	margin:0;
	padding:0;
}
@media screen and (max-width:767px) {
	#dir_free_area1 .main_inner { max-width:initial; margin:initial; padding:initial; }
	#dir_free_area1 .common_inner { max-width:initial; margin:initial; padding:initial; }
	#dir_free_area1 .ccaption { padding:0; }
	#dir_free_area1 .dir_free_inner .comment_inner { padding:0 10px; }
	#dir_free_area1 .dir_free_inner .contents_inner { padding:0 10px; }
	#dir_free_area1 .dir_free_inner .contents_left { padding:0 10px; }
	#dir_free_area1 .dir_free_inner .contents_left .contents_inner { padding:initial; }
}
#dir_free_area1 .fre_pku_image .hover_anime,
#dir_free_area1 .at-content-img .hover_anime { display:block; background-color:#fff; }
#dir_free_area1 .fre_pku_image .hover_anime a > img,
#dir_free_area1 .at-content-img .hover_anime a > img { transition: all 0.3s ease;}
#dir_free_area1 .at-content-img .hover_anime a > img { display:block; }
#dir_free_area1 .fre_pku_image .hover_anime a > img:hover,
#dir_free_area1 .at-content-img .hover_anime a > img:hover { opacity: 0.7; filter: alpha(opacity=70); }
div.rcaptionex { margin-top:0px; margin-left:0px; width:px; height:px; padding-top:0px; background-image:url(/userimage/1_1_2.jpg); background-repeat:no-repeat; background-position:top center; }
h1 { font-size:0.8em; font-weight:normal; text-align:center; margin:0.5em; }