@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');

/* 基本設定
-----------------------------------------------------------*/

/* Font-Family ゴシック体／明朝体は下記の指定を行ってください。
▽ゴシック体
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;

▽明朝体
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" , serif; 
*/

body{
    letter-spacing:0.1em;
    line-height: 1.5;
    color: #000;
}
#container{
    background: url(../assets_sp/205/bgi-content_001.jpg) center top;
    background-size: 160px auto;
}/*全体を囲んだボックス*/
#header_wrap{}	/*#header,#cover,#topics をまとめたボックス */
#content{} /*#main,#sidebar をまとめたボックス */
#lead_area{}/*#cover,#topics をまとめたボックス*/
#main{}/*.article_box , #foot-area , #inquiry をまとめたボックス*/

a{
    color:#000;
    text-decoration:underline;
}
a:hover,a:active,a:focus{
    text-decoration:none;
    color:#ff4747;
}

/* off-canvas menu
-----------------------------------------------------------*/
/*tab-bar*/
.tab-bar{
    background: #000;
}
.tab-bar .menu-icon{}
.tab-bar .menu-icon:hover span{}

/*.left-off-canvas-menu*/
.left-off-canvas-menu{
    background: #000;
}
.left-off-canvas-menu ul.off-canvas-list li a{
    border-bottom: 1px solid #363636;
}

/*off_canvas_about*/
.left-off-canvas-menu ul.off_canvas_about{}
.left-off-canvas-menu ul.off_canvas_about li{}
.left-off-canvas-menu ul.off_canvas_about li a{
    background: #103c2a;
    color: #fff;
}

/* header
-----------------------------------------------------------*/
#header{
    background: url(../assets_sp/205/bgi-wood_001.jpg) center bottom;
    background-size: 250px auto;
}
#header .inner{}
#header h1#site_title{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    margin-top: 35px;
    padding-bottom: 2px;
}
#header h1#site_title:before {
    content: "";
    display: block;
    background: url(../assets_sp/205/img-siteTtl_001.png) center top no-repeat;
    background-size: contain;
    width: 100%;
    height: 26px;
    left: 0;
    top: -35px;
    position: absolute;
}
#header h1#site_title a{
    color: #fff;
    font-family: 'Pacifico', cursive,"游ゴシック", YuGothic, "メイリオ", Meiryo;
    display: block;
    text-align: center;
    padding: 8px 0;
    border-bottom: 2px solid #fff;
    position: relative;
}
#header h1#site_title a:before,
#header h1#site_title a:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -3px;
}
#header h1#site_title a:before {
    left: -5px;
}
#header h1#site_title a:after {
    right: -5px;
}
#header p#site_description{
    color: #fff;
}

/* mainslide
-----------------------------------------------------------*/
.mainSlideIn {
    background: url(../assets_sp/205/bgi-wood_001.jpg) center bottom;
    background-size: 250px auto;
    padding-bottom: 3em;
}
.bx-wrapper {
    margin-bottom: 0 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #f24645;
}

/* cover
-----------------------------------------------------------*/
#cover{
    background: url(../assets_sp/205/bgi-wood_001.jpg) center top;
    background-size: 250px auto;
    padding-bottom: 1em;
    margin: 0;
}
#cover .inner{}
#cover .inner img{
    border: 3px solid #fff;
}

/* topics
-----------------------------------------------------------*/
#topics{
    background: url(../assets_sp/205/bgi-content_001.jpg) center bottom;
    background-size: 160px auto;
    padding-top: 2em;
    padding-bottom: 3em;
    margin-bottom: 0;
}
#topics .inner{}
#topics h3 {
    display: block;
    font-family: 'Pacifico', cursive;
    line-height: 1;
    padding: 10px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    position: relative;
    text-align: center;
}
#topics dl{}	
#topics dl dt{}
#topics dl dd {
    border-bottom: 1px dotted #000;
}
#topics dl dd a {}

/* 記事ボックス
-----------------------------------------------------------*/
.article_box{}
.article_box .inner{}
.article_box .article_title h3{
    position: relative;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.article_box .article_title h3:after {
    display: block;
    content: "";
    position: absolute;
    width: 80px;
    height: 2px;
    background: #000;
    left: 0;
    bottom: 0;
}
.article_box .entry{}
.article_box .article_figure{}
.article_box .article_figure .figure{}
.article_box .article_figure .figure img{
    border: 4px solid #fff;
    outline: 1px solid #b4b4b4;
}
.article_box .article_figure .figure .caption{
    padding-top: 5px;
}

/*  free-area
-----------------------------------------------------------*/
#foot-area{}
#side-area{}

/*  お問い合わせボタン
-----------------------------------------------------------*/
#inquiry{}
#inquiry a.button, .contact_submit .submit.button{
    background: #103c2a;
    color: #fff;
}

/*  sidebar
-----------------------------------------------------------*/
#sidebar{}
#sidebar h3 {
    display: block;
    font-family: 'Pacifico', cursive;
    line-height: 1;
    padding: 10px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    position: relative;
    text-align: center;
}
/*about*/
#about{}
#about .inner{}
#about h3{}
#about ul{}
#about ul li{}
#about ul li a{
    border-bottom: 1px dotted #000;
}

/*blog*/
#blog{}
#blog .inner{}
#blog h3{}
#blog dl{}
#blog dl dt{}
#blog dl dd{
    border-bottom: 1px dotted #000;
}
#blog dl dd:last-child {
    border-bottom: none;
}
#blog dl dd a{}
#blog #blog_link a.button{
    background: #103c2a;
    color: #fff;
}

/*  footer
-----------------------------------------------------------*/
#footer{
    background: #000;
}
#footer address{}

/* 下層ページ
-----------------------------------------------------------*/	
/*タイトル*/
#page_title {
    background: url(../assets_sp/205/bgi-wood_001.jpg) center bottom;
    background-size: 250px auto;
    padding-bottom: 1em;
}
#page_title .inner{}
#page_title h2{
    text-align: center;
    color: #fff;
    font-family: 'Pacifico', cursive,"游ゴシック", YuGothic, "メイリオ", Meiryo;
}

/* パンくず*/	
#pnkz{}
#pnkz ul {}
#pnkz ul li {}
#pnkz ul li a{}

/*  table 共通
-----------------------------------------------------------*/
#form table th,#map table th,#profile table th{}
#form table td,#map table td,#profile table td{}

/*  form
-----------------------------------------------------------*/
#form table th {}
#form table td {}
/*button*/
#form table .contact_submit .submit.button{}
#form table .contact_submit .secondary.button{}

/*  map
-----------------------------------------------------------*/
#map table th {}
#map table td {}

/*  profile
-----------------------------------------------------------*/
#profile table th {}
#profile table td {}