@charset "utf-8";


/*------------------------------
Font Awesome
-----------------------------*/
@font-face {
    font-family: 'FontAwesome';
    src: url("font-awesome/fontawesome-webfont.eot?v=4.1.0");
    src: url("font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("font-awesome/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("font-awesome/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("font-awesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal; }
/*------------------------------
グーグルフォント
-----------------------------*/
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }


/*------------------------------
オリジナルフォント
-----------------------------*/
@font-face {
  font-family: 'icoonsen';
  src:  url('../fonts/icoonsen.eot?eelujp');
  src:  url('../fonts/icoonsen.eot?eelujp#iefix') format('embedded-opentype'),
    url('../fonts/icoonsen.ttf?eelujp') format('truetype'),
    url('../fonts/icoonsen.woff?eelujp') format('woff'),
    url('../fonts/icoonsen.svg?eelujp#icoonsen') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*-----------------------------------------------------------
全体
----------------------------------------------------------- */
body  {
    font-size: 16px;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
    line-height: 1.6;
    background:#FFFFFF;
    font-weight:400!important;
    color: #333;
    /*background: url(../images/main_bg.jpg) right bottom / cover no-repeat fixed;*/
}

#wrapper {
    background: #FFF;
    margin: 0 auto;
    padding: 0 15px;
}

.container {
    max-width: none !important;
    width: 1000px;
}

/*　トップページ
----------------------------------------------------------- */
#TOP .jumbotron {
    background: #FFFFFF url("../images/bg_news.png") no-repeat;
    background-size: contain;
    padding: 4rem 2rem 1rem;
    padding-top: 12px;
}
#TOP h2.news {
    background: url(../images/ico_news.png) no-repeat left;
    margin: 0 0 30px 20px;
    padding: 10px 5px 10px 50px;
    color: #f607ff;
    font-size:137.5%;
    font-weight: 700;
}

span.new {
    display: none;
    color: red;
    font-weight: bold;
}
#toppage_news2 dl {
    line-height: 1.5em;
    margin: 15px 0 5px;
    font-weight: bold;
}
#toppage_news2 dl dt {
    float: left;
    clear: both;
    margin: 0 1em;
    color: #64A6BD;
    display:inline;
}
#toppage_news2 dl dd {
    margin-bottom: 0.7em;
    color: #8A8C8C;padding-left: 100px!important;
}
}

/*　メインエリア
----------------------------------------------------------- */
.breadcrumb { background-color: transparent;padding: .25rem 1rem .75rem 0;}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.3rem;
    padding-left: 0.1rem;
    color: #636c72;
    content: "»";
}
.breadcrumb li {font-size:81.3%;}

main h1.titleh1 {font-size:187.5%;}
main h2.titleh2 {font-size:175%;}

/*　サイドメニュー
----------------------------------------------------------- */
#Side img {
    margin: 0 auto 10px;
}

/*-----------------------------------------------------------
フッター
----------------------------------------------------------- */

footer li+ li {
    border-left: 1px solid #333;
    padding-left: 11px;
}

/* -------------------------------------------------------------------
　汎用セット
---------------------------------------------------------------------- */
p {margin-left:5px;}
.container {
    padding-left: 10px;
    padding-right: 10px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

/* 幅1000% */ .w100 {widht:100%;}
/* 文字の均等割り付け(禁則処理) */ p {word-break:break-all;}
/* 文字間 */ .mojikan {letter-spacing:0.2em;}
/* table均等 */ .tablefixed {table-layout: fixed;}

/* 文字サイズセット */
.px8{font-size:50%;}
.px9{font-size:56.3%;}
.px10{font-size:62.5%;}
.px11{font-size:68.8%;}
.px12{font-size:75%;}
.px13{font-size:81.3%;}
.px14{font-size:87.5%;}
.px15{font-size:93.8%;}
p,.px16{font-size:100.0%;}
.px17{font-size:106.3%;}
.px18{font-size:112.5%;}
.px19{font-size:118.8%;}
.px20{font-size:125.0%;}
.px21{font-size:131.3%;}
.px22{font-size:137.5%;}
.px23{font-size:143.8%;}
.px24{font-size:150.0%;}
.px25{font-size:156.3%;}
.px26{font-size:162.5%;}
.px27{font-size:168.8%;}
.px28{font-size:175%;}
.px29{font-size:181.3%;}
.px30{font-size:187.5%;}
.px31{font-size:193.8%;}
.px32{font-size:200%;}
.px33{font-size:206.3%;}
.px34{font-size:212.5%;}
.px35{font-size:218.8%;}
.px36{font-size:225%;}
.px37{font-size:231.3%;}
.px38{font-size:237.5%;}
.px39{font-size:243.8%;}
.px40{font-size:250%;}
.px41{font-size:256.3%;}
.px42{font-size:262.5%;}

/* 文字カラーセット */
.black {color:#000000;}
.gray {color:#656D78;}
.white {color:#FFFFFF;}
.blue {color:#4A89DC;}
.green {color:#26A65B;}
.yellow {color:#FFA400;}
.red {color:#C3272B;}
.orange {color:#F60;}
.pink {color:#F47983;}
.olive {color:#808000;}
.purple {color:#763568;}

/* 文字太さ普通 */ .normal{font-weight: normal;}
/* 文字太さボールド */ .bold{font-weight: bold;}


/* マージン0px */  .margin0 {margin:0;}

/* マージン上5px */   .marginT5 {margin-top:5px;}
/* マージン上10px */  .marginT10 {margin-top:10px;}
/* マージン上15px */  .marginT15 {margin-top:15px;}
/* マージン上20px */  .marginT20 {margin-top:20px;}
/* マージン上30px */  .marginT30 {margin-top:30px;}
/* マージン上40px */  .marginT40 {margin-top:40px;}
/* マージン上50px */  .marginT50 {margin-top:50px;}

/* マージン下なし */  .marginB0 {margin-bottom:0;}
/* マージン下5px */  .marginB5 {margin-bottom:5px;}
/* マージン下10px */ .marginB10 {margin-bottom:10px;}
/* マージン下15px */ .marginB15 {margin-bottom:15px;}
/* マージン下20px */ .marginB20 {margin-bottom:20px;}
/* マージン下30px */ .marginB30 {margin-bottom:30px;}
/* マージン下40px */ .marginB40 {margin-bottom:40px;}
/* マージン下50px */ .marginB50 {margin-bottom:50px;}

/* マージン左5px */   .marginL5 {margin-left:5px;}
/* マージン左10px */  .marginL10 {margin-left:10px;}
/* マージン左15px */  .marginL15 {margin-left:15px;}
/* マージン左20px */  .marginL20 {margin-left:20px;}
/* マージン左30px */  .marginL30 {margin-left:30px;}
/* マージン左40px */  .marginL40 {margin-left:40px;}
/* マージン左50px */  .marginL50 {margin-left:50px;}

/* マージン右5px */   .marginR5 {margin-right:5px;}
/* マージン右10px */  .marginR10 {margin-right:10px;}
/* マージン右15px */  .marginR15 {margin-right:15px;}
/* マージン右20px */  .marginR20 {margin-right:20px;}
/* マージン右30px */  .marginR30 {margin-right:30px;}
/* マージン右40px */  .marginR40 {margin-right:40px;}
/* マージン右50px */  .marginR50 {margin-right:50px;}

/* パディング0px */  .padding0 {padding:0;}
/* パディング5px */  .padding5 {padding:5px;}

/* パディング上5px */   .paddingT5 {padding-top:5px;}
/* パディング上10px */  .paddingT10 {padding-top:10px;}
/* パディング上15px */  .paddingT15 {padding-top:15px;}
/* パディング上20px */  .paddingT20 {padding-top:20px;}
/* パディング上30px */  .paddingT30 {padding-top:30px;}
/* パディング上35px */  .paddingT35 {padding-top:35px;}
/* パディング上40px */  .paddingT40 {padding-top:40px;}
/* パディング上50px */  .paddingT50 {padding-top:50px;}

/* パディング下5px */   .paddingB5 {padding-bottom:5px;}
/* パディング下10px */  .paddingB10 {padding-bottom:10px;}
/* パディング下15px */  .paddingB15 {padding-bottom:15px;}
/* パディング下20px */  .paddingB20 {padding-bottom:20px;}
/* パディング下30px */  .paddingB30 {padding-bottom:30px;}
/* パディング下35px */  .paddingB35 {padding-bottom:35px;}
/* パディング下40px */  .paddingB40 {padding-bottom:40px;}
/* パディング下50px */  .paddingB50 {padding-bottom:50px;}

/* パディング左0px */   .paddingL0 {padding-left:0px;}
/* パディング左5px */   .paddingL5 {padding-left:5px;}
/* パディング左10px */  .paddingL10 {padding-left:10px;}
/* パディング左15px */  .paddingL15 {padding-left:15px;}
/* パディング左20px */  .paddingL20 {padding-left:20px;}
/* パディング左30px */  .paddingL30 {padding-left:30px;}
/* パディング左40px */  .paddingL40 {padding-left:40px;}
/* パディング左50px */  .paddingL50 {padding-left:50px;}

/* パディング右0px */   .paddingR0 {padding-right:0px;}
/* パディング右5px */   .paddingR5 {padding-right:5px;}
/* パディング右10px */  .paddingR10 {padding-right:10px;}
/* パディング右15px */  .paddingR15 {padding-right:15px;}
/* パディング右20px */  .paddingR20 {padding-right:20px;}
/* パディング右30px */  .paddingR30 {padding-right:30px;}
/* パディング右40px */  .paddingR40 {padding-right:40px;}
/* パディング右50px */  .paddingR50 {padding-right:50px;}

/* 単独フロート解除 */
.clear { clear:both;}
.clearH {overflow:hidden;}
/* 要素を隠す・非表示 */
.hide, .hidemedia{ display:none;}
.hidden {overflow:hidden;}

/* 区切り線 */
hr {border-top: 1px dashed #999999;}

/* テーブル関連 */
.table th, .table td {vertical-align: middle;}
/* table均等 */ .tablefixed {table-layout: fixed;}

/* リスト関連 */
ol.list_parentheses {/* カッコつきの文字にする */
    padding:0 0 0 0.5em;
    margin:0;
}
ol.list_parentheses li {
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}
ol.list_parentheses li:before {
    display: marker;
    content: "(" counter(cnt) ") ";
}

/* グーグルマップ・facebookなど */
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
 
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    
    
    width: 100%;
    height: 100%;
}

/* 画像のホバーエフェクト */
a img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
a:hover img {
    opacity: .7;
}

/* -------------------------------------------------------------------
　非モバイル・ファーストの場合
---------------------------------------------------------------------- */ 
/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
 
/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
}
 
/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
#header_inner h1 {margin: 5px 0 5px 10px;} 

}
 
/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {
}
 
/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {
    
}