@charset "utf-8";

.ev_font01{
    font-size: 24px;
}

.ev_font01 p{
    border-left:5px solid #64C599; padding-left:25px; margin:0; line-height:2;
}

.ev_font02 {
    font-size: 20px;
}

.ev_font02 p{
    background:#ddd; padding: 7px 10px 4px; margin:0; line-height:2;
}

.oc a{
    font-weight: bold !important;
    line-height: 1.2 !important;
    border-bottom: 1px dotted #64C599;
    padding-bottom: 2px;
}

.oc_cen {
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.oc_fon,.oc {
    font-size: 18px;
    line-height: 1.6;
}

.oc_fon a{
    margin: 0 20px;
    display: block;
    font-weight: bold !important;
    line-height: 1.2 !important;
    border-bottom: 1px dotted #64C599;
    padding-bottom: 5px;
}

.oc_fon .dmy{
    color: #333 !important;
    margin: 0 20px 20px;
    display: block;
    font-weight: bold !important;
    line-height: 1.2 !important;
    border-bottom: 1px dotted #333;
    padding-bottom: 5px;
}

div.copy {
    width:100%;
    margin-top:100px;
    font-size:12px;
    text-align:center;
    box-sizing:border-box;
}
.none {
    display:none;
}

.w100 {
    width:100%;
    height:auto;
}

.img100 img {
    width:100%;
    height:auto;
}

.cen {
    text-align:center;
}

.lef {
    text-align:left;
}

.rig {
    text-align:right;
}

.mid {
    vertical-align:middle;
}

.img-responsive{
    display: inline !important;
}

.pimg{
    text-align:center !important;
}

#telecom,#electric,#w01,#w02,#w03,#w04{
    margin-top:-150px;
    padding-top:150px;
}

.text-muted{
    color:#BA272D !important;
}

.btn-primary{
    background-color:#64C599 !important;
    border-color:#64C599 !important;
}

.mainbox{
    width: 100%;
    height:765px;
    position: relative;
    background-attachment: fixed;
    background-position: center center;
    background-size:cover;
}

.box{
    width:100%;
    height:600px;
    margin:35px 0;
    position: absolute;
    left: 0;
    background-position: center center;
}

.glt{
    margin:15px auto 0;
    padding:5px 15px 3px;
    background: #1B1464;
    border-radius: 0.7em;
    text-align:center;
    color:#FFF;
}

div.ccm-page div.area-content-accent{
    padding:0px !important;
    background-color:#FFF !important;
}

.wideslider li{
    padding:0px !important;
    margin:0px !important;
}

.wideslider ul{
    padding:0px !important;
    margin:0px !important;
}

body {
    margin:0 !important;
    padding:0 !important;
    background:url()repeat !important;
    background-attachment: fixed;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
    color:#333 !important;
    line-height: 25px !important;
}

div.ccm-page {
    font-size:15px !important;
    line-height: 25px !important;
}

div.ccm-page hr {
    border-top: 1px solid #ECECEC !important;
}

.container {
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
}

.container a:hover{
    position:relative;top:2px;left:2px;
}

.link_down a:hover{
    position:relative;top:2px;left:2px;
}

.fon01{
    color:#333;
}

.fon02{
    text-align:center;
    font-size:16px;
}

.fon03{
    font-size:25px;
    line-height:50px;
}

.fix {
    background-attachment: fixed;
}

/* ヘッダー背景 */
div.ccm-page header { 
    background:#FFF !important;
    margin:0 !important;
}

/* メイン背景 */
div.ccm-page main {
    background:url(https://ocarina-event.com/application/files/1216/8150/0695/oc_bk.jpg)repeat !important;
    background-attachment: fixed !important;
}

/* トップイメージ背景 */
.theme_bk {
    padding:0;
    text-align:center;
    background:url()repeat; 
/*background-size: cover;*/
    background-position:50px 50px; 
}

/* サブイメージ背景 */
.s_theme_bk{
    padding:60px 0 50px 0;
    text-align:center; 
    background:url() no-repeat; 
    background-size: 130%;
    background-position:center center; 
}

/* サブぱんくず */
.pankuzu{
font-size:15px !important;
margin-top:20px;
}

/* フッター背景 */

.esh_footer {
    background:rgb(246, 246, 235) !important;
}

.esh_footer a:link {
    color:#333 !important;
}

.esh_footer a:visited {
    color:#333 !important;
}

.esh_footer a:hover {
    color:#8A8A8A !important;
}

.flink_mb a:link {
    color:rgb(92, 169, 67) !important;
}

.flink_mb a:visited {
    color:rgb(92, 169, 67) !important;
}

.flink_mb a:hover {
    color:rgb(135, 199, 114) !important;
}

footer#footer-theme {
    margin:0 !important;
    padding:10px 0 8px !important;
    background:#64C599 !important;
    text-align: center !important;
    color: #FFF !important;
    font-size: 13px !important;
}

footer#footer-theme section {
    padding:0 !important;
    border-top:0px solid #FFF !important;
}

.footer_navi {
    line-height:0 !important;
}

.f_page {
    margin-top: 15px;
}

.f_page a:link {
    color:#9E9E9E !important;
}

.f_page a:visited {
    color:#9E9E9E !important;
}

.f_copy {
    padding:15px 0 20px 0;
    text-align:center;
    color:#FFF;
    font-size:15px;
    line-height:1.5em !important;
}

.f_left{
    float:left;
    width:50%;
    margin-top:10px;
    color:rgb(140, 98, 57);
}

.f_right{
    float:right;
    width:50%;
    text-align:right;
}

.f_link{
    float:right;
    width:47%;
    margin-top:30px;
    text-align:left;
}

.f_rig{
    text-align:right;
}

/* 見出し */
h1 {
    margin:0 !important;
    padding:0 !important;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
    font-size:30px !important;
}

.m_header span {
    display:block;
    font-size:15px;
}

h3 {
    margin:0 !important;
    padding:0 !important;
    font-weight:bold !important;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
    font-size: 25px !important;
}

.h3_title {
    padding: 0.5em 0.5em 0.4em 0.8em !important;
    font-size: 22px !important;
    background: #F7FBF2 !important;
    border-left: solid 5px #89C34C !important;
}

.m_side {
    margin:30px 0 0 !important;
    padding:5px 0 10px 20px !important;
    font-size:16px !important;
    border-bottom: 1px solid #EDEDED !important;
}

.img_mb img {
    width:auto;
    height:28px;
}

.h2_top_f {
    padding:55px 0 40px !important;
    text-align:center !important;
}

.h2_top_l {
    padding:12px 0 14px !important;
    text-align:center !important;
}

h2 {
    margin:0 !important;
    padding:0 !important;
    font-weight:bold !important;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
    font-size: 30px !important;
    color:#89C34A !important;
}

h4 {
    margin:0 !important;
    padding:0 !important;
    font-weight:normal !important;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
}

.h4_title {
    padding: 20px 0 3px !important;
    font-size:20px !important;
    font-weight:bold !important;
    color:#87C34A !important;
    line-height:1.8em !important;
    border-bottom: dotted 2px #87C34A !important;
}

/* スクロール */

.scrollbar01::-webkit-scrollbar{
    width:10px;background:#D2EEE1;/* 背景 */
}
.scrollbar01::-webkit-scrollbar:horizontal{
    height:0px;
}
.scrollbar01::-webkit-scrollbar-button{
    width:5px;height:5px;background:#64C599;/* コーナー */
}
.scrollbar01::-webkit-scrollbar-piece{
    background:#64C599;/* バー */
}
.scrollbar01::-webkit-scrollbar-piece:start{
    background:#64C599;/* バー */
}
.scrollbar01::-webkit-scrollbar-thumb{
    background:#64C599;/* バー */
}
.scrollbar01::-webkit-scrollbar-corner{
    background:#64C599;}/* バー */
.news_scroll01{
    
    padding:5px 0 10px 0;
    width:100%;
    background:#FFF; 
    height:700px;
    overflow:scroll;
/* スクロールバーデザイン：IE用 */
    scrollbar-face-color: #64C599;/*バー*/
    scrollbar-track-color: #D2EEE1;/*背景*/
    scrollbar-arrow-color: #FFF;/*矢*/
    scrollbar-highlight-color: #64C599;/*バー*/
    scrollbar-shadow-color: #64C599;/*バー*/
    scrollbar-3dlight-color: #64C599;/*バー*/
    scrollbar-darkshadow-color: #64C599;/*バー*/
}
.news_scroll02{
    width:100%;
    margin-top:20px;
    padding-bottom:15px;
    background:rgba(255,255,255,0.8); 
    height:600px;
    overflow:scroll;
    border:1px solid #D2EEE1;
/* スクロールバーデザイン：IE用 */
    scrollbar-face-color: #64C599;/*バー*/
    scrollbar-track-color: #D2EEE1;/*背景*/
    scrollbar-arrow-color: #FFF;/*矢*/
    scrollbar-highlight-color: #64C599;/*バー*/
    scrollbar-shadow-color: #64C599;/*バー*/
    scrollbar-3dlight-color: #64C599;/*バー*/
    scrollbar-darkshadow-color: #64C599;/*バー*/
}

/* テーブルNEWS */

.news{
    padding:20px 0 20px 0;
    width:100%;
    /*overflow:scroll; */
    word-break:break-all;
    word-wrap: break-word;
    border:none;
}

td.news_th{
    width:15%;
    background:rgba(255,255,255,0.0);  
    padding:10px 10px 10px 8px;
    overflow: hidden;
    font-style: normal;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align:middle;
    border:none;
    border-bottom:1px solid #EDEDED !important;
    font-size:16px;
    color:#414141;
    font-weight:bold;
}

td.news_td{
    background:rgba(255,255,255,0.0);  
    padding:15px 15px 10px 15px;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    border:none;
    color:#414141;
    font-size:16px;
    border-bottom:1px solid #EDEDED !important;
    font-weight:normal !important;
}

td.news_td a:link{
    color:rgb(60, 50, 47) !important;
    font-weight:bold !important;
}

td.news_td a:hover{
    color:rgb(113, 94, 89) !important;
}

td.news_td a:visited{
    color:rgb(60, 50, 47) !important;
}

/* テーブル01 */

.table01{
    width:100%;
    margin-top:20px;
    word-break:break-all;
    word-wrap: break-word;
}

td.table01_th{
    text-align:center;
    padding:15px 20px 13px 20px;
    width:20%;
    overflow:hidden;
    font-style:normal;
    font-weight:bold;
    word-break:break-all;
    word-wrap:break-word;
    vertical-align:middle;
    border:1px solid #ddd;
    background:#D2EEE1;
    color:#2B241C;
}

td.table01_td{
    padding:15px 20px 13px 20px;
    text-align:left;
    vertical-align:middle;
    overflow:hidden;
    word-break:break-all;
    word-wrap:break-word;
    border:1px solid #ddd;
    background:#FFF;
}

.topline{
    border-top:2px solid #BF956D;
}

.m_side_table {
    width:100%;
    border:0;
}

.m_side_table td {
    padding:10px 20px 7px;
    border-bottom: 1px solid #ededed !important;
    color:#333;
}

.m_side_table a:link {
    color:#333 !important;
}

.m_side_table td a:hover {
    color:#58B054 !important;
}

.m_side_table a:visited {
    color:#333 !important;
}

/* 水平線 */

hr.style01 {
    margin:10px 0 17px 0;
    padding:0;
    border:0;
    border-bottom:1px solid #333;
}

/* 余白 */

.mt10 {
    margin-top:10px;
}

.mt20 {
    margin-top:20px;
}

.mt30 {
    margin-top:30px;
}

/* PAGETOP */

#page-top{filter:alpha(opacity=30);width:50px;height:50px;display:none;position:fixed;right:16px;bottom:25px;}
#page-top p{margin:0;padding:0;text-align:center;background:#64C599;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#page-top a:hover{text-decoration:none !important;}
#page-top p:hover{background:#6A9F35;top:0px !important;left:0px !important;}
#move-page-top{color:#FFF !important;line-height:50px;text-decoration:none;display:block;cursor:pointer;font-size:15px;}
#move-page-top a:link{color: #FFF;text-decoration:none !important;}
#move-page-top a{color: #FFF;text-decoration:none !important;}
#move-page-top a:hover{color:#64C599;text-decoration:none !important;}    

/* PC用メニュー */      

.menu_bk{
    width:100%;
    margin:0;
    padding:0;
    background:url() repeat-x;
    background-position: bottom center;
    background-color: #FFF;
    box-shadow:0px 5px 5px rgba(0, 0, 0, 0.1);
    position: fixed;z-index:999;
}

.menu_bk a:hover{
    position:relative;top:2px;left:2px;
}

.footer_bk{
    position: fixed;
    bottom: 0;
    padding:0;
    width: 100%;
    height: 150px;
    background:#1B1464;
    font-size:13px;
    box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);
    color:#FFF;
}

.footer_bk a:hover{
    position:relative;top:2px;left:2px;
}

.footer_bk img{
    padding:5px 0;
}

.lx_ft01{
    margin:17px 0 0 30px;
    padding:0 7px;
    line-height:24px;
}

.lx_ft01 img{
    padding:8px 0 8px;
}

.lx_ft02{
    margin:21px 10px 0;
    padding:8px 20px 6px;
    color:#333;
    background:#FFF;
}

.lx_ft02 img{
    padding:5px 0;
}

.vrt{
    vertical-align:top;
}

/* メニュー（追加）*/

#feature,#w01,#w02,#w03,#w04,#w05,#w06{
    margin-top:-150px;
    padding-top:150px;
}

div.h_logo 
{
    float:left;
    width:45%;
    padding-top:8px;
    font-size:12px;
}

div.h_tel 
{
    float:left;
    width:25%;
    padding:16px 0 10px;
    font-size:13px;
}

div.h_contact 
{
    float:left;
    width:30%;
    text-align:right;
    font-size:13px;
}

div.h_contact a:link {
    color:#333 !important;
}

div.h_contact a:visited {
    color:#333 !important;
}

div.h_contact a:hover {
    color:#8A8A8A !important;
}

div#menubar ul {clear:both;width:100%;margin:10px 0 0 0;padding:4px 0 0 0;list-style-type: none;} 
div#menubar ul li {width:25%;margin:0 0 0 0;padding:8px 0;list-style:none;font: 16px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";float:left; text-align:center;border-right:1px solid #CAE4AD;}
div#menubar ul li a {color: #FFF;text-decoration: none;display: block;-webkit-transition: 0.5s;transition: 0.5s;line-height:23px;}
div#menubar ul li:last-child {border-right:0;}

/* ドロップダウンメニュー ここから */

div#menubar li ul li{border-right:1px solid #A8A29F;}

div#menubar li ul li a:hover {position:relative;top:0px;left:0px;}

div#menubar li{
  position: relative;
}
div#menubar li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
div#menubar li ul li{
  width: 170px;
}
div#menubar li ul li a{
  padding: 6px 15px 3px 15px;
  border-top: 1px dotted #333;
  background: #C5C5C5;
  text-align: left;
  color: #333 !important;
  font-size: 14px;
}
div#menubar li ul li a:hover{
  color: #333;
  background: #E0E0E0;
}

div#menubar li ul{
  display: none;
}
div#menubar li:hover ul{
  display: block;
}

/* ドロップダウンメニューここまで */

/*.hzone{color:#1B1464;font-size:12px;margin:0;padding:3px 0 0 0;background:#FFF;}*/

.menu_l {
    float:left;
    width:45%;
    margin:9px 0 10px;
}

.menu_r {
    float:left;
    width:55%;
    padding:5px 0 9px;
    text-align:right;
}

.menu_r a {
    text-decoration:none;
    -webkit-transition:0.5s;
    transition:0.5s;
    color:#FFF !important;
}

.menu_r a:hover {
    color:rgba(255,255,255,0.8) !important;
}

.kbs{  
    margin:15px 0 10px 0;
    padding-top:1px;
    text-align:center;
    font-size:14px;
    color:#FFF;
}

/* MB用メニュー */

#sp_menu {
    margin:4px 0 0 0;
}

#sp_menu a:hover{
    position:relative;top:0px;left:0px;
}

#sp_menu li {
    font-size:15px;
    padding:9px 0 8px 0;
    border-bottom:1px dotted rgba(135,199,114,0.4);
}

#sp_menu ul li a:link {
    color:rgb(92,169,67); !important;
}

#sp_menu ul li a:hover {
    background:rgba(135,199,114,0.1);
    color:rgba(135,199,114,0.8) !important;
}

#sp_menu ul li a:visited {
    color:rgb(92,169,67) !important;
}

#sp_menu ul li:first-child {
    padding-top:15px;
}

#sp_menu ul li:last-child {
    border-bottom:0;
}

.slicknav_menu .slicknav_icon {
    display:none;
}

.slicknav_btn {
    width:38px;
    height:25px;
    padding:0;
    border-radius:0;
    background:url() no-repeat center;
    background-size:cover;
    background-color:rgba(0,0,0,0) !important;
}

.slicknav_menu {
    display:none;
}

.js .slicknav_menu {
    display:block;
}

.mb_h {
    float:left;
    margin-bottom:4px;
    width:70%;
}

.mb_logo {
    position:absolute;
    width:100%;
    left:0px;
    top:2px;
}

.header{
    position:relative;
}

/* コンテンツ非表示 */

.none {
    display:none;
}

/* 幅100% */

.w100 {
    width:100%;
    height:auto;
}

/* 画像サイズ変更 */

.img100 img {
    width:100%;
    height:auto;
}

.img90 img {
    text-align:center;
}

/* フロート */

.fl {
    float:left;
}

.fr {
    float:right;
}

.clr {
    clear:both;
}

/* 位置 */

.cen{
    text-align:center;
}

.lef{
    text-align:left;
}

.rig{
    text-align:right;
}

.mid{
    vertical-align:middle;
}

.cbcen{
    text-align:center;
}

/* 行間 */

.cmp_txt{
    font-size:22px;
    text-align:center;
    line-height:10px !important;
}

/* iPhone hover問題解消 */

.hover img{
    opacity:0.5;
    filter: alpha(opacity=30);
    -moz-opacity: 0.5;
}
.hover a{
    opacity:0.5;
    filter: alpha(opacity=30);
    -moz-opacity: 0.5;
}

/* イメージ拡大 */

.img-block {
    margin-top:20px;
    text-align:center;
}

.img-block img {
    width:100%;
    height:auto;
    transition: all 0.4s ease-out 0.1s;
}

.img-block figure {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.img-block figure:hover img {
    transform: scale(1.1,1.1);
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}

/* LUX GALLERY */

.img-gal figure {
  margin-top:20px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.img-gal figure img{
  width:100%;
  height:auto;
}

.img-gal figcaption {
  margin:0 auto;
  position: absolute;
  padding-left:20px;
  top: -100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  color:#FFF;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
  text-align:left;
}

.img-gal figure:hover figcaption {
  top: 0;
  left: 0;
}





/********** メディアクエリ（画面可変対応処理）**********/


/* ■■■ MIN ■■■ */


@media (min-width:481px){
}/* END:min481px */


@media (min-width:768px){
}/* END:min768px */


@media (min-width:769px){

/* MB用パーツ非表示 */

.mb {
    display:none;
}

}/* END:min769px */


@media (min-width:1024px){

.col-sidebar{
margin:0;
padding:0;
width:24%;
}

.col-content{
margin:0;
padding:0 35px 0 15px;
width:74%;
}

}/* END:min1024px */


@media (min-width:1025px){

/* MBメニュー用パーツ非表示 */

.mb_m {
    display:none;
}

.col-sm-title{float:left;width:78%;margin:0;}
.col-sm-banner{float:right;width:22%;padding:0 0 0 30px;margin:0;} 

}/* END:min1025px */


/* ■■■ MAX ■■■ */

@media (max-width:1024px){

.menu_bk{
    background:#FFF;
}

/* MB用メニュー */

#menu{display:none;}

.slicknav_menu{display:block;}

/* PCメニュー用パーツ非表示 */

.pc_m {
    display:none;
}

.mainbox{
/*    width: 100%;
    height:204px;
    position:relative;*/
    background-size:220%;
    background-attachment: scroll;
    background-position: center center;
}

.box{
/*    width:100%;
    height:156px;
    margin:0;
    position: absolute;
    left: 0;*/
    background-size:75%;
}

.col-sm-title{float:left;width:50%;margin:25px 0 0 0;box-sizing: border-box;}
.col-sm-banner{float:right;width:50%;padding:0;margin:0;box-sizing: border-box;}

}/* END:max1024px */


@media (max-width:1023px){

}/* END:max1023px */


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

.img_tmb img {
    width:auto !important;
    height:55px !important;
}

/* トップイメージ背景 */
.theme_bk {
    padding:0;
    text-align:center;
    background:url()repeat; 
    background-size: 250%;
    background-position:50px 50px; 
}

/* サブイメージ背景 */
.s_theme_bk{
    padding:60px 0 50px 0;
    text-align:center; 
    background:url() no-repeat; 
    background-size: 100%;
    background-position:center center; 
    color:#89C34A !important;
}

h1{
    margin:6px 0 2px  !important;
    font-size:24px !important;
}

.h2_top {
    padding:30px 0 28px !important;
    text-align:center !important;
}

.h2_top img{
    width:auto;
    height:31px;
}

.h2_top_f {
    padding:30px 0 24px !important;
    text-align:center !important;
}

.h2_top_f img{
    width:auto;
    height:25px;
}

.h2_top_l {
    padding:8px 0 7px !important;
    text-align:center !important;
}

.h2_top_l img{
    width:auto;
    height:25px;
}

.s_theme_bk{
    padding:0;
    text-align:center; 
    background-size: 100%;
    background-position:center center; 
}

.h2_title {
    padding: 0.42em 0.5em 0.4em 0.8em !important;/*文字周りの余白*/
    font-size: 19px !important;
    background: #fffaf4 !important;/*背景色*/
    border-left: solid 5px #ffaf58 !important;/*左線（実線 太さ 色）*/
}

.h4_title {
    font-size:16px !important;
}

.fon01 {
    text-align:left;
    font-size:14px;
}

.fon02 {
    font-size:20px;
    line-height:30px;
}

.mainbox {
    width: 100%;
    height:204px;
    position:relative;
    background-size:170%;
    background-attachment: scroll;
    background-position: center center;
}

.box {
    width:100%;
    height:156px;
    margin:0;
    position: absolute;
    left: 0;
    background-size:75%;
}

.f_tel {
    float:left;
    width:48%;
    margin:0 3px 0 0;
    padding:3px 20px 5px 6px;
    border-right:1px dotted #CCC;
    background:#FFF;
    color:#333;
    font-size:12px;
    font-weight:bold;
    line-height:20px;
    box-sizing: border-box;
}

.f_tel img {
    padding-bottom:7px;
}

.f_link {
    float:left;
    width:48%;
    text-align:left;
    margin:0 0 0 3px;
    padding:2px 0 5px 15px;
    background:#FFF;
    color:#333;
    font-size:12px;
    font-weight:bold;
    line-height:20px;
    box-sizing: border-box;
}

.f_tel span,.f_link span {
    font-size:10px;
}

.f_rig {
    margin-top:45px;
    text-align:left;
}

.footer_bk {
    padding:9px;
    height:auto;
}

.footer_bk div{
    background:#FFF;
}

.f_copy {
    padding:15px 0 20px 0;
    text-align:center;
    color:#FFF;
    font-size:12px;
    line-height:1.5em !important;
}

.cmp_txt{
    font-size:18px;
    text-align:left;
    line-height:28px !important;
}

/* PC用パーツ非表示 */

.pc {
    display:none;
}

.ev_font01 p{
    line-height: 1.5 !important;
    font-size: 18px;
}

.ev_font02 p{
    padding: 7px 10px 7px 25px;
    font-size: 16px;
}

.oc_cen {
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.oc_fon,.oc {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

span.day {
    display: block !important;
}

.news_scroll02{
    height:600px;
}

.col-sm-title{float:left;width:70%;margin:20px 0 0 0;}
.col-sm-banner{float:right;width:30%;padding:0;} 
.col-sm-banner img{width:180px;height:auto;} 

}/* END:max768px */

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

.bx-pager {
    display:none;
}

.hzone{
    display:none;
}

}

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

.mb_mrg {
    margin-left:20px;
    margin-right:20px;
}

/* テーブルNEWS */

td.news_th{
    padding:12px 15px 0 15px;
    width:100%;
    display:block;
    margin: 0 auto;
    border:none;
}

td.news_td{
    padding:0 15px 10px 15px;
    display: list-item;
    width: 100%;
    border-top: none !important;
}

/* テーブル01 */

td.table01_th{
    padding:10px 15px 9px 15px;
    width:100%;
    display:block;
    margin: 0 auto;
    border:none;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}

td.table01_td{
    padding:10px 15px 9px 15px;
    display: list-item;
    width: 100%;
    border-top: none !important;
}

.cbcen{
    font-size:20px;
    text-align:left;
}

.img_mb img{
    width:auto;
    height:23px;
    padding-bottom:3px;
}

.f_tel {
    float:left;
    padding:3px 14px 3px 0;
    font-size:9px;
    line-height:12px;
}

.f_link {
    padding:2px 0 5px 8px;
    font-size:9px;
    line-height:12px;
}

.f_tel span,.f_link span {
    font-size:7px;
}

}/* END:max480px */