@charset "utf-8";
/* ===================================================================
CSS information

 file name  :module.css
 style info :共通の汎用スタイル指定
=================================================================== */

/* ==========================================================
	基本設定、リンクカラーなど
========================================================== */
a:link {color: #f0831e; text-decoration: none;}
a:visited {color: #f0831e;}
a:hover {color: #faa24f;}

/* リンク点線消し */
a {	
	overflow:hidden;
	outline:none;
}
a.link_underline {
  text-decoration: underline;
}
.btn_orange a {
  background: url(../images/shared/arrow_right.png) no-repeat 140px 50% #f0831e;
  color: #fff;
  letter-spacing: 1px;
  padding: 10px 30px 8px;
  text-decoration: none;
}

@media screen and (min-width: 641px){
  .btn_orange.ios a {
    background: url(../images/shared/arrow_right.png) no-repeat 56px 50% #f0831e;
  }
  .btn_orange.android a {
    background: url(../images/shared/arrow_right.png) no-repeat 90px 50% #f0831e;
  }
  .btn_orange.yandex a {
    background: url(../images/shared/arrow_right.png) no-repeat 86px 50% #f0831e;
  }
  .btn_orange.pc a {
    background: url(../images/shared/arrow_right.png) no-repeat 50px 50% #f0831e;
  }
  .btn_orange.mobage a {
    background: url(../images/shared/arrow_right.png) no-repeat 90px 50% #f0831e;
  }
  .btn_orange.mixi a {
    background: url(../images/shared/arrow_right.png) no-repeat 60px 50% #f0831e;
  }
  .btn_orange.dgame a {
    background: url(../images/shared/arrow_right.png) no-repeat 82px 50% #f0831e;
  }
  .btn_orange.yahoo a {
    background: url(../images/shared/arrow_right.png) no-repeat 150px 50% #f0831e;
  }
  #service .btn_orange.line {
    background: #f0831e;
    color: #fff;
    height: 24px;
    letter-spacing: 1px;
    padding: 8px 20px 0;
  }
  #company .btn_orange.googlemap a {
    background-position: 160px 50%;
    font-size: 12px;
  }
}
@media screen and (max-width:640px){
  .btn_orange a {
    background: url(../images/shared/arrow_right.png) no-repeat 90% 50% #f0831e;
    background-size: 4px 7px;
    color: #fff;
    font-size: 10px;
    padding: 6px 19px 6px 11px;
    text-decoration: none;
  }
}

/* ==========================================================
	汎用class
========================================================== */

/* margin padding
========================================================== */
.mT10 {margin-top:10px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mR10 {margin-right:10px;}
.mR20 {margin-right:20px;}
.mR30 {margin-right:30px;}
.mB10 {margin-bottom:10px;}
.mB20 {margin-bottom:20px;}
.mB30 {margin-bottom:30px;}
.mB40 {margin-bottom:40px;}
.mB50 {margin-bottom:50px;}
.mB60 {margin-bottom:60px;}
.mB80 {margin-bottom:80px;}
.mL10 {margin-left:10px;}
.mL20 {margin-left:20px;}
.mL30 {margin-left:30px;}

.pT10 {padding-top:10px;}
.pT20 {padding-top:20px;}
.pT30 {padding-top:30px;}
.pR10 {padding-right:10px;}
.pR20 {padding-right:20px;}
.pR30 {padding-right:30px;}
.pB10 {padding-bottom:10px;}
.pB20 {padding-bottom:20px;}
.pB30 {padding-bottom:30px;}
.pB40 {padding-bottom:40px;}
.pB50 {padding-bottom:50px;}
.pB60 {padding-bottom:60px;}
.pL10 {padding-left:10px;}
.pL20 {padding-left:20px;}
.pL30 {padding-left:30px;}

.pX10 {padding-left:10px; padding-right:10px;}
.pX20 {padding-left:20px; padding-right:20px;}
.pX30 {padding-left:30px; padding-right:30px;}

.pY10 {padding-top:10px; padding-bottom:10px;}
.pY20 {padding-top:20px; padding-bottom:20px;}
.pY30 {padding-top:30px; padding-bottom:30px;}

@media screen and (max-width:640px){
  .mT10 {margin-top:10px;}
  .mT20 {margin-top:15px;}
  .mT30 {margin-top:20px;}
  .mR10 {margin-right:10px;}
  .mR20 {margin-right:15px;}
  .mR30 {margin-right:20px;}
  .mB10 {margin-bottom:10px;}
  .mB20 {margin-bottom:15px;}
  .mB30 {margin-bottom:20px;}
  .mB40 {margin-bottom:25px;}
  .mB50 {margin-bottom:30px;}
  .mB60 {margin-bottom:35px;}
  .mB80 {margin-bottom:40px;}
  .mL10 {margin-left:10px;}
  .mL20 {margin-left:15px;}
  .mL30 {margin-left:20px;}

  .pT10 {padding-top:10px;}
  .pT20 {padding-top:15px;}
  .pT30 {padding-top:20px;}
  .pR10 {padding-right:10px;}
  .pR20 {padding-right:15px;}
  .pR30 {padding-right:20px;}
  .pB10 {padding-bottom:10px;}
  .pB20 {padding-bottom:15px;}
  .pB30 {padding-bottom:20px;}
  .pB40 {padding-bottom:25px;}
  .pB50 {padding-bottom:30px;}
  .pB60 {padding-bottom:35px;}
  .pL10 {padding-left:10px;}
  .pL20 {padding-left:15px;}
  .pL30 {padding-left:20px;}

  .pX10 {padding-left:5px; padding-right:5px;}
  .pX20 {padding-left:10px; padding-right:10px;}
  .pX30 {padding-left:20px; padding-right:20px;}

  .sp_mB10 {margin-bottom:10px;}
  .sp_mB20 {margin-bottom:20px;}
  .sp_mB30 {margin-bottom:30px;}

  .sp_mL10 {margin-left:10px;}

}

@media screen and (max-width:1024px){
  .tb_display_block {
    display: block;
  }
}
/* float
========================================================== */
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}


/* text-align
========================================================== */
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}


/* color
========================================================== */
.color_orange {color: #f0831e;}
.color_gray {color: #c6c6c6;}


/* font-size
========================================================== */
.font12 {font-size: 12px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.bold {font-weight: bold;}

@media screen and (max-width:640px){
  .font12 {font-size: 10px;}
  .font16 {font-size: 14px;}
  .font18 {font-size: 16px;}
  .font20 {font-size: 18px;}
}

/* class
========================================================== */
.indent {
  padding-left: 1em;
  text-indent: -1em;
}
.icon_new {
  color: #f0831e;
  font-size: 10px;
  border: 1px solid #f0831e;
  margin: 0 5px 0 0;
  padding: 4px 4px 2px;
}

/* class
========================================================== */
iframe {
  height: auto;
  min-height: 300px;
  width: 100%;
}
.sns iframe,
.sidebar iframe{
  min-height: inherit;
}
#top .right_contents iframe {
  min-height: 200px;
}
iframe.googlemaps {
  min-height: 400px;
}
@media screen and (max-width:640px){
  .sidebar iframe,
  #top .right_contents iframe {
    min-height: 200px;
  }
}