@charset "utf-8";

/* Reset */
* {margin:0;padding:0;box-sizing:border-box;}
*:focus {outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,fieldset,select,button,input {margin:0;padding:0;color:#000;font-size:15px;line-height:1.756em;font-weight:normal;-webkit-text-size-adjust:none;outline:none;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
caption,legend {width:0;height:0;visibility:hidden;font-size:0;line-height:0;text-indent:-9999px;}
table, th ,td {margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;vertical-align:middle;}
label {cursor:pointer;vertical-align:top;}
textarea {outline:none;color:#717171;overflow:auto;font-size:12px;}
fieldset, abbr, acronym {border:0;}
hr {display:none;}
ul,ol,li {list-style:none;}
img,input,select,textarea {vertical-align:middle;}

button {cursor:pointer;border:none;outline:none;}
button:active {outline:none;}
button::-moz-focus-inner {padding:0;border:0;}

a,img {outline:0;text-decoration:none;border:0;}
a,a:link,a:visited,a:active,a:hover {color:#000;outline:0;text-decoration:none;cursor:pointer;select-dummy:expression(this.hideFocus=true);}
a:hover {opacity:1;transition: background-color .15s ease-out,color .15s ease-in,transform .1s ease-out,-webkit-transform .1s ease-out;}

img.fit {width:100%;}
img.max-fit {max-width:100%;}

.row {padding-right:0px !important;padding-left:0px !important;}
.row::after {clear:both;}
.row::before,.row::after {display:table;content:" ";}

[canvas=container],
[off-canvas] {padding:10px 20px;}
[class*=js-] {cursor:pointer;}

/* * Override Bootstrap's default container. */
#totalANDzeroweb {width:100%;background:#f8f8f8;text-align:left;display:none;}
#totalANDzeroweb div{font-size:12px;color:#666}

/* BreadCrumb */
.top-menu{border-top:3px solid #dddddd; background:url('/images/main/top_menu_bg.png') repeat; padding:15px 0;text-align:center;}
.top-menu-icon {opacity:0.3}
.top-menu-title{padding-top:10px;}
.top-menu-title p{font-size:26px; font-weight:500;line-height:24px;}
.top-menu-title p span{display:block; color:#999; font-size:14px; font-weight:normal;padding-top:5px;}

.breadCrumb{font-size:13px; text-align:right; padding:5px 10px; color:#666;}
.breadCrumb a, a:hover, a:active {color:#666;}

#extra-footer-toggle-area {position:fixed;bottom:85px;z-index:9;display:none;}

.mgb_no {margin:70px auto 0px auto !important;}
.ta_ct {text-align:center !important;}

/* PC [ 769px ~ ] */
@media all and (min-width:769px),(max-width:1200px) {
  /* common */
  .wrap {width: 100%;max-width:1200px;margin:auto;  }
  .v-contain {width:80%;display:block;overflow:hidden;margin:70px auto;}
  .s-contain {width:80%;display:block;overflow:hidden;margin:70px auto;}

  /* Header for nav */
  .P-call {background: #f8f8f8;height:44px;padding:5px 0;}
  .P-header {width:100%;background-color:#fff;display:inline-block;}
  .P-header .wrap {width:100%;}
  #btn-top-menu {display:none;}
  #btn-top-menu img {display:none;}
  .P-nav-logo {position:relative;float:left;overflow:hidden;text-overflow:ellipsis;word-break:break-all;font-family:'Noto Sans Japanese',sans-serif;font-weight:bold;text-shadow: -1px 0 #ddd, 0 3px #ddd, 3px 0 #ddd, 0 -1px #ddd;}
  .P-nav {float:right;display:block;}
  .P-nav a:last-child {/*padding-right:0px !important;*/}

  /* Header call-button */
  .header_call {height:30px;margin:2px 7px 0 8px;float:right;background:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;}
  .header_call .h_call_box {margin:0px auto;padding:0px 10px 2px 10px;text-align:center;}
  .header_call .icon_call {width:20px;height:20px;margin-top:4px;display:inline-block;vertical-align:top;background:url(/images/main/icon_call.png) center center;background-repeat:no-repeat;background-size:100%;}
  .header_call .call_span {font-size:13px;font-weight:bold;padding-left:6px;line-height: 28px;}
  .header_call:hover .icon_call {background:url(/images/main/icon_call2.png) center center;background-repeat:no-repeat;background-size:100%;}
  .header_call:hover {background:#888;border:1px solid #888;transition:background-color .15s ease-out;}
  .header_call:hover span {color:#fff;}

  /* Active state gets a caret at the bottom */
  .P-nav .active {color:#000;}
  .P-nav .active:after {position:absolute;bottom:0;left:50%;width:0;height:0;margin-left:-5px;vertical-align:middle;border-right:5px solid transparent;border-bottom:5px solid;border-left:5px solid transparent;}
  .P-member{text-align:right;background:#f8f8f8;width:100%;height:30px;padding:5px 0;}

  /* nav-login-logout-join */
  .P-member-nav{width:100%;margin:0 auto;font-size:12px;color:#999;overflow:hidden;}
  .P-member-nav a{padding:0px 8px;margin:10px 0;}
  .P-member-nav a.p-join{border-right:1px solid #ccc}
  .P-member-nav a.p-logout{border-right:1px solid #ccc}

  .M-member {width:100%;overflow:hidden;background:#00a0e9;}
  .M-member a{float:left;width:50%;text-align:center;padding:10px 0;overflow:hidden;display:block}
  .M-member a, a:hover, a:active{color:#f0f0f0 !important;}
  .M-member .m_join{border-right:1px solid #fff; color:#fff;}
  .M-member .m_login{color:#fff}
  .M-member .m_logout{border-right:1px solid #fff; color:#fff;}
  .M-member .m_mypage{color:#fff;}

  /* Board */
  .Board .m_titbox {width:100%;margin:100px auto 40px auto;}
  .Board .m_titbox-type {margin:0 auto;text-align:center;font-size:30px;overflow:hidden;}

  .Board .more_btn {text-align:center;}
  .Board .more_btn .btn {width:140px;font-size:15px;font-weight: 400;border:1px solid #ccc;padding:12px 0px;overflow:hidden;color:#000;background:#fff;}
  .Board .more_btn .btn:hover {-webkit-transition:all ease .3s;transition:all ease .3s;color:#fff;background:#333;opacity:1;}

  .Board_content01 {width:100%;max-width:850px;margin:0 auto 40px auto;}
  .Board_content02 {width:100%;max-width:1000px;margin:0 auto 420px auto;}

  /*Board mod_article01*/
  .mod_article01 .article {padding:18px 15px;border-width:1px 0;border-style:solid;border-color:#d0d4d9;}
  .mod_article01 .article + .article {border-top-width:0;}
  .mod_article01 .article:hover {cursor:pointer;-webkit-transition:all ease .1s;transition:all ease .1s;background:#f5f5f5;}
  .mod_article01 .data {float:left;width:110px;overflow:hidden;}
  .mod_article01 .time {width:90px;font-size:1.2rem;font-weight:500;text-align:center;margin:0 8px 5px 0;padding:4px 6px;box-sizing:border-box;float:left;}
  .mod_article01 .areatxt {margin-top:2px;text-align:left;}
  .mod_article01 .tit {font-size:1.6rem;line-height:1.8;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
  .mod_article01 .tit a:hover {color:#000;}

  /*Board mod_article02*/
  .mod_article02 .article {padding:18px 15px;border-width:1px 0;border-style:solid;border-color:#d0d4d9;overflow:hidden;}
  .mod_article02 .article + .article {border-top-width:0;}
  .mod_article02 .article:hover {cursor:pointer;-webkit-transition:all ease .1s;transition:all ease .1s;background:#f5f5f5;}
  .mod_article02 .data {float:left;width:110px;overflow:hidden;}
  .mod_article02 .time {width:90px;font-size:1.2rem;font-weight:500;text-align:center;margin:0 8px 5px 0;padding:4px 6px;box-sizing:border-box;float:left;}
  .mod_article02 .areatxt {width:80%;float:left;margin-top:2px;text-align:left;}
  .mod_article02 .tit {font-size:1.6rem;line-height:1.8;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
  .mod_article02 .tit a:hover {color:#000;}
  .mod_article02 .txt { margin-top:8px;font-size:1.4rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

  /*Board mod_article03*/
  .mod_article03 .article {width:31%;float:left;margin:0 3.5% 0 0;}
  .mod_article03 .article:last-child {margin:0 0 0 0;}
  .mod_article03 .article:hover {-webkit-box-shadow:0 17px 24px rgba(0,0,0,.11);box-shadow:0 17px 24px rgba(0,0,0,.11)}

  .mod_article03 .areaimg {width:100%;overflow:hidden;float:left;padding:0 0 17px 0;}
  .mod_article03 .view {width:100%;position:relative;overflow:hidden;}
  .mod_article03 .view img {width:100%;}
  .mod_article03 .cover {position:relative;}
  .mod_article03 .cover img {width:100%}
  .mod_article03 .img {position:absolute;top:0;left:0;width:100%;}
  .mod_article03 .img img {width:100%;height:auto;}

  .mod_article03 .data {float:left;width:110px;padding:0px 13px;overflow:hidden;}
  .mod_article03 .time {width:90px;font-size:1.2rem;font-weight:500;text-align:center;margin:0 8px 5px 0;padding:4px 6px;box-sizing:border-box;float:left;}
  .mod_article03 .areatxt {width:100%;float:left;margin:2px 0 15px 0;padding:0px 13px;text-align:left;}
  .mod_article03 .tit {font-size:1.6rem;line-height:1.8;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
  .mod_article03 .tit a:hover {color:#000;}
  .mod_article03 .txt { margin-top:8px;font-size:1.4rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

  /* SNS_link */
  .SNS_link {width:100%;height:160px;margin:0 auto;background:#f8f8f8;overflow:hidden;}
  .sns_content {width:100%;max-width:960px;margin:0 auto;}

  .call_txt div {float:left;}
  .call_txt .ct_01 {width:50px;cursor:pointer;}
  .call_txt .ct_01 p {text-align:left;padding-top:31px;}
  .call_txt .ct_02 {padding-top:13px;}
  .call_txt .ct_02 .tit_05 {color:#162139;font-size:13px;line-height:15px;}
  .call_txt .ct_02 .tit_04 {color:#333;font-size:13px;line-height:13px;font-weight:bold;text-align:left;cursor:pointer;}
  .call_txt .ct_02 .tit_04 span {float:left;padding:2px 8px 0 0;}
  .call_txt .ct_02 .tit_04 a {color:#555;}
  .call_box .tit_04 {text-align:left;}

  .sns_content .sns_box a {width:46px;height:46px;border-radius:46px;margin-right:30px;float:left;}
  .sns_content .sns_box a img {margin:11px 0 0 11px;}
  .sns_content .sns_box a:hover {opacity:0.5;}

  /* sub _ contents */
  .sub_img {padding:2% 0; overflow:hidden; text-align:left;}
  .sub_img img {width:100%; max-width:700px;}

  /* Footer */
  .P-footer {clear:both;padding:20px 0;width:100%;display:inline-block;background:#222;/*margin-top:20px;*/}
  .footer-logo {display:none;}
  .footer-info {width:100%;}
  .footer-info li {width:100%;padding:0px;}
  .copy-item {display:block;width:100%;text-align:center;font-size:12px;font-weight:200;color:#aaa;}

  .footer-info .namecard {text-align:center;padding-bottom:20px;}

  .sns_share {width:100%;margin:0 auto 20px auto;overflow:hidden;}
  .sns_share span {width:100%;color:#fff;padding-bottom:8px;display:block;text-align:center;}
  .sns_share ul {width:157px;margin:0 auto;}
  .sns_share li {width:28px;float:left; margin-right:15px;}
  .sns_share li img {width:28px;}
  .sns_share ul li:last-child {margin-right:0;}
  .sns_share li:hover {margin-top:-3px;}

  /* Footer sns_share */
  .F-sns_share {width:100%;margin:0 auto 17px auto;overflow:hidden;}
  .F-sns_share ul {width:209px;margin:0 auto;}
  .F-sns_share li {width:44px;float:left;border:1px solid #666;border-radius:2px;margin-right:11px;}
  .F-sns_share li p {text-align:center;padding:5px 0 5px 0;}
  .F-sns_share li p span {display:block;font-size:10px;line-height:1em;font-weight:bold;color:#fff;}
  .F-sns_share li img {width:22px;padding-bottom:5px;}
  .F-sns_share ul a:last-child li {margin-right:0;}
  .F-sns_share li:hover {background:#f47d43;border:1px solid #f58d5a;transition:background-color .15s ease-out;}

  #menu_box {display:none;}
  #google_translate_element {width:100%;text-align:right;background:#f8f8f8;padding:4px 0px 0px 0px;}

  #go-top { display: none; position: fixed; bottom: 50px; right :50px; z-index: 10; }
  #go-top-image { width: 50px; height: 50px; }
}

/* mobile [0 ~ 768px] */
@media all and (max-width:768px) {
  /* common */
  .wrap {position:relative;width:100%;/*min-width:320px;*//*max-width:640px;*/margin:auto;}
  .v-contain {width:90%;display:block;overflow:hidden;margin:70px auto;}
  .s-contain {width:95%;display:block;overflow:hidden;margin:70px auto;}

  .containers {width:92%;margin:auto;}
  .visible-lg {display:block !important}
  .visible-xs {display:block !important}
  .hidden-lg {display:block !important;}

  /* Header for nav */
  .P-header {width:100%;padding:0%;z-index:10;}
  .P-nav-logo {float:left;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}
  .P-nav a {display:none;}
  #btn-top-menu img {display:block;}
  .P-nav-mob{display:block;width:100%;background:#fff;z-index:100 !important;}
  .P-nav-mob a, P-nav-mob a:hover, P-nav-mob a:active {color:#777;}
  .P-nav-item_mob{width:100%;display:block;color:#888;text-align:center;border-bottom:1px solid #eee;padding:10px 0;}
  .P-member{display:none;}

  #menu_box {display:block; }

  #Menu_list {width:100%;overflow:hidden; }
  #Menu_list p {font-size:16px;font-weight:400;color:#333;padding:8px;border-bottom:1px solid #ddd;background:#f2f2f2;width:100%;float:left;box-sizing:border-box;margin:0 !important;}
  #Menu_list p em {background:#e60000;border-radius:3px;padding:2px 2px;font-size:10px;font-weight:bold;margin-left:6px;vertical-align:middle;}
  #Menu_list .point {font-size:5px;vertical-align:2px;padding-right:5px;color:#aaa}

  /* main _ contents */
  .P-contents {width:100%;position:relative;display:block;}
  .P-contents .wrap {width:90%;}
  section {width:100%;margin:0px auto 100px auto;overflow:hidden;}
  section div, table {transition:all .3s;}

  #go-top { display: none; position: fixed; bottom: 20px; right :20px; z-index: 10; }
  #go-top-image { width: 50px; height: 50px; }

}

/* mobile [0 ~ 480px] */
@media all and (max-width:480px) {
  /*Board mod_article01*/
  .mod_article01 .article {padding:18px 10px;overflow:hidden;}
  .mod_article01 .data {width:100%;display:block;}
  .mod_article01 .areatxt {float:left;display:block;}
  .mod_article01 .tit {font-size:1.4rem;}

  /*Board mod_article02*/
  .mod_article02 .article {padding:18px 10px;overflow:hidden;}
  .mod_article02 .data {width:100%;display:block;}
  .mod_article02 .areatxt {width:100%;display:block;}
  .mod_article02 .tit {font-size:1.4rem;}

  /*Board mod_article03*/
  .mod_article03 .article {width:100%;margin:0 0 30px 0;border:1px solid #eee;}
  .mod_article03 .article:last-child {margin:0 0 50px 0;}
  .mod_article03 .data {width:100%;display:block;}
  .mod_article03 .areatxt {width:100%;display:block;}
  .mod_article03 .tit {font-size:1.4rem;}
}