@charset "utf-8";
/* CSS Document */
#container{
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#222222;
}
.c-f:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.c-f{
  min-height:1%;
  display:block;
}
h2.rs_h2_title_bar {
  padding: 10px 15px;
  background-color:#3695d6;
  color: #fff;
  font-size: 16px;
  margin-top:20px;
}
h3.rs_h3_title_bar{
  padding: 5px 15px !important;
  background-color:#666666;
  color: #fff;
  font-size: 16px;
  font-weight:normal !important;
  border-left:none !important;
  margin-top:20px !important;
}
h4.rs_h4_title_bar{
  border-left:5px solid #898989;
  padding:0 15px;
  color:#434343;
  font-size: 16px !important;
  font-weight:normal !important;
  margin-top:20px !important;
}
.lead {
    font-size:14px;
    line-height:1.7;
}
.lead  a{
  text-decoration:underline;
}
.bold{
  font-weight:bold;
}
.txt-red{
  color:#eb4055;
}
.txt-gray{
  color:#434343;
}
.txt-kome{
  font-size:11px;
  color:#434343;
}  

/*--------------------------------------
  　　ボタン赤
--------------------------------------*/
.btn-red a {
  display: block;
  width: 600px;
  margin: 0 auto;
  padding: 15px 0;
  background: #eb4055;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
  font-size:26px;
}
.btn-red a:hover {
  color: #fff;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.btn-red-fin span {
  display: block;
  width: 600px;
  margin: 0 auto;
  padding: 15px 0;
  background-color: #75202a;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  color: #7f7f7f;
  font-size:26px;
  text-align: center;
}
.btn-red a:active{  /* クリック時の設定 */
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  box-shadow:none;
}

/*------------------------------------------------
  　ヘッダ下のキャンペーン期間＆プレー対象期間
--------------------------------------------------*/
.deadline {
    background-color: #fff;
  color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    height: 40px;
    text-align: center;
  margin: 20px 0;
}
.deadline ul {
    border: 1px solid #acacaa;
    line-height: 2.5;
}
.deadline ul li {
    background-color: #ffffff;
    color: #313131;
    display: table-cell;
    font-weight: bold;
    padding: 0 16px;/*年をまたぐ時は9px*/
}
.deadline ul li.ulTitle01 {
    background-color: #c0c0c0;
}
.deadline ul li.ulTitle02 {
    background-color: #c0c0c0;
}

/*---------------------------------
  　独自のコンテンツエリア
-----------------------------------*/
.contents-area{
  /*background-color:#d2d2d2;
  text-align:center;
  padding:130px 0;*/
  margin-top:20px;
  font-size:18px;
}

/*---------------------------------
  　　エリアタブ
-----------------------------------*/
.tab-area{
  width:960px;
  margin:15px 0;
}
.tab-area p a{
    display: block;
  padding:15px 0;
    border: 1px solid #5A5A5A;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    background: #fff;
    color: #333;
    font-size: 18px;
    text-align: center;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}
.tab-area p a:hover{
  background:#FFFFFF;
  border:#e7364a 1px solid;
  color:#e7364a;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}
.tab-area p span{
    display: block;
  padding:15px 0;
    border: 1px solid #e7364a;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    background: #fff;
    color: #eb4055;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
}
.tab-area-6area p{
  width:155px;
  margin-right:5px;
  float:left;
}
.tab-area-2area p{
  width:470px;
  margin-right:15px;
  float:left;
}
.tab-area p.last{
  margin-right:0;
}
.tab-area p a:active{  /* クリック時の設定 */
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  box-shadow:none;
}

/*---------------------------------
  　　応募ステップ
-----------------------------------*/
/*4STEP*/
.step{
  width:223px;
  float:left;
  border:1px solid #399f00;
  padding-bottom:10px;
  background: #fff;
}
.step p,.step02 p{
  font-size:14px;
  padding:10px;
  margin-top:0;
}
.step p.step-title{
  background-color:#399f00;
  color:#FFFFFF;
  font-size:16px;
  font-weight:bold;
}
.step > img,.step02 > img {
    display: block;
    margin: 0 auto;
}
.step .bold,.step02 .bold{
  display: inline-block;
    font-weight: bold;
  padding-bottom:5px;
}
.triangle {
    display: flex;
  float:left;
  width:20px;
  position: relative;
}
.triangle .ic{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 0 12.5px 10px;
  border-color: transparent transparent transparent #399f00;
  position:absolute;
  top: 45%;
  left: 25%;
}
.step .btn,.step02 .btn{
  position:relative;
}
.step .btn a,.step02 .btn a{
  background-color:#02c2f2;
  border-radius: 18px;
  display:block;
  text-align:center;
  color:#FFFFFF;
  padding:8px;
  transition: .3s ease-out;/*変化を緩やかに*/
}
.step .btn a:hover,.step02 .btn a:hover{
  color: #fff;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.step .btn .arrow,.step02 .btn .arrow{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #ffffff;
  display: inline-block;
  position: absolute;
  right: 20px;
    top: 40%;
}
/*3STEP*/
.step02{
  width:298px;
  float:left;
  border:1px solid #898989;
  padding-bottom:10px;
}
.triangle02 {
    display: flex;
  float:left;
  width:30px;
  position: relative;
}
.triangle02 .ic{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 0 12.5px 10px;
  border-color: transparent transparent transparent #666666;
  position:absolute;
  top: 45%;
  left: 30%;
}

.step .btn-red > span {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 8px 0;
    background: #eb4055;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    -webkit-tap-highlight-color: transparent;
    transition: .3s ease-out;
    font-size: 10px;
}
.txt-14 {
  font-size: 14px!important;
}

/*--------------------------------------
  　　賞品一覧
--------------------------------------*/
.pre-2box div{
  float:left;
  margin-right:20px;
  width:470px;
  margin-top:0;
}
.pre-2box p.txt{
  width:440px;
  background-color:#666666;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  padding:15px;
  margin-top: 0;
  display: inline-block;
}
.pre-2box p span.name-txt{
  width:330px;
  float:left;
}
.pre-2box p span.number{
  width:110px;
  font-size:24px;
  display: inline-block;
  text-align:right;
}
.pre-2box p span.number .big-txt{
  font-size:40px;
}

.pre-3box div{
  float:left;
  margin-right:15px;
  width:310px;
  margin-top:0;
}
.pre-3box p.txt{
  width:280px;
  background-color:#666666;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  padding:15px;
  margin-top: 0;
  display: inline-block;
}
.pre-3box p span.name-txt{
  width:180px;
  float:left;
}
.pre-3box p span.number{
  width:100px;
  font-size:22px;
  display: inline-block;
  text-align:right;
  margin-top: 4px;
}
.pre-3box p span.number .big-txt{
  font-size:36px;
}

.pre-4box div{
  float:left;
  margin-right:20px;
  width:225px;
  margin-top:0;
}
.pre-4box p.txt{
  width:205px;
  background-color:#666666;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  padding:10px;
  margin-top: 0;
  display: inline-block;
}
.pre-4box p span.name-txt{
  width:145px;
  float:left;
}
.pre-4box p span.number{
  width:60px;
  font-size:14px;
  display: inline-block;
  text-align:right;
}
.pre-4box p span.number .big-txt{
  font-size:21px;
}

.pre-5box p{
  float:left;
  width:180px;
  margin-right:15px;
  margin-top:0;
  position:relative;
}
.pre-5box p span.number{
  display: inline-block;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 60px;
    width: 100px;
  color:#FFFFFF;
}
.pre-5box p span.number .big-txt{
  font-size:24px;
}
.pre-5box p span{
  padding-top:5px;
  display: inline-block;
}
.mr0{
  margin-right:0;
}

/*---------------------------------
  　ゴルフ場コース
-----------------------------------*/
.rs_course .cbox{width: 930px; margin-left: auto; margin-right: auto; background: #eee; margin-top: 20px; padding: 14px; border: 1px solid #ccc;line-height:1.5;}
.rs_course .limg{padding: 6px; background: #fff; width: 410px;}
.rs_course .simg{width:430px;}
.rs_course .simg img{margin:6px 6px 0 0; padding: 5px; background: #fff; float:left; cursor:pointer;}
.rs_course .imbox{float: left;width:410px;}
.rs_course .cbox .course-name{font-size: 24px; font-weight:bold; }
.rs_course .acs{color: #009900}
.rs_course .copy{font-size:14px; margin-top: 5px;}
.rs_course .detailbox {width:480px;float:right;}
.rs_course .star {display:inline-block;float:left;}
.rs_course .detail-right {width:300px;}
.rs_course .detail-left {width:320px;}
.rs_course .txt-yellow {color:#FFAE00;}
.rs_course .txt-14{font-size:105%;}
.rs_course .as{font-size:90%;}
.rs_course .btn-red a {
  display: block;
  width: 400px;
  margin:20px 30px 28px 35px;
  padding: 15px 0;
  background: #eb4055;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
  font-size:16px;
}
.rs_course .btn-red a:hover {
  color: #FFF;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.rs_course .btn-red-fin span {
  display: block;
  width: 400px;
  margin:20px 30px 28px 35px;
  padding: 15px 0;
  background-color: #75202a;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  color: #7f7f7f;
  font-size:16px;
  text-align: center;
}
.label-pink {
    background-color: #ff6699!important;
    border-radius: 3px!important;
    color: #fff!important;
    display: inline-block!important;
    font-size: 12px!important;
    line-height: 14px!important;
    margin-right: 3px!important;
    padding: 3px 7px!important;
    text-align: center!important;
    vertical-align: baseline!important;
    white-space: nowrap!important;
}
.label-orange {
    background-color: #ff7e00!important;
    border-radius: 3px!important;
    color: #fff!important;
    display: inline-block!important;
    font-size: 12px!important;
    line-height: 14px!important;
    padding: 3px 7px!important;
    text-align: center!important;
    vertical-align: baseline!important;
    white-space: nowrap!important;
}
.label-blue {
    background-color: #3695d6!important;
    border-radius: 3px!important;
    color: #fff!important;
    display: inline-block!important;
    font-size: 12px!important;
    line-height: 14px!important;
    padding: 3px 7px!important;
    text-align: center!important;
    vertical-align: baseline!important;
    white-space: nowrap!important;
}
.label-gray {
    background-color: #898989!important;
    border-radius: 3px!important;
    color: #fff!important;
    display: inline-block!important;
    font-size: 12px!important;
    line-height: 14px!important;
    padding: 3px 7px!important;
    text-align: center!important;
    vertical-align: baseline!important;
    white-space: nowrap!important;
}
.mr3{
  margin-right:3px;
}

/*---------------------------------
  　ページTOP
-----------------------------------*/
#page-top {
    bottom: 20px;
    display: block;
    position: fixed;
    margin-left: 980px;
  width: 960px;
}
/*--------------------------------------
  　　キャンペーン概要
--------------------------------------*/
#outline_box {
  margin: 0 0 15px;
  border: 2px solid #3695d6;
  font-size: 14px;
}
#outline_box dl{
  margin:5px 0;
}
#outline_box dt{
  padding:10px 0 0 15px;
  font-weight:bold;
  color:#3695d6;
  float:left;
}
#outline_box dd{
  padding:10px 10px 10px 210px;
  border-bottom:1px dashed #ccc;
  line-height:140%;
}
#outline_box dd.last{
  border:0;
}

/*--------------------------------------
  　　注意事項
--------------------------------------*/
.notice_tit {
  padding: 8px 15px;
  background-color: #ccc;
  font-size: 14px;
}
#notice_box {
  margin: 0 0 10px;
  width:956px;
  border: 2px solid #ccc;
  font-size: 14px;
}
#notice_box dl{
  margin: 0;
}
#notice_box dt{
  padding:10px 0 0 15px;
  font-weight:bold;
  float:left;
}
#notice_box dd{
  padding:10px 10px 10px 210px;
  border-bottom:1px dashed #ccc;
  line-height:140%;
}
#notice_box dd.last{
  border:0;
}
#notice_box ul{
  margin-left: 0;
}
#notice_box ul li {
  list-style: disc;
  list-style-position: outside;
}

/*--------------------------------------
  　共通キャンペーンの注意事項ボタン
--------------------------------------*/
.btn_info a {
  display: block;width: 40%;
  padding: 15px 0;
  margin: 0 auto;
  text-decoration: none;
  border:1px solid #3695d6;
  color: #3695d6;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;transition: .3s ease-out;
}
.btn_info a:hover{
  color: #5fb0e7;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
.btn_info a:active{
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  box-shadow:none;
}

/*--------------------------------------
  　　キャンペーン終了対応
--------------------------------------*/
#str_container #header{
  width:960px;
  position:relative;
}
#str_container #header .h-txt{
  display:none;
}
#str_container #header-fin{
  width:960px;
  position:relative;
  background:#000;
}
#str_container #header-fin .h-overlay{
  width: 100%;
  height: 100%;
  z-index: 999;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
#str_container #header-fin .h-txt {
  position:absolute;
  background:#fff;
  padding:20px 40px;
  top:50%;
  left:290px;
  margin:-50px 0 0;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  z-index: 999999;
  text-align:center;
}
#str_container #header-fin .h-txt p {
  font-size:160%;
  font-weight:bold;
  color:#ff0000;
  font-family:"メイリオ", Meiryo, Osaka;
}
#str_container #header-fin .h-txt p span {
  font-size:80%;
  font-weight:normal;
}

@media screen and (min-width: 769px) {
  #str_container #header-fin {
    width: 1920px;
    margin-left: -460px;
  }
  #str_container #header-fin .h-txt {
    left: 715px;
  }
}
@media screen and (max-width: 768px) {
  #str_container #header-fin {
    width: 100%;
  }
  #str_container #header-fin .h-txt {
    left: 0;
    display: block;
    width: 100%;
    background: none;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #str_container #header-fin .h-txt > p {
    width: 100%;
    margin-top: 0;
    padding: 20px 10px;
    box-sizing: border-box;
    background: #fff;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    font-size: 18px;
  }
}

/*--------------------------------------
  　　20201221
--------------------------------------*/
#header {
  width: 1920px;
  margin-left: -490px;
}
.btnWrap {
  padding: 40px 0 50px;
  text-align: center;
}
.btnWrap__text {
  font-size: 20px;
  font-weight: bold;
}
.stepWrap {
  width: 1920px;
  margin: 0 0 0 -490px;
  padding: 80px 0;
  background: #dbedc9 url(/special/coupon_1500/images/con_bg_01.jpg) no-repeat;
}
.stepInner {
  width: 960px;
  margin-left: 480px;
}
.btnWrap__note {
  font-size: 14px;
  margin-top: 10px;
}
@media screen and (min-width: 769px) {
  .spContent {
    display: none!important;
  }
  .pcMt20 {
    margin-top: 20px!important;
  }
  .pcMt30 {
    margin-top: 30px!important;
  }
  .pcMt40 {
    margin-top: 40px!important;
  }
  .pcCenter {
    text-align: center!important;
  }
}
@media screen and (max-width: 768px) {
  .pcContent {
    display: none!important;
  }
  .spMt10 {
    margin-top: 10px!important;
  }
  .spMt15 {
    margin-top: 15px!important;
  }
  .spMt20 {
    margin-top: 20px!important;
  }
  .spPr20 {
    padding-right: 20px!important;
  }
  .spPl20 {
    padding-left: 20px!important;
  }
  img {
    width: 100%;
    vertical-align: top;
  }
  #str_container #header {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
  }
  .btnWrap__text {
    font-size: 18px;
    text-align: center;
  }
  .btnWrap {
    padding: 40px 20px;
    text-align: left;
  }
  .btn-red a,
  .btn-red-fin span {
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
  }
  .btnWrap__note {
    margin: 10px 0 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px;
    text-align: left;
    box-sizing: border-box;
    line-height: 1.6;
  }
  .stepWrap {
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #dbedc9 url(/special/coupon_1500/images/con_bg_01_sp.jpg) no-repeat;
    background-size: 100%;
  }
  .stepInner {
    width: 100%;
    margin: 0;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .stepInner .read {
    font-size: 18px;
  }
  .step {
    width: 100%;
    float: none;
  }
  .triangle {
    float: none;
    width: 0;
    height: auto!important;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #399f00 transparent transparent transparent;
    margin: 10px auto;
  }
  .triangle .ic {
    display: none;
  }
  .step > img, .step02 > img {
    max-width: 100%;
    width: auto;
  }
  .title {
    margin: 0 5px;
    padding: 7px 10px;
    background-color: #3695d6;
    color: #fff;
    font-size: 16px;
    max-height: 999999px;
  }
  #outline_box {
    margin: 0 10px;
    padding-top:5px;
  }
  #outline_box dl{
    margin: 0;
    padding: 3px;
  }
  #outline_box dt{
    float:none;
    padding: 0 0 0 5px;
    max-height:999999px;
    font-size: 15px;
  }
  dl.outline dt {
    padding: 5px;
  }
  #outline_box dd{
    padding: 0 0 10px 5px;
    max-height:999999px;
  }
  .notice_tit {
    padding:5px 10px;
    font-size:14px;
    margin:0 10px;
  }
  #notice_box {
    margin: 0 10px 20px;
    width:auto;
    padding-top:5px;
  }
  #notice_box dl{
    margin: 0;
    padding: 3px;
  }
  #notice_box dt{
    float:none;
    padding: 0 0 0 5px;
  }
  #notice_box dd{
    padding: 10px 15px;
  }
  #notice_box ul{
    margin-left:10px;
  }
  #notice_box ul li {
    list-style: disc;
    list-style-position: outside;
    max-height:999999px;
  }
  .btn_info{
    margin:0 10px;
  }
  .column_unit {
    display: block;
    margin: 0;
    padding: 0 5px;
  }
  .campaign_unit {
    float: none;
    margin: 10px 0;
    width: 100%;
  }
  .campaign_unit a {
    border: 1px solid #CCC;
    padding: 5px;
  }
  .column_box {
    margin: 0;
  }
  .column_box:after,
  .column_box_last:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
  }
  .column_box,
  .column_box_last {
    margin: 0;
  }
  .campaign_unit .images {
    width: 28%;
    float: left;
  }
  .campaign_unit .details {
    border: none;
    width: 70%;
    float: left;
    box-sizing: border-box;
  }
  .campaign_unit .details.hi_time {
    height: auto;
  }
  .campaign_unit .details p.title02 {
    margin-top: 0;
  }
}
@media screen and (max-width: 640px) {
  #outline_box {
    margin: 0 5px;
    border: 1px solid #3695d6;
  }
  .notice_tit {
    margin:0 5px;
    font-size:16px;
    font-weight: bold;
    padding: 7px 10px;
  }
  #notice_box {
    margin: 0 5px 20px;
    border: 1px solid #ccc;
  }
}
@media screen and (max-width: 340px) {
  #outline_box {
    font-size: 14px;
  }
  .notice_tit {
    font-size: 14px;
  }
  #notice_box{
    font-size: 14px;
  }
}

/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome,#container {
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}