body { margin: 0px; color:#3c3c3c; background-color:#FFFFFF;   font-family:Verdana,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; font-size:14px; }
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; }
.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:10px; padding-right:10px; padding-top:17px; background-image: url();   }
div#header_box { width:100%;   }
div#top_baner1_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.menut{ clear: left; width:; text-align:left; vertical-align:text-top; }
div.navi_new { width:250px; float:left;  }
div.document_new { text-align:left; }
div.document_new_r { margin-left:-250px; float:right; width:100%; }
div.document_new_r_contents { margin-left:270px; }
.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: 999; /* box-shadow: 0 0 3px 0 #333; */ padding: 5px; }
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; }

.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; }
table.mainw{ width:; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
td.navi { width:; vertical-align:top; text-align:left; }
td.naviR { width:; vertical-align:top; text-align:right; }
td.document { width:; vertical-align:top; text-align:left;  }
td.toplimg { text-align:center; vertical-align:top; }
td.rcaption { text-align:center; vertical-align:text-top; }
td.qrcode { width:174px; text-align:center; vertical-align:text-top; }
table.news { width:100%; border-style:none; font-size:13px; }
table.news td { text-align:left; }
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:#04a6ef; text-decoration:none; }
a:visited { color:#04a6ef; text-decoration:none; }
a:hover { color:#04a6ef; 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:15pt; text-align:center; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:15pt; text-align:center; }
div.rcaption h1 { font-weight:bold; font-size:15pt; text-align:center; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:15pt; 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.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:13pt; }
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:330px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:330px; 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:15pt; text-align:center; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:15pt; 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:fff; background-color:#fff; }
hr.news2_head { height:1px; border:none; color:fff; background-color:#fff; }
hr.news_contents { height:1px; border:none; color:dcdcdc; background-color:#dcdcdc; }
hr.news2_contents { height:1px; border:none; color:dcdcdc; background-color:#dcdcdc; }
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:14px; 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;
    background-color:#ffffff; border:1px solid #01a4ef; color:#3c3c3c;
}
div#font-size-change > dl > dd:hover { background-color:#01a4ef; color:#ffffff; }
dd.font-select { background-color:#01a4ef !important; color:#ffffff !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:14px; 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; }

html { overflow-y: scroll; }
body { line-height:150%; margin:0; padding:0; }

a img {border:none;}
a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”; }
a.link-style1 { background: url("/files/link-style1.jpg") no-repeat 0% 55%; padding-left:19px; text-decoration:underline; }
.span{display:none;}
.clear{clear:both;}

div.ccaption_news_sub h3 { font-weight:bold !important; }

.at-content-box { margin:5px 10px 0 10px !important; }

.top-menu-box h1 { text-decoration:none; margin:0; padding:3px 0 0 5px; font-size:11px; font-weight:normal; float:left; }
.header-wrap { width:990px; height:70px; margin:0 auto; clear:both; }
.title-logo { width:350px; height:70px; clear:both; float:left; }
.title-logo a { display:block; width:350px; height:70px; }
.crecla-info { width:640px; height:70px; float:left; } 

/* トップメニュー */
.top-menu-box { width:100%; background-color:#f2f3f5; float:right; padding:5px 0; margin:0 0 10px 0; }
.top-menu-box-in { width:990px; margin:0 auto; padding:0 0 5px 0; }
.top-menu { width:100px; float:right; }
.top-menu ul {  margin:3px auto 0 auto; padding:0 15px 0 0px; text-align:right; }
.top-menu li { margin:0; padding:0 0 0 10px; list-style:none; display:inline; }
.top-menu li a { color:#3c3c3c; font-size:12px; top:0 !important; }
.top-menu li a:hover { color:#04a6ef; text-decoration:none; }

/* 文字サイズ変更 */
#font-size-change { width:200px; float:right; } 

/* 検索 */
.search_form { width: 205px; float:right; padding-left:5px; margin:3px 15px 0 0; }
.search_form #field {
	float:left;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none repeat scroll 0 0 #ffffff;
        border:solid 1px #d9d9d9;
        border-radius: 4px 1px 1px 4px;
	width:160px;
	height:19px;
	line-height:19px;
	text-indent:6px;
	font-family:arial, sans-serif;
	font-size:1em;
	color:#333;        
}
.search_form #space {
	float:left;
	width:2px;
	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 {
        float: left;
        cursor:pointer;
	width:38px;
	height: 19px;
	padding-bottom: 3px;
	font-size:1em;
        text-indent:-999px;
	color: transparent;
	background: url(/image/search/ico-search.png) no-repeat #01a4ef center;
	border: 1px solid #01a4ef;
        border-radius: 1px 4px 4px 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.search_form .fclear {clear:both}

/* メインメニュー */
#nav-wrap { width:100%; height:46px; margin:10px 0 0 0; }
#nav > ul { margin:0 auto; padding:0; width:990px; height:46px; } 
#nav > ul li { margin:0; padding:0; float:left; list-style:none; }

a.nav01 { display:block; width:165px; height:46px; text-indent: -9999px; background: url("/files/nav01.jpg") no-repeat; }
a.nav01:hover { background-image: url("/files/nav01-hover.jpg"); }
a.nav02 { display:block; width:165px; height:46px; text-indent: -9999px; background: url("/files/nav02.jpg") no-repeat; }
a.nav02:hover { background-image: url("/files/nav02-hover.jpg"); }
a.nav03 { display:block; width:165px; height:46px; text-indent: -9999px; background: url("/files/nav03.jpg") no-repeat; }
a.nav03:hover { background-image: url("/files/nav03-hover.jpg"); }
a.nav04 { display:block; width:165px; height:46px; text-indent: -9999px; background: url("/files/nav04.jpg") no-repeat; }
a.nav04:hover { background-image: url("/files/nav04-hover.jpg"); }
a.nav05 { display:block; width:165px; height:46px; text-indent: -9999px; background: url("/files/nav05.jpg") no-repeat; }
a.nav05:hover { background-image: url("/files/nav05-hover.jpg"); }
a.nav06 { display:block; width:165px; height:46px; text-indent: -9999px; background: url("/files/nav06.jpg") no-repeat; }
a.nav06:hover { background-image: url("/files/nav06-hover.jpg"); }

/* サイドメニュー　上 */
.side-banner { /* width:238px; */ padding:6px 5px 2px 5px; margin:0 0 6px 0; background-color:#f2f3f5; border:1px solid #e6f1f6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.side-banner h2 { margin:0 0 3px 0; padding:0; }

/* サイドメニュー 下 */
.side-wrap { margin:0 0 10px 0; padding:0 0 6px 0; background: url("/files/s-title-bottom.jpg") no-repeat; background-position:center bottom; }
.side-wrap h2 { margin:0; padding:0; width:250px; height:36px; }
.side-wrap h3 { margin:0; padding:0; width:250px; height:36px; }
.side-wrap ul { width:250px; margin:0; padding:0; }
.side-wrap li { /* width:220px; */ border-left:solid 1px #46bdf3; border-right:solid 1px #46bdf3; border-bottom:dotted 1px #46bdf3; padding:0 3px 0 25px; height:32px; line-height:32px; background:url(/files/icon-arrow1.gif) no-repeat 4% 55%; list-style:none; }
.side-wrap li:last-child { border-bottom:none; }
.side-wrap li a { color:#3c3c3c; font-size:13px; display:block; }
.side-wrap li a:hover { color:#04a6ef; text-decoration:none; }

/* スライドアニメ
div#top_baner2_box { margin-top: 1px; } */
#nav_area1 { margin-bottom:-17px !important; }

/* 配送エリア */
.delivery-h2 { margin:0 !important; padding:0; }
.delivery-block { /* width:228px; */ border:solid #b3e8ff; border-width:0px 1px 1px 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding:10px; margin:-5px 0 12px 0; }
.haccp-h2 { margin:0 0 8px 0 !important; padding:0; }

/* footer */
.footbackground { background-color: #f2f3f5; border-top:1px solid #e5e8ee; }

.footer-list { width:950px; margin:0 auto; padding:20px 15px; }
.footer-list ul { margin: 0; padding:3px 0; list-style-type: none; }
.footer-list ul li { padding: 0px 4px 0px 8px; border-left: 1px #c0bfbf dotted; display: inline;}
.footer-list ul li a { color:#3c3c3c; text-decoration:none;}
.footer-list ul li a:hover { color:#229fd9; text-decoration: none;}
.footer-list ul li.first { border-left: none;}

.company { width:990px; margin:15px auto 0 auto; overflow: hidden; }
.com-left { width:360px; float:left; height:50px; padding:0 50px 0 20px; }
.com-left img { vertical-align: middle; margin-right:15px; }
.com-left-text { font-size:0.8em; }
.com-right { width:550px; float:left; height:50px; }
.com-right p { margin:0 0 5px 0; }
.copyright { clear:both; width:100%; margin:0 auto; padding: 10px 0 5px 0; text-align: center; font-size: 0.9em;  }

/* ピックアップ */
.pku-cont { margin: 5px 0 0 8px !important; }
.pku-cont-box-01 { margin: 0 15px 12px 0 !important; }
.pku-cont-box-02 { margin: 0 0 12px 0 !important; }

/* トピックス */
.top-crecla-info { width:680px; height:320px; background: url("/files/crecla-server-top.jpg") no-repeat; margin:0 0 0 8px; }
.top-info1 { padding:65px 0 0 18px; margin:0 0 5px 0; width:535px; color:#009fe8; font-weight:bold; font-size:16px; }
.top-info2 { padding:0 0 0 18px; margin:0 0 10px 0; width:535px; color:#009fe8; font-weight:bold; font-size:16px; }
.top-info3 { padding:0 0 0 18px; width:365px; }
.top-line-up { margin: 15px 28px; }

/* お試しキャンペーン */
.campaign-order { width:680px; margin:0 0 0 10px; }
.campaign-order2 { margin:30px 0; }

/* ニュース */
.newsbar { margin:0 15px 0 0; }

/* サイトマップ */
.sitemap { margin:20px 20px 0 20px; }
.sitemap h2 { margin:0 0 10px 0; padding:0 0 0 20px; background: url("/files/icon-sitemap.gif") no-repeat 0% 50%; font-size:17px; }
.sitemap ul { margin:0 0 30px 0; padding:0; }
.sitemap li { margin:0 0 10px 0; padding:0 0 0 35px; list-style:none; background: url("/files/icon-sitemap2.gif") no-repeat 3% 50%; }
.sitemap a { color:#3c3c3c; }
.sitemap a:hover { color:#009fe8; }

/* メンテナンス */
.maintenance-box h3 { margin:17px 0 5px 0; padding:0; }
.maintenance-box p { margin:0 0 0 13px; }

/* プラント */
.plant-box h3 { margin:3px 0 5px 0; padding:0; color:#009fe8; }
.plant-box p { margin:0 0 20px 13px; }

/* フォーム */
.form-header { margin:0 0 15px 25px; }

/* 余白調整 */
.fp-top-box { margin:15px 0 0 2px; }
.mar-b5 { margin-bottom:5px; }
.mar-b8 { margin-bottom:8px; }
.mar-b10 { margin-bottom:10px; }
.mar-b12 { margin-bottom:12px; }
.mar-b25 { margin-bottom:25px; }
.mar-tb15 { margin: 15px 0; }
.mar-l5 { margin-left:5px; }
.mar-l10 { margin-left:10px; }
.img-space1 { margin: 15px 0 20px 0; }


/* カラー */
.fc-red { color:#e50012;; }
.fc-red1 { color:#e50012; font-weight:bold; }
.ft-b1 { color:#009fe8; font-weight:bold; font-size:16px; }
.ft-b1-s14 { color:#009fe8; font-size:14px; }
.ft-b2 { background-color:#009fe8; color:#fff; }
.ft-bgc-blue { background-color:#d6efff; padding:8px 10px; color:#009fe8; }

/* 文字スタイル */
.fw-b { font-weight:bold; }
.fw-b2 { font-weight:bold; font-size:17px; }
p.fw-b1 { font-weight:bold; margin:0 0 7px 0; }
p.fs-sm { font-size:11px; margin:0 0 0 20px; }
p.fs-sm-right { font-size:11px; margin:0 10px 0 0; text-align:right; }

/* 文字位置 */
.v-m { vertical-align:middle; }

/* 写真2枚横並び */
.photo300-2block img { float:left; width:300px; margin:0 20px; }

/* 写真　右寄せ */
.flt-right { float:right; }

/* センター */
.posi-center { text-align:center; }

/* テーブル　水色：th左・太字 */
.table-style1 table { width:100%; margin:5px auto 5px auto; border-collapse:collapse ; border:solid 1px #aaddfe; }
.table-style1 th { padding:5px 10px; font-weight:normal; border-bottom:solid 1px #aaddfe; border-right:solid 1px #aaddfe; background-color:#d6efff; text-align:center; }
.table-style1 td { padding:5px 10px; border-bottom:solid 1px #aaddfe; border-right:solid 1px #aaddfe; }

/* テーブル　padding大　求人 */
.table-style2 table { width:100%; margin:5px auto 5px auto; border-collapse:collapse ; border:solid 1px #aaddfe; }
.table-style2 th { padding:10px 10px; font-weight:normal; border-bottom:solid 1px #aaddfe; border-right:solid 1px #aaddfe; background-color:#d6efff; text-align:center; }
.table-style2 td { padding:10px 10px; border-bottom:solid 1px #aaddfe; border-right:solid 1px #aaddfe; }

/* 求人 */
table.rectable { margin-top:-20px !important; margin-bottom:25px !important; margin-left:auto; margin-right:auto; }

.txt-center { text-align:center; }

div.news_comment_no_height{ height:1.8em !important; }
div.news2_comment_no_height{ height:1.8em !important; }

#header_in { margin:0 auto; }
#top_baner1_in { max-width:990px; margin:0 auto; }
#top_baner2_in { max-width:990px; margin:0 auto; }
.maintablebox2 { max-width:990px; margin:0 auto; }
.footbackground { max-width:990px; margin:0 auto; background-color:#fff; }

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

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

@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; }
        .side_img_box { max-width:50%; }
	#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%;
	}
}
@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%;
	}
	.at-content-text { overflow: initial !important; }
}
@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%;
	}
}
/* media print用
-------------------------------------------------------------------------------------- */
@media print {
	/*　プリント用にサイズを設定する　*/
        body { min-width:1050px; margin: 0 auto; }
}
div.ccaption {
	background-image: url(https://www.crecla-shimotsuma.com/images/bar-title.jpg);
	width:700px;
										height:55px;
										background-repeat:no-repeat;
										padding-top:16px;
										padding-left:15px;
										font-weight:bold;
										font-size:13pt;
}

div.ccaption h2 {
	font-size:13pt;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
}
div.ccaption_sub {
	background-image: url(https://www.crecla-shimotsuma.com/images/bar-komidashi.jpg);
	width:700px;
										height:40px;
										background-repeat:no-repeat;
										background-position:left center;
										padding-top:10px;
										padding-left:36px;
										font-size:12pt;
										font-weight:bold;
										margin-bottom:12px;}
div.ccaption_sub h3 {
	font-size:12pt;
	font-weight:bold;
	margin:0;
	padding:0;
}
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; color:#3c3c3c; margin:0.5em; }