@charset "utf-8";


/* -----------------------------------------------
 * ディスプレイ
 * -------------------------------------------- */
.hide   {display: none   !important;}
.block  {display: block  !important;}
.inline {display: inline !important;}
.inline-block {display: inline-block !important;}

/* -----------------------------------------------
 * ポジション
 * -------------------------------------------- */
.pos-s {position: static   !important;}
.pos-r {position: relative !important;}
.pos-a {position: absolute !important;}
.pos-f {position: fixed    !important;}

/* -----------------------------------------------
 * 折り返し
 * -------------------------------------------- */
.nowrap {white-space: nowrap !important;}
table.nowrap th,
table.nowrap td {white-space: nowrap !important;}
.wordwrap {
  word-break: break-all !important;
  word-wrap: break-word !important;
}
/* テキストインデント --------------- */
.indent0 {text-indent: 0 !important;}
.indent1 {text-indent: 1em !important;}
.indent2 {text-indent: 2em !important;}
.indent3 {text-indent: 3em !important;}
.indent4 {text-indent: 4em !important;}
.indent5 {text-indent: 5em !important;}
/* negative */
.indent-05 {text-indent: -0.5em !important; padding-left: 0.5em; }
.indent-1 {text-indent: -1em !important; padding-left: 1em; }
.indent-15 {text-indent: -1.5em !important; padding-left: 1.5em; }
.indent-2 {text-indent: -2em !important; padding-left: 2em; }
.indent-3 {text-indent: -3em !important; padding-left: 3em; }
.indent-4 {text-indent: -4em !important; padding-left: 4em; }
.indent-5 {text-indent: -5em !important; padding-left: 5em; }

/* 中央配置 ------------------------- */
.b-center {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* -----------------------------------------------
 * margin
 * -------------------------------------------- */
/* all ------------------------------ */
.mg0  {margin: 0 !important;}
.mg5  {margin: 5px !important;}
.mg10 {margin: 10px !important;}
.mg15 {margin: 15px !important;}
.mg20 {margin: 20px !important;}
.mg25 {margin: 25px !important;}
.mg30 {margin: 30px !important;}

/* all auto ------------------------- */
.mg0a  {margin: 0 auto !important;}
.mg5a  {margin: 5px auto !important;}
.mg10a {margin: 10px auto !important;}
.mg15a {margin: 15px auto !important;}
.mg20a {margin: 20px auto !important;}
.mg25a {margin: 25px auto !important;}
.mg30a {margin: 30px auto !important;}

/* top ------------------------------ */
.mgt0  {margin-top: 0 !important;}
.mgt1  {margin-top: 1px !important;}
.mgt2  {margin-top: 2px !important;}
.mgt3  {margin-top: 3px !important;}
.mgt4  {margin-top: 4px !important;}
.mgt5  {margin-top: 5px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt13 {margin-top: 13px !important;}
.mgt15 {margin-top: 15px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt25 {margin-top: 25px !important;}
.mgt30 {margin-top: 30px !important;}
.mgt35 {margin-top: 35px !important;}
.mgt40 {margin-top: 40px !important;}
.mgt45 {margin-top: 45px !important;}
.mgt50 {margin-top: 50px !important;}
.mgt100 {margin-top: 100px !important;}
.mgt150 {margin-top: 150px !important;}
/* top - */
.mgt-1 {margin-top: -1px !important;}
.mgt-2 {margin-top: -2px !important;}
.mgt-3 {margin-top: -3px !important;}
.mgt-4 {margin-top: -4px !important;}
.mgt-5 {margin-top: -5px !important;}

/* right ---------------------------- */
.mgr0  {margin-right: 0 !important;}
.mgr2  {margin-right: 2px !important;}
.mgr3  {margin-right: 3px !important;}
.mgr4  {margin-right: 4px !important;}
.mgr5  {margin-right: 5px !important;}
.mgr10 {margin-right: 10px !important;}
.mgr15 {margin-right: 15px !important;}
.mgr18 {margin-right: 18px !important;}
.mgr20 {margin-right: 20px !important;}
.mgr25 {margin-right: 25px !important;}
.mgr30 {margin-right: 30px !important;}
.mgr35 {margin-right: 35px !important;}
.mgr40 {margin-right: 40px !important;}
.mgr45 {margin-right: 45px !important;}
.mgr50 {margin-right: 50px !important;}
.mgr80 {margin-right: 80px !important;}
.mgr100 {margin-right: 100px !important;}

/* bottom --------------------------- */
.mgb0  {margin-bottom: 0 !important;}
.mgb1  {margin-bottom: 1px !important;}
.mgb3  {margin-bottom: 3px !important;}
.mgb5  {margin-bottom: 5px !important;}
.mgb8  {margin-bottom: 8px !important;}
.mgb10 {margin-bottom: 10px !important;}
.mgb15 {margin-bottom: 15px !important;}
.mgb20 {margin-bottom: 20px !important;}
.mgb25 {margin-bottom: 25px !important;}
.mgb30 {margin-bottom: 30px !important;}
.mgb35 {margin-bottom: 35px !important;}
.mgb40 {margin-bottom: 40px !important;}
.mgb45 {margin-bottom: 45px !important;}
.mgb50 {margin-bottom: 50px !important;}
.mgb70 {margin-bottom: 70px !important;}
.mgb80 {margin-bottom: 80px !important;}
.mgb100 {margin-bottom: 100px !important;}
/* bottom - */
.mgb-1 {margin-bottom: -1px !important;}
.mgb-2 {margin-bottom: -2px !important;}
.mgb-3 {margin-bottom: -3px !important;}
.mgb-4 {margin-bottom: -4px !important;}
.mgb-5 {margin-bottom: -5px !important;}

/* left ----------------------------- */
.mgl0   {margin-left: 0 !important;}
.mgl3   {margin-left: 3px !important;}
.mgl5   {margin-left: 5px !important;}
.mgl6   {margin-left: 6px !important;}
.mgl10  {margin-left: 10px !important;}
.mgl15  {margin-left: 15px !important;}
.mgl18  {margin-left: 18px !important;}
.mgl20  {margin-left: 20px !important;}
.mgl25  {margin-left: 25px !important;}
.mgl30  {margin-left: 30px !important;}
.mgl35  {margin-left: 35px !important;}
.mgl40  {margin-left: 40px !important;}
.mgl45  {margin-left: 45px !important;}
.mgl50  {margin-left: 50px !important;}
.mgl60  {margin-left: 60px !important;}
.mgl80  {margin-left: 80px !important;}
.mgl100 {margin-left:100px !important;}
.mgl120 {margin-left:120px !important;}
.mgl150 {margin-left:150px !important;}
/* left - */
.mgl-1   {margin-left: -1px !important;}
.mgl-2   {margin-left: -2px !important;}
.mgl-3   {margin-left: -3px !important;}
.mgl-5   {margin-left: -5px !important;}

/* -----------------------------------------------
 * padding
 * -------------------------------------------- */

/* all ------------------------------ */
.pd0  {padding: 0 !important;}
.pd3  {padding: 3px !important;}
.pd5  {padding: 5px !important;}
.pd10 {padding: 10px !important;}
.pd15 {padding: 15px !important;}
.pd20 {padding: 20px !important;}
.pd25 {padding: 25px !important;}
.pd30 {padding: 30px !important;}
.pd35 {padding: 35px !important;}
.pd40 {padding: 40px !important;}
.pd45 {padding: 45px !important;}
.pd50 {padding: 50px !important;}

/* top ------------------------------ */
.pdt0  {padding-top: 0px !important;}
.pdt2  {padding-top: 2px !important;}
.pdt3  {padding-top: 3px !important;}
.pdt5  {padding-top: 5px !important;}
.pdt10 {padding-top: 10px !important;}
.pdt15 {padding-top: 15px !important;}
.pdt20 {padding-top: 20px !important;}
.pdt25 {padding-top: 25px !important;}
.pdt30 {padding-top: 30px !important;}
.pdt100 {padding-top: 100px !important;}

/* right ---------------------------- */
.pdr0  {padding-right: 0 !important;}
.pdr3  {padding-right: 3px !important;}
.pdr5  {padding-right: 5px !important;}
.pdr10 {padding-right: 10px !important;}
.pdr15 {padding-right: 15px !important;}
.pdr20 {padding-right: 20px !important;}
.pdr25 {padding-right: 25px !important;}
.pdr30 {padding-right: 30px !important;}
.pdr40 {padding-right: 40px !important;}
.pdr50 {padding-right: 50px !important;}
/* bottom --------------------------- */
.pdb0  {padding-bottom: 0 !important;}
.pdb5  {padding-bottom: 5px !important;}
.pdb10 {padding-bottom: 10px !important;}
.pdb15 {padding-bottom: 15px !important;}
.pdb20 {padding-bottom: 20px !important;}
.pdb25 {padding-bottom: 25px !important;}
.pdb30 {padding-bottom: 30px !important;}
.pdb100 {padding-bottom: 100px !important;}

/* left ----------------------------- */
.pdl0  {padding-left: 0 !important;}
.pdl3  {padding-left: 3px !important;}
.pdl5  {padding-left: 5px !important;}
.pdl10 {padding-left: 10px !important;}
.pdl15 {padding-left: 15px !important;}
.pdl20 {padding-left: 20px !important;}
.pdl25 {padding-left: 25px !important;}
.pdl30 {padding-left: 30px !important;}
.pdl40 {padding-left: 40px !important;}
.pdl50 {padding-left: 50px !important;}
.pdl125 {padding-left: 125px !important;}

/* table の場合 --------------------- */
table.boano th,
table.boano td {
  border: none !important;
}
table.padd0 th,
table.padd0 td {
  padding:0 !important;
}

/* ----- ボーダー ----- */
.botno {border-top: none !important;}
.bolno {border-left: none !important;}
.borno {border-right: none !important;}
.bobno {border-bottom: none !important;}
.boano {border: none !important;}

/* ----- フロート ----- */
.f-r,
.f-right {float: right !important;}
.f-l,
.f-left {float: left !important;}

/* ----- 行揃え ----- */
.center {text-align: center !important;}
.right  {text-align: right !important;}
.left   {text-align: left !important;}
.top    {vertical-align: top !important;}
.middle {vertical-align: middle !important;}
.bottom {vertical-align: bottom !important;}

/* ----- フォント ----- */
/* フォントサイズ ------------------- */
.fs80  {font-size:  80% !important;}
.fs85  {font-size:  85% !important;}
.fs90  {font-size:  90% !important;}
.fs95  {font-size:  95% !important;}
.fs100 {font-size: 100% !important;}
.fs110 {font-size: 110% !important;}
.fs120 {font-size: 120% !important;}
.fs135 {font-size: 135% !important;}

.font-ss {font-size: 70% !important;}
.font-xs  {font-size: 80% !important;}
.font-s  {font-size: 90% !important;}
.font-m  {font-size: 110% !important;}
.font-r  {font-size: 130% !important;}
.font-xr {font-size: 150% !important;}
.normal  {font-weight: normal !important;}
.bold    {font-weight: bold !important;}
.wght600    {font-weight: 600 !important;}
.gothic{font-family: "ＭＳ ゴシック";}
.meiryo{font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';}

.ff-m{
  /*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;*/
  
  font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings: "palt";
}

/* ----- 幅 ----- */
.w-auto {width: auto !important;}
.w-16   {width: 16px !important;}
.w-20   {width: 20px !important;}
.w-25   {width: 25px !important;}
.w-30   {width: 30px !important;}
.w-40   {width: 40px !important;}
.w-45   {width: 45px !important;}
.w-50   {width: 50px !important;}
.w-60   {width: 60px !important;}
.w-65   {width: 65px !important;}
.w-70   {width: 70px !important;}
.w-80   {width: 80px !important;}
.w-100  {width: 100px !important;}
.w-110  {width: 110px !important;}
.w-115  {width: 115px !important;}
.w-120  {width: 120px !important;}
.w-130  {width: 130px !important;}
.w-140  {width: 140px !important;}
.w-150  {width: 150px !important;}
.w-160  {width: 160px !important;}
.w-180  {width: 180px !important;}
.w-200  {width: 200px !important;}
.w-280  {width: 280px !important;}
.w-290  {width: 290px !important;}
.w-300  {width: 300px !important;}
.w-350  {width: 350px !important;}
.w-400  {width: 400px !important;}
.w-415  {width: 415px !important;}
.w-480  {width: 480px !important;}
.w-550  {width: 550px !important;}
.w-640  {width: 640px !important;}
.w-728  {width: 728px !important;}

/* ----- 高さ ----- */
.h-auto {height: auto !important;}
.h-10   {height: 10px !important;}
.h-20   {height: 20px !important;}
.h-30   {height: 30px !important;}
.h-40   {height: 40px !important;}
.h-50   {height: 50px !important;}
.h-60   {height: 60px !important;}
.h-65   {height: 65px !important;}
.h-70   {height: 70px !important;}
.h-80   {height: 80px !important;}
.h-100  {height: 100px !important;}
.h-120  {height: 120px !important;}
.h-130  {height: 130px !important;}
.h-150  {height: 150px !important;}
.h-160  {height: 160px !important;}
.h-180  {height: 180px !important;}
.h-200  {height: 200px !important;}
.h-250  {height: 250px !important;}
.h-280  {height: 280px !important;}
.h-300  {height: 300px !important;}
.h-350  {height: 350px !important;}
.h-400  {height: 400px !important;}
.h-415  {height: 415px !important;}
.h-470  {height: 470px !important;}
.h-480  {height: 480px !important;}
.h-550  {height: 550px !important;}
.h-640  {height: 640px !important;}
/* percent -------------------------- */
.per5  {width: 5% !important;}
.per10  {width: 10% !important;}
.per15  {width: 15% !important;}
.per20  {width: 20% !important;}
.per22  {width: 22% !important;}
.per23  {width: 23% !important;}
.per24  {width: 24% !important;}
.per25  {width: 25% !important;}
.per28  {width: 28% !important;}
.per30  {width: 30% !important;}
.per33  {width: 33% !important;}
.per35  {width: 35% !important;}
.per40  {width: 40% !important;}
.per45  {width: 45% !important;}
.per49  {width: 49% !important;}
.per50  {width: 50% !important;}
.per55  {width: 55% !important;}
.per60  {width: 60% !important;}
.per65  {width: 65% !important;}
.per70  {width: 70% !important;}
.per75  {width: 75% !important;}
.per80  {width: 80% !important;}
.per85  {width: 85% !important;}
.per90  {width: 90% !important;}
.per96  {width: 96% !important;}
.per98  {width: 98% !important;}
.per99  {width: 99% !important;}
.per100 {width: 100% !important;}

/* ----- 行高 ----- */
.line-em80 {line-height: 0.8em !important;}
.line-em100 {line-height: 1em !important;}
.line-em120 {line-height: 1.2em !important;}
.line-em140 {line-height: 1.4em !important;}
.line-em160 {line-height: 1.6em !important;}

/* ----- 色 ----- */
.red  {color: #c30000 !important;}
.need {color: red !important;}
.dark-red {color: #b22222 !important;}
.blue {color: #2d6ba1 !important;}
.navy-blue {color: #000079 !important;}
.green {color: #0a725f !important;}
.l-green {color: #89b566 !important;}
.memo {color: #bababa !important;}
.orange {color: #F5AD4B !important;}
.chairo {color: #733400 !important;}
.mizuiro {color: #67C5DC !important;}
.rose {color: #de6c6c !important;}
.gray {color: #666 !important;}
.l-gray {color: #888 !important;}

/*ボーダー*/
.botdot{border-top:1px dotted #ccc !important;}
.bobdot{border-bottom:1px dotted #ccc !important;}
/* ----- クリア ----- */
.clear {clear: both;}

/* ----- クリアフィックス ----- */

.c-fix:after {
  content: ".";
  display: block;
  clear: both;
  line-height: 0;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.c-fix {
  display: inline-block;
}
/* Mac版IEを除外 \*/
.c-fix {
  display: block;
}
/* */

/* ----- リストスタイル ----- */
ul {list-style: none;}

/* ----- 背景色 ----- */
.bgf{
  background-color:#fff;
}

/* =========================================================
 * 区切り線
 * ====================================================== */
hr.solid{
  margin-bottom:10px;
  height: 1px;
  border:none;
  border-top: 1px solid #7f7f7f !important;
}
hr.dotted{
  margin:10px 0;
  height: 1px;
  border:none;
  border-top: 1px dotted #7f7f7f !important;
}

/* ----- リンク ----- */
a:link {
  color: #800000;
}
a:visited {
  color: #800000;
}
a:hover {
  color: #ff6c00;
  transition: all 0.3s ease 0s;
}

.no-uline{
  text-decoration: none !important;
}

/* ----- クオート色 ----- */
q.autoQuote {
  color:#337225;
}

/* ----- 基本構造 ----- */
body {
  font-size: 83%;
  line-height: 1.5;
  color: #333;
  font-family: 'Noto Sans JP', sans-serif;
  /*font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';*/
  /*font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
}

#wrapper {
  width: 100%;
}
/* ----- ヘッダー定義 ----- */

#header {
  width: 100%;
  background: #FFFFE5;
}

#header #head-inner {
  width: 960px;
  margin: 0 auto;
  padding: 10px 0;
}
#header #head-inner .header-intro {
  float: left;
  line-height: 1.5;
  text-align: left;
  margin-top: 5px;
  margin-left:10px;
}
#header #head-inner .header-intro .catch1{
  font-weight:600;
  font-size: 16px;
  color: #59380e;
}
#header #head-inner .header-intro .catch2{
  font-size: 11px;
}
#header #head-inner .img-mucho-domingo{
  float:left;
  margin-left:10px;
}
#header #head-inner .chat-member-num{
  margin-top:3px;
}
#header #head-inner .chat-member-num a{
  text-decoration:none;
  color:#e41b93;
}
#header #head-inner .chat-member-num a:hover{
  text-decoration:none;
  color:#ee6f18;
}
#header #head-inner div.header-nav {
  float: right;
  text-align: right;
  width: 280px;
  margin-top: 0;
}
#header #head-inner .header-nav .greeting{
  min-height: 20px;
  margin-bottom: 5px;
}
#header #head-inner .header-nav .greeting .name{
  font-weight: 600;
  margin: 0 5px;
}
#header #head-inner div.header-nav ul li {
  display: inline-block;
}
#header #head-inner ul.header-subnav{
  margin-top:14px;
  font-size:15px;
  /*font-weight: bold;*/
}
#header #head-inner ul.header-subnav a{
  text-decoration:none;
}
#header #head-inner ul.header-subnav li{
  background:url("/images/arrow_red.gif") no-repeat left center;
  padding-left:10px;
  margin-right:10px;
}
#header #head-inner ul.header-subnav li.about{
  font-size:13px;
  display:block;
  background:none;
  margin-top:10px;
}
/*グローバルナビ定義*/
#gNavi {
  width: 960px;
  height: 60px;
  margin: 0 auto;
}

#gNavi li img {
  margin-top: 5px;
}

/*加筆修正*/
#gNavi ul li {
  float: left;
  width:107px;
}
#gNavi ul li.sml{
  width:106px;
}
#gNavi ul li a {
  display: block;
}

li.etcMenu {
  position: relative;
}
ul.innerNavi {
  z-index: 9999;
  position: absolute;
  display: none;
  top: 58px;
  left: 0;
  background-color: #fff;
  border: #ccc solid 1px;
}
#gNavi ul.innerNavi li {
  margin: 0 2px;
  border-top: #ccc solid 1px;
  width:100px;
}
#gNavi ul.innerNavi li:first-child {
  border-top: none;
}
#gNavi ul.innerNavi a:hover {
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}
#gNavi ul.innerNavi li img{
  width:100px;
}


/*コンテンツ定義*/
#contents-wrap {
  width: 100%;
  background: url("../../images/back-gray.gif");
  border-top: 7px solid #fa7418;
}
#contens-inner {
  width: 962px;
  margin: 0 auto;
  padding: 5px 0 5px;
}
#contents {
  width:960px;
  background: #fff;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

nav#c-nav{
  width: 960px;
  background: #f2f2f2;
  padding-bottom: 10px;
}
nav#c-nav.fixed{
  position: fixed;
  top: 0px;
  left: auto;
  z-index: 10000;
}
nav#c-nav.fixed.no-fix{
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}

#ad_head_area{
  margin:3px auto;
  width:970px;
  text-align:center;
}

/*2カラム定義*/
#main-contents {
  width: 640px;
  float: left;
  padding-left:5px;
}
#right-contents {
  width: 300px;
  float: right;
  padding-right:5px;
  text-align:center;
}

/* ----- フッター定義 ----- */

div#footer {
  width:100%;
  background:url('/images/footer_bg.gif');
  /* margin-top:10px; */
  text-align:center;
}
div.footerArea{
  width:900px;
  margin:0 auto;
  padding:20px;
}
div.footnavi{
  width:100%;
  text-align:left;
  margin-top:50px;
  line-height:1.3;
}

div.footmenu{
  width:145px;
  display:table-cell;
  white-space: nowrap;
}

div.footmenu h4{
  font-size:16px;
  font-weight: 500;
  color: #333;
  margin-bottom:5px;
}

div.footnavi li{
  list-style-image:url(/images/arrow_red.gif);
  margin-left:15px;
  margin-top:3px;
  /*font-weight: bold;*/
  font-size: 13px;
}

div.footnavi a{
  text-decoration:none;
}

.footerArea .copy-right{
  /*font-weight: bold;*/
  padding-top: 20px;
  text-align: right;
  clear: both;
  color:#444;
}

div.fline{
  border-left:1px dotted #aaaaaa;
  padding-left:20px;
}

div#footer div#spMode{
  padding-bottom: 100px;
  font-size:40pt;
}
div#footer div#spMode a.sp{
  width:80%;
  padding:20px;
}
div#footer div#notSpMode{
  font-size:40pt;
  margin-bottom:10px;
  background:#f5f1ef;
  padding:10px;
}

/* =========================================================
 * 広告
 * ====================================================== */
div.ad-box728x90gray {
  overflow: hidden;
  text-align: left;
  width: 738px;
  height: 107px;
  margin: 0 auto;
  padding: 20px 0 0 15px;
}
div.ad-box728x90gray {
  background: url('/images/ads_728x90_gray.png') no-repeat;
}

div.ad-box468x60 {
  width: 480px;
  margin: 0 auto;
  padding:10px;
}

div.ad-box300x250{
  overflow: hidden;
  width:311px;
  height:259px;
  background-image : url('/images/ads_300_250.jpg') ;
  background-repeat:no-repeat;
  padding-left:5px;
  padding-top:6px;
}

div.ad-box336x280{
  overflow: hidden;
  width:370px;
  height:295px;
  background-image : url('/images/ads_336_280.jpg') ;
  background-repeat:no-repeat;
  padding-top:7px;
  padding-left:15px;
}

div.ad-box468x15{
  margin: 0 auto;
  width: 480px;
}

div.ad-box970{
  margin-top: 10px;
  margin-left:-4px
}

.responsive_h{
  width: 320px;
  height: 100px;
}
@media(min-width: 500px) { .responsive_h { width: 468px; height: 60px; } }
@media(min-width: 800px) { .responsive_h { width: 728px; height: 90px; } }　

.responsive_h_short{
  width: 320px;
  height: 100px;
}
@media(min-width: 500px) { .responsive_h_short { width: 468px; height: 60px; } }
@media(min-width: 800px) { .responsive_h_short { width: 640px; height: 90px; } }　

.responsive_r{
  max-width: 300px;
  max-height: 250px;
}
@media(min-width: 350px) { .responsive_r { width: 336px; height: 280px; } }
.ads_300x250{
  width: 300px;
  height: 250px;
}

/* =========================================================
 * 矢印
 * ====================================================== */
a.arrow, span.arrow,
a.arrow-red, span.arrow-red,
a.arrow-red-up, span.arrow-red-up,
a.arrow-red-down, span.arrow-red-down{
  display: inline-block;
  padding-left: 12px;
  background: no-repeat left center;
}

/* 黒 ------------------------- */
a.arrow,
span.arrow {
  padding-left: 8px;
  background-image: url('/images/arrow_bk.gif');
}

/* 赤 ------------------------- */
a.arrow-red,
span.arrow-red {
  background-image: url('/images/arrow_red.gif');
}
a.arrow-red-up,
span.arrow-red-up {
  background-image: url('/images/arrow_red_up.gif');
}
a.arrow-red-down,
span.arrow-red-down {
  background-image: url('/images/arrow_red_down.gif');
}
/* → ------------------------- */
a.arrow-back, span.arrow-back{
  display: inline-block;
  padding-left: 18px;
  background: no-repeat left center;
}
a.arrow-back,
span.arrow-back {
  background-image: url('/images/arrow02.png');
}
a.arrow-go, span.arrow-go {
  display: inline-block;
  padding-right: 18px;
  background: no-repeat right center;
}
a.arrow-go,
span.arrow-go {
  background-image: url('/images/arrow.png');
}
a.pdf{
  display: inline-block;
  padding-left: 20px;
  background: url(/images/pdf_icon.png) no-repeat left bottom;
}
/* =========================================================
 * 影
 * ====================================================== */

.shadow{
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
}
.shadow-d{
  -moz-box-shadow: 2px 2px 4px #ccc;
  -webkit-box-shadow: 2px 2px 4px #ccc;
  box-shadow: 2px 2px 4px #ccc;
}


.ad-wrap{
  background:url(../../images/tx-bg.gif) #f7eddf;
  padding:20px;
}

.ad-wrap .ad-body{
  background:#fff;
  padding:10px;
}

/* =========================================================
 * watermark
 * ====================================================== */
div.water-mark{ position:relative;}
.water-mark label{ position:absolute; top:2px; left:4px; color:#aaa;vertical-align:top;}
.water-mark input{vertical-align:top;}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*chrome用*/
.water-mark label{ top:3px;}
}

/* =========================================================
 * ローディング
 * ====================================================== */
#loading_overlay{
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(32,32,32,.7);
}
#loading_overlay .loader{
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
}

/* =========================================================
 * エラー関係
 * ====================================================== */
/*error-box*/
.error-box{
  color:#dc3214;
  border:2px #ee624b solid;
  background-color:#fffef4;
  padding:7px;
  border-radius:5px;
  text-align:left;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
  font-size:15px;
}

.error-box ul{
  margin:0;
}

.error-box ul li span.mark{
  color:#555555;
  margin-right:2px;
}

/*error-box(fancybox用)*/
.error-box-fancy{
  color:#b22222;
  font-weight:600;
  border:2px #b22222 solid;
  padding:7px;
  text-align:left;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
}

.err-textbox{
  border:2px solid #ee624b !important;
  background-color:#fff1f0 !important;
  border-radius: 3px 3px 3px 3px !important;
}

.err-selectbox{
  border:2px solid #ee624b;
  background-color:#fff1f0;
  
}

.bo-solid{
  border:1px solid #ccc;
}



/* =========================================================
 * ヘッダー
 * ====================================================== */
#user_message{
  display: flex;
  justify-content: flex-end;
}
#user_message img {
  vertical-align: bottom;
}
#user_message li{
  margin-right: 10px;
}
/*メール通知*/
li.newMessage {
  position: relative;
}
.newMsgBadge {
  position: absolute;
  top: 0;
  right: 0;
  background:#f00;
  border-radius:50%;
  width:auto;
  height:auto;
  text-align:center;
  color:#fff;
  line-height:1;
}
.newMsgBadge div{
  display:table;
  width:20px;
  height:20px;
}
.newMsgBadge div span{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  padding:0;
  margin:0;
  font-size:12px;
}

/*メール通知*/
li.newNotice {
  position: relative;
}
.newNtcBadge {
  position: absolute;
  top: 0;
  right: 0;
  background:#f00;
  border-radius:50%;
  width:auto;
  height:auto;
  text-align:center;
  color:#fff;
  line-height:1;
}
.newNtcBadge div{
  display:table;
  width:20px;
  height:20px;
}
.newNtcBadge div span{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  padding:0;
  margin:0;
  font-size:12px;
}

/*toppage.cssにあったもの*/
#user_message a:link {color: #e41b71;}
#user_message a:visited {color: #e41b71;}
#user_message a:hover {color: #ff6c00;}


/* =========================================================
 * その他
 * ====================================================== */

/*------------ ボタン ------------*/
.buttonOrange, .buttonGreen, .buttonYellow, .buttonBlue, .buttonGray, .buttonRed, .buttonBlack, .buttonWhite, .buttonBrown {
  display: inline-block;
  min-width: 50px;
  padding: 5px 20px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  font-size: 110%;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.1em;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
}

/*-----------------------橙----------------------*/
.buttonOrange {
  background-color: #fb9e25;
  background: -webkit-linear-gradient(top, #ffc477, #fb9e25);
  background: -moz-linear-gradient(top, #ffc477, #fb9e25);
  background: -o-linear-gradient(top, #ffc477, #fb9e25);
  background: linear-gradient(to bottom, #ffc477, #fb9e25);
  border: #fff solid 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.buttonOrange:hover {
  background-color: #fdb75c;
  background: -webkit-linear-gradient(top, #fddfb9, #fdb75c);
  background: -moz-linear-gradient(top, #fddfb9, #fdb75c);
  background: -o-linear-gradient(top, #fddfb9, #fdb75c);
  background: linear-gradient(to bottom, #fddfb9, #fdb75c);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/*-----------------------緑----------------------*/
.buttonGreen {
  background-color: #69a612;
  background: -webkit-linear-gradient(top, #a2c175, #69a612);
  background: -moz-linear-gradient(top, #a2c175, #69a612);
  background: -o-linear-gradient(top, #a2c175, #69a612);
  background: linear-gradient(to bottom, #a2c175, #69a612);
  border: #fff solid 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.buttonGreen:hover {
  background-color: #87b643;
  background: -webkit-linear-gradient(top, #c1d7a3, #87b643);
  background: -moz-linear-gradient(top, #c1d7a3, #87b643);
  background: -o-linear-gradient(top, #c1d7a3, #87b643);
  background: linear-gradient(to bottom, #c1d7a3, #87b643);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/*-----------------------黄----------------------*/
.buttonYellow {
  background-color: #f1d100;
  background: -webkit-linear-gradient(top, #fee95f, #f1d100);
  background: -moz-linear-gradient(top, #fee95f, #f1d100);
  background: -o-linear-gradient(top, #fee95f, #f1d100);
  background: linear-gradient(to bottom, #fee95f, #f1d100);
  border: #fff solid 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.buttonYellow:hover {
  background-color: #feee81;
  background: -webkit-linear-gradient(top, #faf1b5, #feee81);
  background: -moz-linear-gradient(top, #faf1b5, #feee81);
  background: -o-linear-gradient(top, #faf1b5, #feee81);
  background: linear-gradient(to bottom, #faf1b5, #feee81);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/*-----------------------青----------------------*/
.buttonBlue {
  background-color: #2da1c5;
  background: -webkit-linear-gradient(top, #48c1e7, #2da1c5);
  background: -moz-linear-gradient(top, #48c1e7, #2da1c5);
  background: -o-linear-gradient(top, #48c1e7, #2da1c5);
  background: linear-gradient(to bottom, #48c1e7, #2da1c5);
  border: #fff solid 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.buttonBlue:hover {
  background-color: #6fc4de;
  background: -webkit-linear-gradient(top, #d0eff8, #6fc4de);
  background: -moz-linear-gradient(top, #d0eff8, #6fc4de);
  background: -o-linear-gradient(top, #d0eff8, #6fc4de);
  background: linear-gradient(to bottom, #d0eff8, #6fc4de);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/*-----------------------灰----------------------*/
.buttonGray {
  background-color: #989898;
  background: -webkit-linear-gradient(top, #c8c8c8, #989898);
  background: -moz-linear-gradient(top, #c8C8c8, #989898);
  background: -o-linear-gradient(top, #c8c8c8, #989898);
  background: linear-gradient(to bottom, #c8c8c8, #989898);
  border: #fff solid 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
.buttonGray:hover {
  background-color: #c0c0c0;
  background: -webkit-linear-gradient(top, #e6e6e6, #c0c0c0);
  background: -moz-linear-gradient(top, #e6e6e6, #c0c0c0);
  background: -o-linear-gradient(top, #e6e6e6, #c0c0c0);
  background: linear-gradient(to bottom, #e6e6e6, #c0c0c0);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/*-----------------------赤----------------------*/
.buttonRed {
  background-color: #fb2525;
  background: -webkit-linear-gradient(top, #ff7777, #fb2525);
  background: -moz-linear-gradient(top, #ff7777, #fb2525);
  background: -o-linear-gradient(top, #ff7777, #fb2525);
  background: linear-gradient(to bottom, #ff7777, #fb2525);
  border: #fff solid 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
.buttonRed:hover {
  background-color: #ff8787;
  background: -webkit-linear-gradient(top, #ffdada, #ff8787);
  background: -moz-linear-gradient(top, #ffdada, #ff8787);
  background: -o-linear-gradient(top, #ffdada, #ff8787);
  background: linear-gradient(to bottom, #ffdada, #ff8787);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/*-----------------------黒----------------------*/
.buttonBlack {
  background-color: #0c0c0c;
  background: -webkit-linear-gradient(top, #484848, #0c0c0c);
  background: -moz-linear-gradient(top, #484848, #0c0c0c);
  background: -o-linear-gradient(top, #484848, #0c0c0c);
  background: linear-gradient(to bottom, #484848, #0c0c0c);
  border: #fff solid 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}
.buttonBlack:hover {
  background-color: #727272;
  background: -webkit-linear-gradient(top, #b3b3b3, #727272);
  background: -moz-linear-gradient(top, #b3b3b3, #727272);
  background: -o-linear-gradient(top, #b3b3b3, #727272);
  background: linear-gradient(to bottom, #b3b3b3, #727272);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/*-----------------------白----------------------*/
.buttonWhite {
  background-color: #e3e3e3;
  background: -webkit-linear-gradient(top, #ffffff, #e3e3e3);
  background: -moz-linear-gradient(top, #ffffff, #e3e3e3);
  background: -o-linear-gradient(top, #ffffff, #e3e3e3);
  background: linear-gradient(to bottom, #ffffff, #e3e3e3);
  border: #ffffff solid 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #606060 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.buttonWhite:hover {
  background-color: #dedede;
  background: -webkit-linear-gradient(top, #f3f3f3, #dedede);
  background: -moz-linear-gradient(top, #f3f3f3, #dedede);
  background: -o-linear-gradient(top, #f3f3f3, #dedede);
  background: linear-gradient(to bottom, #f3f3f3, #dedede);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}
/*-----------------------茶----------------------*/
.buttonBrown {
  background-color: #812f1c;
  background: -webkit-linear-gradient(top, #9b5b4c, #812f1c);
  background: -moz-linear-gradient(top, #9b5b4c, #812f1c);
  background: -o-linear-gradient(top, #9b5b4c, #812f1c);
  background: linear-gradient(to bottom, #9b5b4c, #812f1c);
  border: #fff solid 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.buttonBrown:hover {
  background-color: #9b5b4c;
  background: -webkit-linear-gradient(top, #ba958d, #9b5b4c);
  background: -moz-linear-gradient(top, #ba958d, #9b5b4c);
  background: -o-linear-gradient(top, #ba958d, #9b5b4c);
  background: linear-gradient(to bottom, #ba958d, #9b5b4c);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}



/*特殊なタイプ*/
.buttonGraySmall {
  display: inline-block;
  padding: 5px 10px;
  background-color: #d8d8d8;
  background: -webkit-linear-gradient(top, #e6e6e6, #d8d8d8);
  background: -moz-linear-gradient(top, #e6e6e6, #d8d8d8);
  background: -o-linear-gradient(top, #e6e6e6, #d8d8d8);
  background: linear-gradient(to bottom, #e6e6e6, #d8d8d8);
  border: #fff solid 1px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #454545 !important;
  font-size: 100%;
  font-weight: 600;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  letter-spacing: -0.1em;
}
.buttonGraySmall:hover {
  background-color: #e6e6e6;
  background: -webkit-linear-gradient(top, #f5f5f5, #e6e6e6);
  background: -moz-linear-gradient(top, #f5f5f5, #e6e6e6);
  background: -o-linear-gradient(top, #f5f5f5, #e6e6e6);
  background: linear-gradient(to bottom, #f5f5f5, #e6e6e6);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.buttonGraySmaller {
  display: inline-block;
  padding: 2px 4px;
  background-color: #c8c8c8;
  background: -webkit-linear-gradient(top, #d6d6d6, #c8c8c8);
  background: -moz-linear-gradient(top, #d6d6d6, #c8c8c8);
  background: -o-linear-gradient(top, #d6d6d6, #c8c8c8);
  background: linear-gradient(to bottom, #d6d6d6, #c8c8c8);
  border: #fff solid 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #454545 !important;
  font-size: 100%;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.buttonGraySmaller:hover {
  background-color: #d8d8d8;
  background: -webkit-linear-gradient(top, #e6e6e6, #d8d8d8);
  background: -moz-linear-gradient(top, #e6e6e6, #d8d8d8);
  background: -o-linear-gradient(top, #e6e6e6, #d8d8d8);
  background: linear-gradient(to bottom, #e6e6e6, #d8d8d8);
}


/*------------ ボタン用アイコン ------------*/
.btnIcon:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-top: 1px;
  margin-right: 4px;
  vertical-align: text-top;
  line-height: 16px;
}
/*------------ テキスト用アイコン ------------*/
.txtIcon:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 10px;
  vertical-align: text-top;
  line-height: 16px;
}
/*------------ テキスト用アイコン ------------*/
.txtsmallIcon:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 5px;
  vertical-align: text-top;
  line-height: 16px;
}
/*------------------------------------*/
.backIcon:before {
  background: url('../../images/icon_sprite.png') 0 0 no-repeat;
}
.forwardIcon:before {
  background: url('../../images/icon_sprite.png') -16px 0px no-repeat;
}
.upIcon:before {
  background: url('../../images/icon_sprite.png') -32px 0px no-repeat;
}
.downIcon:before {
  background: url('../../images/icon_sprite.png') -48px 0px no-repeat;
}
.imageIcon:before {
  background: url('../../images/icon_sprite.png') -64px 0px no-repeat;
}
/*------------------------------------*/
.regIcon:before {
  background: url('../../images/icon_sprite.png') 0 -16px no-repeat;
}
.listIcon:before {
  background: url('../../images/icon_sprite.png') -16px -16px no-repeat;
}
.closeIcon:before {
  background: url('../../images/icon_sprite.png') -32px -16px no-repeat;
}
.glassIcon:before {
  background: url('../../images/icon_sprite.png') -48px -16px no-repeat;
}
.receiveIcon:before {
  background: url('../../images/icon_sprite.png') -64px -16px no-repeat;
}
/*------------------------------------*/
.chkIcon:before {
  background: url('../../images/icon_sprite.png') 0 -32px no-repeat;
}
.minusIcon:before {
  background: url('../../images/icon_sprite.png') -16px -32px no-repeat;
}
.plusIcon:before {
  background: url('../../images/icon_sprite.png') -32px -32px no-repeat;
}
.sporcketIcon:before {
  background: url('../../images/icon_sprite.png') -48px -32px no-repeat;
}
.sendmailIcon:before {
  background: url('../../images/icon_sprite.png') -64px -32px no-repeat;
}
/*------------------------------------*/
.commentIcon:before {
  background: url('../../images/icon_sprite.png') 0 -48px no-repeat;
}
.exclamationIcon:before {
  background: url('../../images/icon_sprite.png') -16px -48px no-repeat;
}
.exclamationBigIcon:before {
  background: url('../../images/icon_sprite.png') -32px -48px no-repeat;
}
.exclamationTriIcon:before {
  background: url('../../images/icon_sprite.png') -48px -48px no-repeat;
}
.nikukyuIcon:before {
  background: url('../../images/icon_sprite.png') -64px -48px no-repeat;
}
/*------------------------------------*/
.resIcon:before {
  background: url('../../images/icon_sprite.png') 0 -64px no-repeat;
}
.heartIcon:before {
  background: url('../../images/icon_sprite.png') -16px -64px no-repeat;
}
.markerIcon:before {
  background: url('../../images/icon_sprite.png') -32px -64px no-repeat;
}
.questionIcon:before {
  background: url('../../images/icon_sprite.png') -48px -64px no-repeat;
}

/*------------------------------------*/
.copyIcon:before {
  background: url('../../images/icon_sprite.png') 0 -80px no-repeat;
}
.sendIcon:before {
  background: url('../../images/icon_sprite.png') -16px -80px no-repeat;
}
.restartIcon:before {
  background: url('../../images/icon_sprite.png') -32px -80px no-repeat;
}
.registIcon:before {
  background: url('../../images/icon_sprite.png') -48px -80px no-repeat;
}

/*------------------------------------*/
.loginIcon:before {
  background: url('../../images/icon_sprite.png') 0 -96px no-repeat;
}
.heartredIcon:before {
  background: url('../../images/icon_sprite.png') -16px -96px no-repeat;
}
.submitIcon:before {
  background: url('../../images/icon_sprite.png') -32px -96px no-repeat;
}
.stopIcon:before {
  background: url('../../images/icon_sprite.png') -48px -96px no-repeat;
}

/*------------------------------------*/
.back2Icon:before {
  background: url('../../images/icon_sprite.png') 0 -112px no-repeat;
}
.windowopenIcon:before {
  background: url('../../images/icon_sprite.png') -16px -112px no-repeat;
}
.timeIcon:before {
  background: url('../../images/icon_sprite.png') -32px -112px no-repeat;
}
.list2Icon:before {
  background: url('../../images/icon_sprite.png') -48px -112px no-repeat;
}

/*------------------------------------*/
.profileIcon:before {
  background: url('../../images/icon_sprite.png') 0 -128px no-repeat;
}
.diaryIcon:before {
  background: url('../../images/icon_sprite.png') -16px -128px no-repeat;
}
.booksIcon:before {
  background: url('../../images/icon_sprite.png') -32px -128px no-repeat;
}
.friendIcon:before {
  background: url('../../images/icon_sprite.png') -48px -128px no-repeat;
}

/*------------------------------------*/
.nekogumiIcon:before {
  background: url('../../images/icon_sprite.png') 0 -144px no-repeat;
}
.catIcon:before {
  background: url('../../images/icon_sprite.png') -16px -144px no-repeat;
}
.editIcon:before {
  background: url('../../images/icon_sprite.png') -32px -144px no-repeat;
}
.messageIcon:before {
  background: url('../../images/icon_sprite.png') -48px -144px no-repeat;
}
/*------------------ 2014/06/20 追加 ------------------*/
.starIcon:before {
  background: url('../../images/icon_sprite.png') -64px -64px no-repeat;
}
.flatstarIcon:before {
  background: url('../../images/icon_sprite.png') -64px -80px no-repeat;
}
/*------------------ 2014/07/11 追加 ------------------*/
.goodsIcon:before {
  background: url('../../images/icon_sprite.png') -64px -96px no-repeat;
}
.shopIcon:before {
  background: url('../../images/icon_sprite.png') -64px -112px no-repeat;
}
.goodsNewIcon:before {
  background: url('../../images/icon_sprite.png') -64px -128px no-repeat;
}
.boardIcon:before {
  background: url('../../images/icon_sprite.png') -64px -144px no-repeat;
}
/*------------------ 2015/03/25 追加 ------------------*/
.glass2Icon:before {
  background: url('../../images/icon_sprite.png') -80px 0 no-repeat;
}
/*------------------ 2015/07/07 追加 ------------------*/
.stop2Icon:before {
  background: url('../../images/icon_sprite.png') -80px -16px no-repeat;
}
/*------------------ 2016/05/07 追加 ------------------*/
.sendIcon02:before {
  background: url('../../images/icon_sprite.png') -80px -32px no-repeat;
}
/*------------------ 2016/05/07 追加 ------------------*/
.wrightIcon:before {
  background: url('../../images/icon_sprite.png') -80px -48px no-repeat;
}
/*------------ ボタンを四角く ------------*/
.btnSquare {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

/*------------ ボタンを小さく ------------*/
.buttonSmall {
  padding: 5px 10px;
  border: #fff solid 1px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  font-size: 100%;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.1em;
}
.btnIconSmall:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-right: 4px;
  vertical-align: middle;
  line-height: 16px;
}

/*メイリオ使用*/
.fontMeiryo {
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
  font-weight: normal;
}
.btnIconM:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-right: 4px;
  vertical-align: middle;
  line-height: 16px;
}

/*-----------------------
ボタン以外のパーツ
----------------------*/

/*必須・任意*/
.input-required,
.input-any,
.input-option{
	display: inline-block;
	margin-right: 5px;
	padding: 4px 5px;
	border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	vertical-align: middle;
}
.input-required{
  background-color: #cc0000;
}
.input-any,
.input-option{
  background-color: #6699cc;
}


span.required{
  font-size: 12px;
  background-color: #cc0000;
  color: #fff;
  padding: 2px 5px 0;
  margin-right: 5px;
  border-radius: 2px;
}
span.any{
  font-size: 12px;
  background-color: #6699cc;
  color: #fff;
  padding: 2px 5px 0;
  margin-right: 5px;
  border-radius: 2px;
}
span.option{
  font-size: 12px;
  background-color: #6699cc;
  color: #fff;
  padding: 2px 5px 0;
  margin-right: 5px;
  border-radius: 2px;
}
.defButtonGray{
  display: inline-block;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fffdf0;
  -webkit-box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  -moz-box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  border: solid 1px #cfcfcf;
  background-image: -webkit-linear-gradient(bottom, #e9edf2, #fff);
  background-image: -moz-linear-gradient(bottom, #e9edf2, #fff);
  background-image: -o-linear-gradient(bottom, #e9edf2, #fff);
  background-image: linear-gradient(to top, #e9edf2, #fff);
  color: #000 !important;
  font-size: 100%;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
}

input.defButtonGray{
  display: inline-block;
  padding: 4px 10px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fffdf0;
  -webkit-box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  -moz-box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  border: solid 1px #cfcfcf;
  background-image: -webkit-linear-gradient(bottom, #e9edf2, #fff);
  background-image: -moz-linear-gradient(bottom, #e9edf2, #fff);
  background-image: -o-linear-gradient(bottom, #e9edf2, #fff);
  background-image: linear-gradient(to top, #e9edf2, #fff);
  color: #000 !important;
  font-size: 100%;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
  cursor:pointer;
  font-weight:600;
}

.defButtonGray:hover {
  cursor: pointer;
  background-color: #e6e6e6;
  background: -webkit-linear-gradient(top, #f5f5f5, #e6e6e6);
  background: -moz-linear-gradient(top, #f5f5f5, #e6e6e6);
  background: -o-linear-gradient(top, #f5f5f5, #e6e6e6);
  background: linear-gradient(to bottom, #f5f5f5, #e6e6e6);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.defButtonGraySmart{
  display: inline-block;
  padding: 2px 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fffdf0;
  -webkit-box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  -moz-box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  border: solid 1px #cfcfcf;
  background-image: -webkit-linear-gradient(bottom, #e9edf2, #fff);
  background-image: -moz-linear-gradient(bottom, #e9edf2, #fff);
  background-image: -o-linear-gradient(bottom, #e9edf2, #fff);
  background-image: linear-gradient(to top, #e9edf2, #fff);
  color: #000 !important;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
  font-size:90%;
}
.defButtonGraySmart:hover {
  background-color: #e6e6e6;
  background: -webkit-linear-gradient(top, #f5f5f5, #e6e6e6);
  background: -moz-linear-gradient(top, #f5f5f5, #e6e6e6);
  background: -o-linear-gradient(top, #f5f5f5, #e6e6e6);
  background: linear-gradient(to bottom, #f5f5f5, #e6e6e6);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.defButtonOrange{
  display: inline-block;
  padding: 4px 10px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fffdf0;
  -webkit-box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  -moz-box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  border: solid 1px #cfcfcf;
  background-image: -webkit-linear-gradient(bottom, #ffeddd, #fff);
  background-image: -moz-linear-gradient(bottom, #ffeddd, #fff);
  background-image: -o-linear-gradient(bottom, #ffeddd, #fff);
  background-image: linear-gradient(to top, #ffeddd, #fff);
  color: #000 !important;
  font-size: 100%;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
  cursor:pointer;
  font-weight:normal;
}

.defButtonOrange:hover {
  cursor: pointer;
  background-color: #e6e6e6;
  background: -webkit-linear-gradient(top, #ffdbbb, #e6e6e6);
  background: -moz-linear-gradient(top, #ffdbbb, #e6e6e6);
  background: -o-linear-gradient(top, #ffdbbb, #e6e6e6);
  background: linear-gradient(to bottom, #ffdbbb, #e6e6e6);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.defButtonBrown{
  display: inline-block;
  padding: 4px 10px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fffdf0;
  -webkit-box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  -moz-box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  box-shadow: 1px 1px 3px rgba(129,129,129,.6);
  border: solid 1px #cfcfcf;
  background: -webkit-linear-gradient(top, #9b5b4c, #812f1c);
  background: -moz-linear-gradient(top, #9b5b4c, #812f1c);
  background: -o-linear-gradient(top, #9b5b4c, #812f1c);
  background: linear-gradient(to bottom, #9b5b4c, #812f1c);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  font-size: 100%;
  text-decoration: none;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
  cursor:pointer;
  font-weight:normal;
}

.defButtonBrown:hover {
  cursor: pointer;
  background-color: #e6e6e6;
  background: -webkit-linear-gradient(top, #ba958d, #9b5b4c);
  background: -moz-linear-gradient(top, #ba958d, #9b5b4c);
  background: -o-linear-gradient(top, #ba958d, #9b5b4c);
  background: linear-gradient(to bottom, #ba958d, #9b5b4c);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
div.defButtonGrayArea{
  background:url(/foster/images/button_bg.png);
  padding:10px;
}

a:hover img.hover{
  opacity:0.7;
  filter: alpha(opacity=70);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";  /* ie 8 */
  -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;              /* Safari 1.x */
  zoom:1;
  background-color: #fff;
}

div.img-link{
  transition: all 0.5s ease 0s;
}

div.img-link:hover{
  transition: all 0.5s ease 0s;
  opacity:0.7;
}

/*コンテンツのリンク色*/
.contColorLink a:link{
  color: #0f67b7;
}
.contColorLink a:visited{
  color: #0f67b7;
}
.contColorLink a:hover{
  color: #c40000;
}
.contColorLink a:active{
  color: #550000;
}

.floatingBtn {
  display: inline-block;
  border: none;
  color: #fff !important;
  background-color: #EF873B;
  font-size: 18px;
  cursor: pointer;
  border-radius: 8px;
  margin: 15px 0 20px;
}
.floatingBtn:hover {
  background-color: #FFAE4F;
}

/* 上下角丸画像 */
.frame_top_img img{
  vertical-align: bottom;
}
.frame_btm_img img{
  vertical-align: top;
}

/* ================================================================================ */
/* ================================================================================ */
/* ================================================================================ */
/* ヘッダーお知らせ　2019.11.26 */
/* ================================================================================ */
/* ================================================================================ */
/* ================================================================================ */
.newNotice {
  position: relative;
}
.newNotice_headWrap{
  display: block;
}
.newNotice_body {
  z-index: 100000;
  display: none;
  width: 450px;
  position: absolute;
  right: -20px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
  border-radius: 8px;
}
.newNotice_body.is-show {
  display: block;
}

.newNotice_bodyInner{
  position: relative;
  border-radius: 8px;
}
.newNotice_bodyInner:before {
  content: "";
  position: absolute;
  top: -24px;
  right: 29px;
  border: 12px solid transparent;
  border-bottom: 12px solid #fa7418;
  z-index: 2;
  pointer-events: none;
}
.newNotice_bodyInner:after {
  content: "";
  position: absolute;
  top: -28px;
  right: 27px;
  border: 14px solid transparent;
  border-bottom: 14px solid #ddd;
  z-index: 1;
  pointer-events: none;
}
.newNotice_bodyInner .notice-header{
  background: #fa7418;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 8px 8px 0 0 ;
}
.newNotice_bodyInner .notice-header .title{
  font-weight: normal;
}
.newNotice_bodyInner .notice-header .setting-icon{
  font-size: 19px;
  margin-top:2px;
}
#user_message .notice-header a:link,
#user_message .notice-header a:visited,
#user_message .notice-header a:hover,
#user_message .notice-header a:active{
  color: #fff;
}
.newNotice_bodyInner #setting-box{
  position: absolute;
  z-index: 5;
  top: 28px;
  right: 8px;
  background: #fff;
  padding: 5px;
  border: 2px solid #ffab5b;
  border-radius: 5px;
  width: 200px;
  font-size: 14px;
  text-align: left;
}
.newNotice_bodyInner #setting-box li{
  width: 100%;
}
.newNotice_bodyInner #setting-box li:first-child{
  margin-bottom: 5px;
}
.newNotice_bodyInner #setting-box a{
  display: inline-block;
  padding: 5px 10px;
  width: calc(100% - 20px);
  text-decoration: none;
}
.newNotice_bodyInner #setting-box a:link,
.newNotice_bodyInner #setting-box a:visited,
.newNotice_bodyInner #setting-box a:active{
  color: #555;
  font-weight: 600;
}
.newNotice_bodyInner #setting-box a:hover{
  background: #ffdcb9;
}

.newNotice_bodyInner #setting-box .fa{
  margin-right: 5px;
  color: #ffab5b;
}

.newNotice_items{
  max-height: 500px;
  margin: 0!important;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  border-radius: 0 0 8px 8px;
}
.newNotice_items::-webkit-scrollbar{
  width:8px;
}
.newNotice_items::-webkit-scrollbar-thumb{
  border-radius: 4px;
  background: #ffab5b;
}
.newNotice_item {
  width: 100%;
  margin: 0;
  background: #fffcee;
}
.newNotice_item:not(:first-child){
  border-top: 1px solid #ccc;
}
.newNotice_item.no_data,
.newNotice_item[data-is-opend=true] {
  background: #fff;
}
.newNotice_item a {
  padding: 5px 8px;
  text-decoration: none;
}
.newNotice_item a:hover{
  background-image: linear-gradient(rgba(41, 37, 29, .04), rgba(41, 37, 29, .04));
  opacity: .7;
}


.newNotice_showBtn {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  background: #fa7418;
  color: #fff!important;
  font-size: .9rem;
  text-align: center;
  text-decoration: none;
}
.newNotice_showBtn:hover{
  background: #ff8410;
}


.newNotice_link{
  display: flex;
  align-items: center;

  width: 100%;
  box-sizing: border-box;

}
.newNotice_icon{
  width: 50px;
  height: 50px;
}
.newNotice_icon img{
  width: 100%;
  border-radius: 25%;
}
.newNotice_txt{
  width: calc(100% - 45px);
  padding: 0 0 0 .5rem;
  color: #555;
  font-weight: 700;
  font-size: 12px;
  text-align: left;
}
.newNotice_txt p{
  color: #777;
  font-weight: normal;
  text-align: right;
}



/** ============================================================
 * 完了画面汎用
 * 20200616 追加
 * ========================================================== */
.complete_wrap {
  background: #fff;
  /* border: 1px solid #ccc; */
  border-radius: 2px;
  padding: 3.1rem;
  margin: 20px 0;
  font-size: 1rem;
  text-align: center;
  line-height: 1;
}

.complete_wrap a:link,
.complete_wrap a:visited{
  color: #1067b7;
}
.complete_wrap a:hover{
  color: #ff6c00;
}

.inputMainAreaWrap .complete_wrap h2.complete_heading {
  width: auto;
  margin: 1.75rem 0 0 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: #ff8410;
  border: none;
  font-size: 1.75rem!important;
  text-align: center;
}

.complete_wrap .complete_body {
  margin: 1.75rem auto 0;
  line-height: 1.6;
}
.complete_wrap .complete_body .body_list {
  margin-top: 2rem;
  font-size:14px;
}
.complete_wrap .complete_body .body_list-left{
  display: inline-block;
  margin-top: 0;
  text-align: left;
  color: #666;
  font-size: 13px;
}
.complete_wrap .complete_body .body_list-left li{
  position: relative;
  margin-top: 3px;
  padding-left: .8rem;
}
.complete_wrap .complete_body .body_list-left li:first-child{
  margin-top: 0;
}
.complete_wrap .complete_body .body_list-left li:before{
  content: "";
  position: absolute;
  top: .5rem;
  left: 0;
  width: 5px;
  height: 5px;
  background: #555;
  border-radius: 50%;
}

.complete_wrap .complete_body .body_box-pdgy{
  display: inline-block;
  max-width: 70%;
  margin: 0 auto;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.complete_wrap .complete_body .contact_notice,
.complete_wrap .complete_body .body_txt-sml{
  font-size:12px;
  color:#666;
}

.complete_wrap .complete_faq,
.complete_wrap .complete_link{
  display: inline-block;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-decoration:none;
}

.complete_wrap .complete_faq i,
.complete_wrap .complete_link i{
  margin-left: 5px;
}

.complete_wrap .complete .backBtn {
  margin-top: 1.75rem;
}

/** ----------------------------------------
 * 上記完了系のスタイルを他でも使いまわせるように
 * -------------------------------------- */
.comp-complete_heading {
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: #ff8410;
  border: none;
  font-size: 1.75rem!important;
  text-align: center;
}

.comp-complete_body {
  margin: 1.75rem auto 0;
  font-size: 1rem;
  line-height: 1.6;
}


/** ============================================================
 * 通報ボタン
 * 20200923 追加
 * ========================================================== */
.nj-reportBtn{
  display: inline-block;
  padding: 8px 10px 8px 13px;
  background: #FFE004;
  border-radius: 3px;
  color: #000!important;
  font-size: 14px;
  line-height: 1;
}
.nj-reportBtn:hover{
  background: #ff8410;
}
.nj-reportBtn .fa{
  margin: 0 7px 0 0;
  font-size: 16px;
  vertical-align: middle;
}


/** ============================================================
 * スポンサーエリア
 * 20230714 追加
 * ========================================================== */
#sponsor{
  background: #fff;
  padding: 20px 0;
}
.sponsor_inner{
  width: 892px;
  margin: 0 auto;
  padding: 20px 30px ;
  border-radius: 10px;
  border: 1px solid #d3d3d3;
  display: flex;
  align-items: center;
}
.sponsor_heading{
  width: 40%;
  border-right: 1px solid #d3d3d3;
}
.sponsor_ttl{
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-left: none;
  box-shadow: none;
  color: #333 !important;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  line-height: 1.5;
}
.sponsor_txt{
  color: #333;
  font-size: 14px;
  line-height: 2;
}
.sponsor_list{
  display: flex;
  justify-content: center;
  margin: 15px 0 0;
  width: 60%;
}
.sponsor_list .list_item:nth-child(n + 2){
  margin-left: 15px;
}
.sponsor_list .list_item{
	margin:0 20px;
}
.sponsor_list .list_item img{
  height: 60px;
  vertical-align: bottom;
}
/** ============================================================
 * コンセプトエリア
 * 20250108 追加
 * ========================================================== */
 #concept{
  margin: 25px 0 0;
  background: #fff;
}
.concept_inner{
  width: 952px;
  margin: 0 auto;
  padding: 10px 0;
}
.concept_area{
  width: 952px;
  margin: 0 auto;
  margin: 20px 0 10px;
  background: url("/images/concept/pc_bg.png") no-repeat;
  height: 316px;
}
.conceptmore{
  text-align: right;
  font-size: 14px;
}
.conceptmore a {
  color: #800000;
  text-decoration: none;
}
.conceptmore a:before {
  content: "\f061";
  margin-right: 5px;
  font-family: FontAwesome;
}
.concept_txt{
  background:rgba(255,255,255,0.65);
  padding: 20px;
  display: inline-block;
  border-radius: 0 0 20px 0;
}
.concept_txt h2{
  font-size: 24px;
  padding: 0 !important;
  margin: 0 !important;
  margin-bottom: 10px !important;
  font-weight: 500;
  width: auto!important;
  border: none;
  box-shadow: none;
  color: #333 !important;
}
.concept_txt p{
  font-size: 15px;
}