:root { font-size:16px; }
body { color:#754301; background-color:#faf5e8; background-image: url(https://www.abeille-tsukuba.com/images/bg-body.gif);  margin: 0px;
background-repeat: repeat-x;
background-position: 50% 0;
background-color: transparent;
 }
body,td { text-decoration:none; }
a img { border:none; }
div.title-logo div { font-size:0.6em; text-align:center; color:#ccc; }
div#title_company h2 { font-size:1em; }
*, *: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:9999999; }

.mainbody { width:100%; overflow:hidden; }
.maintablebox { margin:0px; padding:0px; }
.maintablebox2 { margin:0 auto; padding-left:0px; padding-right:0px; padding-top:20px; background-image: url(/userimage/1_1_3.gif);  background-color: #faf5e8;  }
div#header_box { width:100%;   }
div#top_baner1_box { width:100%;   }
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:100%; height: auto; z-index: 999999; /* 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; }
 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; }
	.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.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:#df0f67; text-decoration:none; }
a:visited { color:#df0f67; text-decoration:none; }
a:hover { color:#df0f67; 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; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption h1 { font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption { margin-top:5px; margin-left:10px; width:; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.rcaptionex {  margin-top:0px; margin-left:0px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.menu_space { height:10px; }
div.document_space { height:10px; }
div.news_scroll { width:100%; height:300px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:300px; 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(/image/topr/); background-repeat:no-repeat; background-position:top center; float:left; }
div.rcaption_new h1 { font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
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:000; background-color:#000; }
hr.news_contents { height:1px; border:none; color:dcd7d4; background-color:#dcd7d4; }
hr.news2_contents { height:1px; border:none; color:000; background-color:#000; }
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;  }
div#font-size-change > dl > dd { float: left; border-radius:2px; margin-left: 2px; padding: 3px; min-width: 20px;
      
}
div#font-size-change > dl > dd:hover {   }
dd.font-select {   }
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; }

.video-title-box { text-align:center; margin:0 0.5em; }
.video-desc { margin:1em; display:block; }
.at-video { object-fit: cover; }
div.news h3 { margin:0px; padding:0px; display:inline; }
div.news h2 { margin:0px; padding:0px; display:inline; }
.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;
}
.news .at-icon-disc a.text_link ,
.news2 .at-icon-disc a.text_link {
	margin-left:20px;
	display:inline-block;
}
.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;
}
.news .at-icon-arrow a.text_link ,
.news2 .at-icon-arrow a.text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-arrow a.text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	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;
}
.news .at-icon-arrow2 a.text_link ,
.news2 .at-icon-arrow2 a.text_link {
	margin-left:20px;
	display:inline-block;
}
.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.15em;
	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.42em;
	left: -1.05em;
	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;
}
a#at-page-top { opacity:0.5; display:none; position: fixed; bottom:15px; right:15px; width: 55px; height: 55px; background-color: #a19d94; 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 #a19d94; 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: #7F7568;  }
a#at-page-top:hover > span { border: 5px solid #7F7568; 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; }
}
@media screen and (max-width:767px) {
.ccaption h1,.ccaption h2 { font-size:1.2rem !important; font-weight:bold !important; }

.ccaption_sub h2,.ccaption_sub h3 { font-size:1.1rem !important; font-weight:bold !important; }

.ccaption_sub_min h3,.ccaption_sub_min h4 { font-size:1rem !important; font-weight:bold !important; }
}
html {
  overflow-y: scroll;
  /* background: url(/files/footer-bg.jpg) no-repeat 50% 100% #faf5e8; */
  background-color: #faf5e8;
}
body { font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; }

a img { border: none; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.span{ display:none;}
.clear { clear: both; }
p { margin:0px; padding:0px;}
.free-comment-box { margin: 0 5px; }
.maintablebox2 { padding-bottom: 60px; }

/* ヘッダー */ 
.title-logo { max-width: 1100px; height:90px; margin:0 auto; }
.logo { width: 200px; height: 78px; float: left; margin-right: 25px; }
.logo h1 { margin: 0; padding: 0; }
.logo h1 img { width: 200px; height: 78px; }
.abeill-info { width: 360px; height: 80px; float: left; }

.top-menu-icon { max-width: 400px; float: right; height: 70px; margin-right: 20px; padding: 3px 20px 10px 20px; background-color: #FCF6E6; border:1px solid #FCF6E6; border-radius: 0 0 10px 10px / 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px / 0 0 10px 10px; }
.top-menu-icon ul { margin: 0; padding: 0; height: 70px; overflow: hidden; }
.top-menu-icon ul li { padding: 0 20px; list-style: none; float: right; }
.top-menu-icon ul li img { display: block; max-width: 45px; height: auto; margin: 0 auto; }
.top-menu-icon ul li p { text-align: center; line-height: 0.5em !important; }
.top-menu-icon ul li a { font-size: 10px; color: #605038; text-decoration: none; }
.top-menu-icon ul li a:hover { color: #42bfcc; }

/* nav */
#nav-wrap { width: 100%; height: 40px; border-bottom: solid 4px #ffffff; clear: both; }
nav { max-width: 1100px; height: 40px; margin: 0 auto; }
nav > ul { width: 100%; height: 40px; line-height: 40px; margin: 0; padding: 0; }
nav > ul > li { width: 16%; height: 40px; float: left; list-style: none; display: block; text-align: center; border-right: dotted 1px #d5cdc8; font-size: 1.05em; }
nav > ul > li:last-child { margin-right: 2%; border: none; }
nav > ul > li:first-child { margin-left: 2%; }
nav > ul > li a { display: inline-block; width: 100%; height: 40px; color: #333 !important; letter-spacing: 0.1em; font-size: 0.93em; }
nav > ul > li a:hover { border-bottom: solid 4px #fca7c7; text-decoration: none; }
#nav02 ul a { padding: 13px 5px 7px 10px !important; }

#nav2 a { width: 18px !important; height: 18px; } /* スライドショー　丸サイズ */
.nav a { border: 1px solid #dfdfdf; } /* スライドショー　丸枠線色 */
.nav li.activeSlide a { border: 1px solid #d7d7d7 !important; }

.ccaption h2 { line-height:1em; } /* 共通見出し　line-heightの継承をなくす */

/* main menu */
.main-menu01 a:hover { top:0px !important; }
.main-menu01 { margin:0px 0px 10px 0px; padding:0px; width:990px; height:50px;}
.main-menu01 ul { margin:0px; padding:0px; width:990px; height:50px;}
.main-menu01 ul li{ margin:0px; padding:0px; float:left; list-style-position: outside; list-style:none;}
a.main-btn01:link, a.main-btn01:visited { margin:0px; padding:0px; display:block; width:141px; height:50px; background:url(/files/main-btn01-l.gif) no-repeat;}
a.main-btn01:hover { background:url(/files/main-btn01-h.gif) no-repeat;}
a.main-btn02:link, a.main-btn02:visited { margin:0px; padding:0px; display:block; width:141px; height:50px; background:url(/files/main-btn02-l.gif) no-repeat;}
a.main-btn02:hover { background:url(/files/main-btn02-h.gif) no-repeat;}
a.main-btn03:link, a.main-btn03:visited { margin:0px; padding:0px; display:block; width:141px; height:50px; background:url(/files/main-btn03-l.gif) no-repeat;}
a.main-btn03:hover { background:url(/files/main-btn03-h.gif) no-repeat;}
a.main-btn04:link, a.main-btn04:visited { margin:0px; padding:0px; display:block; width:141px; height:50px; background:url(/files/main-btn04-l.gif) no-repeat;}
a.main-btn04:hover { background:url(/files/main-btn04-h.gif) no-repeat;}
a.main-btn05:link, a.main-btn05:visited { margin:0px; padding:0px; display:block; width:141px; height:50px; background:url(/files/main-btn05-l.gif) no-repeat;}
a.main-btn05:hover { background:url(/files/main-btn05-h.gif) no-repeat;}
a.main-btn06:link, a.main-btn06:visited { margin:0px; padding:0px; display:block; width:141px; height:50px; background:url(/files/main-btn06-l.gif) no-repeat;}
a.main-btn06:hover { background:url(/files/main-btn06-h.gif) no-repeat;}
a.main-btn07:link, a.main-btn07:visited { margin:0px; padding:0px; display:block; width:144px; height:50px; background:url(/files/main-btn07-l.gif) no-repeat;}
a.main-btn07:hover { background:url(/files/main-btn07-h.gif) no-repeat;}

/* sub menu */
#left-box{width:190px; border:0; align:left; margin:15px 0px 0px 0px; padding:0;}
.sub-menu01 ul{margin:0px 0px 10px 0px; padding:0px;}
.sub-menu01 ul li{margin:0; padding:0; list-style-position: outside; list-style:none;}
a.sub-btn01 { display:block; width:190px; height:80px; margin:0px 0px 10px 0px; padding:0px; background:url(/files/side-btn-seihin.gif) no-repeat left center;}
a.sub-btn02 { display:block; width:190px; height:80px; margin:0px 0px 10px 0px; padding:0px; background:url(/files/side-btn-yoyaku.gif) no-repeat left center;}
a.sub-btn03 { display:block; width:190px; height:80px; margin:0px 0px 10px 0px; padding:0px; background:url(/files/side-btn-schedule.gif) no-repeat left center;}
a.sub-btn04 { display:block; width:190px; height:50px; margin:0px 0px 10px 0px; padding:0px; background:url(/files/qa-btn.gif) no-repeat left center;}
a.sub-btn05 { display:block; width:190px; height:50px; margin:0px 0px 10px 0px; padding:0px; background:url(/files/blog-btn.gif) no-repeat left center;}
a.sub-btn06 { display:block; width:190px; height:50px; margin:0px 0px 10px 0px; padding:0px; background:url(/files/privacy-btn.gif) no-repeat left center;}
a.sub-btn07 { display:block; width:190px; height:50px; margin:0px 0px 10px 0px; padding:0px; background:url(/files/link-btn.gif) no-repeat left center;}
a.sub-btn08 { display:block; width:190px; height:122px; margin:0px 0px 10px 0px; padding:0px; background:url(/files/side-btn-exviance.gif) no-repeat left center;}
a.sub-btn09 { display:block; width:190px; height:101px; margin:0px 0px 10px 0px; padding:0px; background:url(/files/side-btn-mesoceutical.gif) no-repeat left center;}

/* サイドメニュー */
a.side { display: block; margin-bottom: 15px; padding: 0; width: 190px; height:120px; }
a.meisyo { background:url(/files/side-meisyo.jpg) no-repeat top left; }
#sidemenu-title { margin:0; background:url(/files/side-esthetic-service.gif) no-repeat 0% 0%; width:190px; height:40px; }
.sub-menu a:hover { top:0px !important; }
.sub-menu { margin:0px 0px 10px 0px; width:190px; }
.sub-menu ul { margin:0; padding:0; width:188px; border:solid 1px #bca95d; }
.sub-menu ul li { list-style:none; }
.sub-menu ul li a { text-decoration:none; text-align:left; color:#754301; display:block; }
.sub-menu ul li a:hover { color:#C53C00; }
.sub-menu ul li a.side-01{ margin:0; padding:0 3px 0 25px; width:157px; height:30px; line-height:30px; border-bottom:dotted 1px #bca95d; background:url(/files/icon-arrow1.gif) no-repeat 5% 50%; }
.sub-menu ul li:last-child a.side-01 { border:none; }

#submenu-title { margin:0 0 10px 0; background:url(/files/submenu-title.gif) no-repeat 0% 0%; width:190px; height:40px; }

/* company img */
.flash { width:990px; height:250px; margin:-5px 0 15px 0; padding:0px; background :url(/files/flash-img.jpg) no-repeat;}

/* 三津橋様　経歴 */
.img-keireki { max-width: 900px; max-height: 250px; margin: 0 auto; display: block; width:100%; }
#main_block_body2_1 .main_block_leftright_box, #main_block_box1_1 .main_block_leftright_box { width: 94%; margin: 0 auto; }
#main_block_body2_1 .main_block_leftright_img, #main_block_box1_1 .main_block_leftright_img { width: 54%; }
.txt-udr-line { line-height: 180% !important; border-bottom: dotted 1px #ba926d; padding: 0 8px; }
.txt-udr-line:first-child { margin-top: 20px; }

/* フッター修正後 */
.footer-menu { max-width: 1060px; margin: 20px auto 0 auto; overflow: hidden; }
.footer-menu h2 { margin: 0 0 10px 0; padding:0; text-align: center; }
.foot-li h3 { margin: 0 0 8px 0; padding: 0 0 0 8px; font-size: 1.04em; font-weight: normal; border-left: solid 6px #f783b0; line-height: 130% !important; text-align: left; }
.footer-menu ul { list-style: none; margin: 0; padding: 0; height: 240px; overflow: hidden; }
.foot-li { border-left: 1px solid #e7e0ce; padding: 5px 10px; margin-bottom: 10px; float: left; }
.foot-li ul li { padding-left: 15px; background: url(/files/icon-arrow3.png) no-repeat 0 50%; list-style:none; line-height: 160% !important; }
.foot-li:last-child { border-right: 1px solid #e7e0ce; }
.foot-li a { color: #754301 !important; font-size:0.9em !important; }
.foot-li a:hover { color: #C37003 !important; }
.ft-li-1 { width: 27%; }
.ft-li-2 { width: 30%; }
.ft-li-3 { width: 22%; }
.ft-li-4 { width: 21%; }

.footer-info { clear: both; margin: 20px 0 0 0; padding: 0; text-align: center; }
.footer-tel a { color: #754301; }
.copyright { text-align: center; padding-bottom: 20px; }

/* トップご来店エリア */
.top-area { padding:0px; margin:0 auto; width:90%; border:1px solid #dcd7d4; border-collapse: collapse;}
.top-area th { padding:10px; margin:0px; color:#84571C; text-decoration:none; font-weight:normal; text-align:center;}
.top-area td { padding: 15px 0; margin:0px; width:14.28%; border:1px solid #dcd7d4; text-align:center; color:#84571C; }
.top-area td a { font-size: 12px; color:#84571C; text-decoration:none;}

/* facial.htm */
.course { padding:0px; margin:0px 0px 0px 10px; width:700px; border:1px solid #C3AC71; border-collapse: collapse;}
.course th { padding:5px; margin:0px; border:1px solid #C3AC71; background:#FCF6E6; text-align:left;}
.course td { padding:5px; margin:0px; border:1px solid #C3AC71; text-align:left;}

/* index tag */
.title-logo h1{margin:0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 10px; color: #4B2B01; text-align:center; font-weight: normal;}
.flash h2{margin:0px; padding:0px; display:none;}

/* トップページ下見出し
h3.h3-abeill-menu { margin: 0; } */
h3.h3-abeill-menu { margin: 0; text-align: center; }
h3.h3-abeill-menu img { max-width: 200px; max-height: 38px; }

/* 写真・テキスト枠 */
.photo-text-1 { margin:20px 10px; width:730px; }
.photobox-1 { float:left; text-align:center; padding:0 10px 0 0; }
.textbox-1 { float:left; padding:15px 0 0 10px; width:340px; font-size:15px; }

/* フェイシャル　メニューボタン */
.btn-facial { width:720px; height:70px; margin:25px 0 0 10px; }
.btn-facial ul { margin:0; padding:0; }
.btn-facial li { margin:0 10px 0 0; padding:0; width:170px; list-style:none; float:left; }

/* セラピスト */
.therapist-li-1 { margin:0 0 30px 15px; }
.therapist-li-1 ul { margin:0; padding:0; }
.therapist-li-1 li { margin:0 0 5px 15px; padding:0; }
.therapist-li-2 { margin:0 0 0 15px; }
.therapist-li-2 ul { margin:0; padding:0; }
.therapist-li-2 li { margin:0 30px 15px 0; padding:0; list-style:none; }

/* ピックアップ */
.ccaption_pku { margin-top:-20px !important; }
.pku_box { max-width: 100%; }

.pku_cont3 .pku_cont_img { width: 190px; margin: 0 auto !important; }
.pku_cont3 > ul { width: 80%; margin: 0 auto; }

.pku_cont2 > ul > li { padding: 0 0.5% 20px 0.5% !important; }
.pku_cont2 .pku_cont_headlist { padding: 8px 0 0 0 !important; }
.pku_cont2 .pku_cont_list { padding: 5px 5px 10px 5px !important; font-size: 0.92em; }
.pku_cont2 a:hover .pku_cont_headlist h3 { color: #df0f67; }

#pku_box3 { padding: 45px 0; }


/* スライドショー
.slide { margin:0 0 20px 0; } */

/* rssアイコン位置 */
.newsbar { margin-right:8px; }

/* ニュース */
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: 0; }
ul.news li:first-child { border-top: solid 1px #dcd7d4; padding-top: 8px; }
div.news_comment { height: 58px !important; }
.news_box { max-width: 100%; }
.news_inner { padding: 0 30px; }
div.news_title { padding: 0 0 10px 5px !important; }
.top_news_title_box { float: left; }
hr.news_contents { clear: both; }
.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; }

/* 問い合せ */
.contact-top { margin: 0 0 10px 65px; }

/* 問い合せ：内部ページ下部 */
.contact-box { background-color: #faf5e8; border: solid 1px #ece4df; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 15px; width: 82%; margin: 0 auto; }
.contact-box ul { margin: 0; padding: 0; overflow: hidden; }
.contact-box ul li { float: left; list-style: none; text-align: center; }
.contact-box ul li a { color: #754301 !important; }
.contact-box ul li a:hover { text-decoration: none; }
.contact-box ul li.icon-tel img { max-width: 90px; margin-right: 10px; display: inline-block; vertical-align: middle !important; }
.contact-box ul li.icon-txt img { display: block; max-width: 90px; margin: 0 auto 3px auto; }
.icon-tel { width: 55%; font-size: 2em; font-weight: bold; padding-top: 12px; }
.icon-txt { width: 15%; font-size: 0.9em; }

/* ALEXハーブピール */
.alex-top-img { display: block; max-width: 100%; margin-bottom: 20px; }
.alex-2peel-logo { display: block; max-width: 250px; margin-bottom: 15px; }

/* 見出しスタイル */
.h4-style1 { font-size: 1.2em; margin: 0 3px 15px 3px; border-bottom: dashed 1px #dfdfdf; padding: 4px 0 3px 8px; border-left: solid 6px #fe93cd; }
.h4-style2 { font-size: 18px; margin-bottom: 15px; }
.h4-style3 { font-size: 20px; margin-bottom: 15px; color: #ffaa00; }
.h4-style4 { font-size: 18px; margin: 0 0 15px 0; }

/* リストスタイル */
.ul-style1 { margin: 15px 0 20px 30px; padding: 5px 0; }
.ul-style1 li { margin: 0 0 5px 0; padding: 0 0 0 2px; }
.ul-style2 { margin: 0; padding: 0 0 0 30px; }
.ol-style1 { padding-left: 20px; }
.ol-style1 li h4 { padding: 0 0 0 5px; margin: 18px 0 4px 0; }

/* テーブル */
.tbl-1 { width: 70%; margin: 15px 0; border-collapse: collapse; text-align: left; font-size: 1.15em; border: dashed 1px #d3d3d3; }
.tbl-1 th { padding: 8px 10px; border-bottom: dashed 1px #d3d3d3; }
.tbl-1 td { padding: 8px 10px; border-bottom: dashed 1px #d3d3d3; }
.tbl-1-2 { width: 90%; margin: 15px 0; border-collapse: collapse; text-align: left; font-size: 1.15em; border: dashed 1px #d3d3d3; }
.tbl-1-2 th { padding: 10px 10px; border-bottom: dashed 1px #d3d3d3; }
.tbl-1-2 td { padding: 10px 10px; border-bottom: dashed 1px #d3d3d3; }
.tbl-1-3 { width: 80%; margin: 15px 0; border-collapse: collapse; text-align: left; font-size: 1.15em; border: dashed 1px #d3d3d3; }
.tbl-1-3 th { padding: 5px 10px; }
.tbl-1-3 td { padding: 5px 10px; }
.tbl-1-4 { width: 90%; margin: 15px 0; border-collapse: collapse; text-align: left; font-size: 1.15em; border: dashed 1px #d3d3d3; }
.tbl-1-4 th { padding: 6px 10px; border-bottom: dashed 1px #d3d3d3; border-right: dashed 1px #d3d3d3; }
.tbl-1-4 td { padding: 6px 10px; border-bottom: dashed 1px #d3d3d3; border-right: dashed 1px #d3d3d3; text-align: center; }
.tbl-2 { width: 30%; margin: 15px 0; border-collapse: collapse; text-align: left; font-size: 1.15em; border: dashed 1px #d3d3d3; }
.tbl-2 th { font-weight: normal; padding: 8px 10px; border-bottom: dashed 1px #d3d3d3; border-right: dashed 1px #d3d3d3; }
.tbl-2 td { padding: 8px 10px; border-bottom: dashed 1px #d3d3d3; border-right: dashed 1px #d3d3d3; }
.tbl-3 { width: 55%; margin: 15px 0 25px 0; border-collapse: collapse; text-align: left; font-size: 1.15em; border: dashed 1px #d3d3d3; }
.tbl-3 th { font-weight: normal; padding: 3px 10px; border-bottom: dashed 1px #d3d3d3; border-right: dashed 1px #d3d3d3; }
.tbl-3 td { padding: 3px 10px; border-bottom: dashed 1px #d3d3d3; border-right: dashed 1px #d3d3d3; }
.border-no { border: none !important; padding: 8px 10px 5px 10px !important; }
.border-btm-no { border-bottom: none !important; }
.border-b-r-no { border-bottom: none !important; border-right: none !important; }
.pad-no { padding: 0 10px 10px 10px !important; }
.td-center { text-align: center !important; }
.td-left { text-align: left !important; }

/* 料金 */
.price-style1 { font-size: 1.2em; font-weight: bold; margin: 0 0 0 10px; }

/* テキスト等 */
.font-red { color: #ff0000; }
.font-red2 { color: #ff0000; font-weight: bold; }
.font-pink { color: #ea7dab; }
.font-blue { color: #2989ff; }
.font-13 { font-size: 13px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; font-weight: bold; }
.font-24 { font-size: 24px; font-weight: bold; }
.font-bold { font-weight: bold; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* ボタン */
.btn-style1 { display: inline-block; background-color: #ffaa00; padding: 1px 13px; margin: 8px 0; color: #fff; font-weight: bold; border: solid 1px #ffaa00; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

/* 余白 */
.mar-b10 { margin-bottom: 10px; }
.mar-b15 { margin-bottom: 15px; }
.mar-b20 { margin-bottom: 20px; }
.mar-b25 { margin-bottom: 25px; }
.mar-t10 { margin-top: 10px; }
.mar-t20 { margin-top: 20px; }
.mar-l10 { margin-left: 10px; }
.mar-l15 { margin-left: 15px; }

.p-mar-t0 { margin: 0 20px 0 10px; }
.p-mar-t10 { margin: 10px 20px 0 10px; }
.p-mar-t20 { margin: 20px 20px 0 10px; }

/* 位置 */
.img-center { display: block; margin: 0 auto 15px auto; }
.img-left { display: block; float:left; }
.img-right { display: block; float:right; }
.block-left { float: left; }

/* 画像サイズ */
.img-220 { width: 220px; height: auto; }
.img-360 { width: 360px; height: auto; }

/* ボーダーの中にテキスト */
.box-border-large { font-size: 18px; padding: 10px 25px; border: solid 2px #e5e3dd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.box-border-yellow { padding: 10px 20px; margin-bottom: 15px; border: solid 1px #ffaa00; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

div#top_baner2_box { margin-top: 10px; }

.maintablebox { max-width: 1100px; margin: 0 auto; }

.maintablebox2_outerbox { max-width: 1100px; margin: 0 auto; clear: both; }
.main_inner { width:96%; margin:0 auto; }
.main_block_updown_img img {
    display: block;
    margin: 0 auto;
}

.main_block1_box { background-color:#ffffff; padding:30px 0 40px 0; }
.main_block2_box { background-color:#ffffff; padding:30px 0; }
.tpc_box { background-color:#ffffff; padding:30px 0; }
.pku_box { background-color:#ffffff; padding:0 0 30x 0; }
.pku2_box { background-color:#ffffff; padding:30px 0; }
.news_box { background-color:#ffffff; padding:20px 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: 45px; /* 必要な幅 */
	border: 1px solid; /* 枠線の設定 */
	border-radius: 0.3em;
	background-color:#fff; /* 好きな背景色 */
	margin-top: 5px;
}

#main_block_body2_3,#main_block_body2_4 { text-align:center; }

@media screen and (max-width:767px) {
	/*　画面サイズが480pxからはここを読み込む　*/
	.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; }
	.at-content-text { overflow: initial !important; }
	#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%;
	}
html { background-color: #fff; }
.maintablebox2 { padding-top: 0 !important; padding-bottom: 0; }
#at-page-top { bottom: 50px !important; }
.main_inner { width:100%; }

.footbackground { padding-bottom: 50px; }
.ft-li-1, .ft-li-2, .ft-li-3, .ft-li-4 { width: 100%; }
.footer-menu ul { height: auto; }
.foot-li { border-left: none; }
.foot-li:last-child { border-right: none; }
.foot-li ul li { padding: 1px 0 5px 15px; margin: 2px 0; border-bottom: dotted 1px #dfdfdf; }
.foot-li ul li:first-child { border-top: dotted 1px #dfdfdf; padding-top: 5px; } 
.foot-li a { font-size: 0.92em !important; }
.footer-info { max-width: 100%; padding: 5px 0 20px 0; text-align: center; }
.footer-info { font-size: 0.85em; line-height: 1.5em; }
.footer-add { display: block; margin: 0; }
.footer-tel { display: block; margin: 0 0 2px 0;  }
.footer-tel a { text-decoration: underline; color: #df0f67; }
.copyright { margin-top: 3px; font-size: 1em; }

/* header */
.title-logo { height: auto; }
.logo { width: 170px; height: auto; float: none; margin-right: 0; margin-top: -7px; }
.logo h1 img { width: 100%; height: auto; }
.abeill-info { display: none; }
div#top_baner2_box { margin-top: 0; }

/* トップメニュー　スマホ下固定 */
.top-menu-icon { max-width: 100% ;width: 100%; float: none; height: auto; margin-right: 0; padding: 0; border: none; position: fixed; bottom: 0; left:0; z-index: 9999999999; }
.top-menu-icon ul { margin: 0; padding: 6px 0; height: auto; }
.top-menu-icon ul li { padding: 0; float: left; width: 25%; }
.top-menu-icon ul li img { max-height: 30px; }

/* スマホグローバルメニュー */
#smp-global-nav { clear: both; }
#smp-global-nav h3 { background-color: #f1f0f0; color: #570605; padding: 8px 6px; margin: 0; font-size: 0.97em; }
#smp-global-nav ul { margin: 0 0 50px 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: #84571C; display:block; width: 100%; height: 100%; text-decoration: none; }
#smp-global-nav ul li a:hover { color: #df0f67; }
.toppage { background-color: #f1f0f0; height: 38px; line-height: 38px; margin: 0 0 5px 0; padding-left: 6px; font-size: 0.97em; font-weight: bold; }
.toppage a { color: #570605; display:block; width: 100%; height: 100%; text-decoration: none; }
.sp-tel { width: 100%; margin: 5px auto; padding-top: 5px; }
.home { display: inline-block; margin: 9px 7px 0 0; float: right; }

#sm-nav-btn img { margin: 10px 10px 0 0 !important; }
#nav-wrap { display: none; }
.news_inner { padding: 0 !important; }
ul.top_news { font-size: 0.9em; }
.top_news_title_box { float: none; }
div.news_title { padding: 0 0 2px 2px !important; }
img#newsbar1 { height: 35px !important; width: auto; } 

div.ccaption_pku1 { height: 30px !important; }
div.ccaption_pku2 { height: 30px !important; }
div.ccaption_pku3 { height: 30px !important; margin-bottom: 12px !important; }
.div#main_block_head2_3 { margin-top: 10px !important; }
div#main_block_head2_1 { height: 30px !important; }
div#main_block_head2_2 { height: 30px !important; margin-bottom: 12px !important; }
div#main_block_head2_3 { height: 30px !important; margin-top: 30px !important; margin-bottom: 12px !important; }

div.ccaption_pku1 h2 img { max-height: 30px !important; }
div.ccaption_pku2 h2 img { max-height: 30px !important; }
div.ccaption_pku3 h2 img { max-height: 30px !important; }

div#main_block_head2_1 h2 img { max-height: 30px !important; }
div#main_block_head2_2 h2 img { max-height: 30px !important; }
div#main_block_head2_3 h2 img { max-height: 30px !important; }
#main_block_body2_1 .main_block_leftright_box, #main_block_body1_1 .main_block_leftright_box { width: 100%; margin: 0 auto; font-size: 0.89em; }
#main_block_body2_1 .main_block_leftright_img, #main_block_body1_1 .main_block_leftright_img { width: 100%; }
#main_block_body2_1 .main_block_leftright_cmt, #main_block_body1_1 .main_block_leftright_cmt { overflow: visible !important; padding: 0 7px; }


.txt-udr-line { padding: 0 3px; }

#pku_box2 { width: 100% !important; margin: 0 auto; }
.pku_cont2 > ul { margin-top: 7px !important; }
#pku_cont_list2_1, #pku_cont_list2_4, #pku_cont_list2_8 { text-align: center; }
.pku_cont2 .pku_cont_box img { width: 64% !important; }
.pku_cont2 > ul > li { text-align: center; }
.pku_cont3 .pku_cont_img { width: 90% !important; margin: 0 auto !important; }
.pku_cont3 > ul { width: 100%; }
#pku_box3 { padding: 30px 0; }

.top-area { width: 100%; }
.top-area th { padding:6px; font-size: 0.8em; font-weight: normal; }
.top-area td { padding:6px 1px; font-size: 0.8em; }

/* テーブル */
.tbl-1 { width: 100%; font-size: 0.85em; }
.tbl-1 th { padding: 10px 2px; }
.tbl-1 td { padding: 10px 2px; }
.tbl-1-2 { width: 100%; font-size: 0.85em; }
.tbl-1-2 th { padding: 10px 2px; }
.tbl-1-2 td { padding: 10px 2px; }
.tbl-1-3 { width: 100%; font-size: 0.85em; }
.tbl-1-3 th { padding: 5px 2px; }
.tbl-1-3 td { padding: 5px 2px; }
.tbl-1-4 { width: 100%; font-size: 0.85em; }
.tbl-1-4 th { padding: 6px 2px; }
.tbl-1-4 td { padding: 6px 2px; }
.tbl-2 { width: 100%; font-size: 0.85em; }
.tbl-2 th { padding: 8px 2px; }
.tbl-2 td { padding: 8px 2px; }
.tbl-3 { width: 100%; font-size: 0.85em; }
.tbl-3 th { padding: 3px 2px; }
.tbl-3 td { padding: 3px 2px; }
.border-no { padding: 10px 2px 5px 2px !important; }
.pad-no { padding: 0 2px 10px 2px !important; }
.font-13 { font-size: 11px; }

.box-border-large { font-size: 16px; padding: 10px 5px; }

div.ccaption { padding:12px 8px 9px 7px !important; height: auto; }
div.ccaption h2 { font-size: 12.5pt !important; }
div.ccaption_sub { padding: 6px 0 4px 8px !important; }
div.ccaption_sub h3 { font-size: 12pt !important; }

.contact-top { margin: 0 0 10px 10px; }
.shopcartlst_img img { max-width:40%; }

.contact-box { width: 100%; }
.contact-box ul li.icon-tel img { max-width: 60px; }
.contact-box ul li.icon-txt img { max-width: 60px; }
.icon-tel { width: 100%; font-size: 1.4em; padding-top: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: dotted 1px #ece4df; }
.icon-txt { width: 33.3333%; font-size: 0.85em; }

.p-mar-t0 { margin: 0 0 0 0; }
.p-mar-t10 { margin: 10px 0 0 0; }
.p-mar-t20 { margin: 20px 0 0 0; }

/* 最新情報の省略可 */
.top_news_title_box { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

}
@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%;
	}
/* トップメニュー　下固定 */
.top-menu-icon { max-width: 100% ;width: 100%; float: none; height: auto; margin-right: 0; padding: 0; border: none; position: fixed; bottom: 0; left:0; z-index: 9999999999; }
.top-menu-icon ul { margin: 0; padding: 8px 0; height: auto; }
.top-menu-icon ul li { padding: 0; float: left; width: 25%; }
.top-menu-icon ul li img { max-height: 45px; }

#nav-wrap { font-size: 0.85em; }
.at-content-text { overflow: initial !important; }
.footer { font-size: 0.85em; }
.footer-nav ul.nl li { padding: 0px 1px 0px 5px; }

#main_block_body2_1 .main_block_leftright_box, #main_block_body1_1 .main_block_leftright_box { width: 100%; font-size: 0.9em; }
#main_block_body2_1 .main_block_leftright_img, #main_block_body1_1 .main_block_leftright_img { width: 50%; }
.top-area { width: 98%; }
.top-area td { font-size: 0.9em; }

.contact-box { width: 100%; }

}
@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%;
		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%;
	}
	.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%;
	}
#pku_cont_list2_1 { padding: 5px 10px 10px 20px !important; }
#pku_cont_list2_4 { padding: 5px 0 10px 15px !important; }
.pc-pad-l220 { padding-left: 220px; }
}
/* media print用
-------------------------------------------------------------------------------------- */
@media print {
	/*　プリント用にサイズを設定する　*/
        body { min-width:1050px; margin: 0 auto; }
}
div.ccaption {
	background-image: url(/image/sub/);
	width:100%;
	height:auto;
	margin-bottom: 15px;
	background-repeat:no-repeat;
	background-color: #efede8;
	padding:14px 8px 14px 12px;
	font-weight:bold;
	font-size:15pt;
	border-left: solid 10px #ffcc00;}
div.ccaption span {
	display: inline;
}
div.ccaption h2 {
	font-size:15pt;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
}

div.ccaption_sub {
	background-image: url(/image/sub/);
	width:100%;
	height:auto;
	padding:10px 0 10px 10px;
	font-size:13pt;
	font-weight: bold;
	background-color: #efede8;
	margin-bottom: 18px;}
div.ccaption_sub span {
	display: inline;
}
div.ccaption_sub h3 {
	font-size:13pt;
	font-weight: bold;
	text-align:left;
	margin:0;
	padding:0;
}
a.main-btn07:link, a.main-btn07:visited, a.main-btn07:hover { background:url(/files/main-btn07-h.gif) no-repeat 0% 100% !important;}
div.rcaptionex { margin-top:0px; margin-left:0px; width:px; height:px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
h1 { font-size:0.8em; font-weight:normal; text-align:center; margin:0.5em; }