@charset "utf-8";
/*
Theme Name: smart082
Theme URI: http://theme.o2gp.com/
Description: smart082
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/

        o2 Group v1.0
         http://theme.o2gp.com/

        This theme was designed and built by o2 Group,
        whose blog you will find at http://theme.o2gp.com/

        The CSS, XHTML and design is released under GPL:
        http://www.opensource.org/licenses/gpl-license.php
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
    font: 12px/1.5 "Lucida Sans Unicode", "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color:#333;
    background:#f8f8f8;

    /* ==================================================
    スタッフブログのバックグランドの修正
    ↓を修正してください。※すぐ上のbackground:#f8f8f8;は消さないでください！
    ==================================================*/
    background:#fff0f5;

    -webkit-text-size-adjust: none;
}

#totop {
    clear: both;
    color: #fff;
    text-align: center;
}
#totop img {
    margin-bottom: -4px;
}
img { max-width: 100%;
      height: auto;
      width /***/:auto; }
#in-category-1 { display: none; }

#sidebar img {
    width: 100%;
    height: auto;
}
.tc {text-align: center;}
.tr {text-align: right;}
.on a:hover img {
    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;
}

li#fil01 a img:hover {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://rose-smile.com/wp/wp-content/themes/smart082/images/btn_home_a.png", sizingMethod="scale");
}
li#fil02 a img:hover {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://rose-smile.com/wp/wp-content/themes/smart082/images/btn_kozuma_a.png", sizingMethod="scale");
}
li#fil03 a img:hover {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://rose-smile.com/wp/wp-content/themes/smart082/images/btn_rose_a.png", sizingMethod="scale");
}
li#fil04 a img:hover {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://rose-smile.com/wp/wp-content/themes/smart082/images/btn_blog_a.png", sizingMethod="scale");
}
li#fil05 a img:hover {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://rose-smile.com/wp/wp-content/themes/smart082/images/btn_case_a.png", sizingMethod="scale");
}

.mt10 { margin-top: 10px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mb30 { margin-bottom: 30px; }
.pt30 { padding-top: 30px; }
.pb50 { padding-bottom: 50px; }

.me10 { margin-top: 1em; }
.ptm20 { padding-top: 2em; }
.imgwaku { padding: 2px; border: 1px solid #999999; }

/* =======================================
   症例ブログ
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.post-type-archive-case a,
.tax-case_cat a,
.single-case a { color: #603813; }
.post-type-archive-case a:hover,
.tax-case_cat a:hover,
.single-case a:hover { color: #8F7359; }

.post-type-archive-case #footer,
.tax-case_cat #footer,
.single-case #footer { background-color: #EEEAE5; }

.post-type-archive-case h2.title span,
.post-type-archive-case section.widget h3,
.post-type-archive-case #footer h3 span,
.tax-case_cat h2.title span,
.tax-case_cat section.widget h3,
.tax-case_cat #footer h3 span,
.single-case h2.title span,
.single-case section.widget h3,
.single-case #footer h3 span
{ background: url(http://rose-smile.com/wp/wp-content/uploads/2013/06/headingBg2.png) no-repeat 3px 50%; }

.post-type-archive-case #sidebar section.widget ul li ul,
.tax-case_cat #sidebar section.widget ul li ul,
.single-case #sidebar section.widget ul li ul
{ border: 0; box-shadow: none; }



.post-type-archive-case,
.post-type-archive-case .post,
.post-type-archive-case section.widget ul,
.post-type-archive-case #copyright,
.tax-case_cat,
.tax-case_cat .post,
.tax-case_cat section.widget ul,
.tax-case_cat #copyright,
.single-case,
.single-case .post,
.single-case section.widget ul,
.single-case #copyright
{
    background: #F5F4F0;

    /* ======================================================================
            症例ブログのバックグランドの修正
            ↓を修正してください。※すぐ上のbackground:#F5F4F0;は消さないでください！
    =========================================================================　*/
    background: #fff0f5;
    box-shadow: 0 0 1px #090502;
}

.post-type-archive-case #footer{}

.post-type-archive-case .post,
.post-type-archive-case section.widget ul,
.tax-case_cat .post,
.tax-case_cat section.widget ul,
.single-case .post,
.single-case section.widget ul
{ box-shadow: 0 0 1px rgb(58, 40, 23); background: #fff; }
.post-type-archive-case .post h2,
.tax-case_cat .post h2,
.single-case .post h2
{ border-bottom: 2px solid #603813; }
.post-type-archive-case #footer h3,
.tax-case_cat #footer h3,
.single-case #footer h3
{ background: url(http://rose-smile.com/wp/wp-content/uploads/2013/06/border-case.png) repeat-x 0 100%; }
.post-type-archive-case #copyright,
.tax-case_cat #copyright,
.single-case #copyright
{ background: url(http://rose-smile.com/wp/wp-content/uploads/2013/06/border-case.png) repeat-x 0 0; }



/* =======================================
   サイドバー
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#sidebar section.wid_cat ul { margin-bottom: 10px; }
section.wid_cat ul li { font-size: 14px; font-weight: bold; }
section.wid_cat ul li a { border-bottom: solid 2px #8F7359; }
section.wid_cat ul li ul li { font-size: 12px; font-weight: normal; border-bottom: none; }
section.wid_cat ul li ul li a { border-bottom: none; }



/* =======================================
   フッター
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

.box_half { position: relative; width: 48%; float: left; margin-right: 2%; }
.box_half:first-child { box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.8); }
.last { margin-right: 0; }
.bbb { position: relative; width: 300px; height: 200px; }
.effect:before,
.effect:after,
.effect01:before,
.effect01:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:470px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.effect:after,
.effect01:after
{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}


/* =======================================
   clearfix
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.clearfix { *zoom: 1 }
.clearfix:before {
    display: table;
    content: "";
}
.clearfix:after {
    display: table;
    content: "";
    clear: both;
}


/* リンク設定
------------------------------------------------------------*/
a{
    margin:0;
    padding:0;
    text-decoration:none;
    outline:0;
    vertical-align:baseline;
    background:transparent;
    font-size:100%;
    color:#003d6f;
}

a:hover, a:active{
    outline: none;
    color:#4374ab;
}

.content{
    margin-bottom:30px;
}

a img:hover{opacity:.8;}
/*img.png{
    filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="sample.png", sizingMethod="scale");
}*/


/**** Clearfix ****/
nav#mainNav ul:after, nav#mainNav .inner:after, .newsTitle:after, .post:after,.inner:after,ul.news:after{content:""; display: table;clear:both;}
nav#mainNav ul,.newsTitle, .post, nav#mainNav .inner,ul.news{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
    vertical-align:middle;
    max-width:90%;
    line-height:30px;
    height:30px;
    padding:1px 5px;
    border:1px solid #d4d4d7;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-size:100%;
    color:#555;
    background:#fcfcfc;
}

textarea{
    height:auto;
    line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"], p.readon a{
    padding:3px 10px;
    background: #4374ab;
    background: -moz-linear-gradient(top, #4374ab 0%, #003d6f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4374ab), color-stop(100%,#003d6f));
    background: -webkit-linear-gradient(top, #4374ab 0%,#003d6f 100%);
    background: -o-linear-gradient(top, #4374ab 0%,#003d6f 100%);
    background: linear-gradient(to bottom, #4374ab 0%,#003d6f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4374ab', endColorstr='#003d6f',GradientType=0 );
    border:0;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    line-height:1.5;
    font-size:120%;
    color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,p.readon a:hover{
    background: #003d6f;
    background: -moz-linear-gradient(top, #003d6f 0%, #4374ab 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003d6f), color-stop(100%,#4374ab));
    background: -webkit-linear-gradient(top, #003d6f 0%,#4374ab 100%);
    background: -o-linear-gradient(top, #003d6f 0%,#4374ab 100%);
    background: linear-gradient(to bottom, #003d6f 0%,#4374ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d6f', endColorstr='#4374ab',GradientType=0 );
    cursor:pointer;
}
*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/
#wrapper, #header,.inner{
    margin:0 auto;
    width:940px;
}

#content{
    float:right;
    width:700px;
    padding:0 0 50px;
}

#toppage #content{
    width:100%;
}

#sidebar{
    float:left;
    width:220px;
    padding:0 0 50px;
}

#footer{
    clear:both;
    background:#ececec url(images/border2.png) repeat-x 0 0;
} 
.post-type-archive-case #footer,
.tax-case_cat #footer,
.single-case #footer { background: url(http://rose-smile.com/wp/wp-content/uploads/2013/06/border-case.png) repeat-x 0 0; }

/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
    padding:5px 0;
    font-size:80%;
    font-weight:normal;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
    clear:both;
    float:left;
    padding:20px 0;
    color: #515151;
    font-size:160%;
    font-weight:bold;
}

/* SNS
----------------------------------*/
.sns{
    float:right;
    padding:20px 0;
}

.sns img{margin-left:5px;}


/* トップページ　メイン画像
----------------------------------*/
#mainImg { clear:both; margin-top:0px; line-height:0; text-align:center; z-index:0; max-width: 940px; height: auto; margin-left: auto; margin-right: auto; }


.post{
    margin:0 0 0px 0;
    padding:10px 30px 0 30px;
    background:#f8f8f8;
    border:1px solid #fff;
    border-radius:5px;
    box-shadow:0 0 1px #aaa;

    background:#fff;

}

.toppage h4{
    margin:0 0 10px;
    font-size:16px;
    font-weight:normal;
    color:#333;
}


/* 記事ループ
*****************************************************/
.list{
    padding:10px 0;
    border-bottom:1px dashed #e4e4e4;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
h2.title{
    clear:both;
    margin:0;
    padding:7px 0;
    font-size:130%;
}

h2.title span{
    padding-left:20px;
    background:url(images/headingBg.png) no-repeat 3px 50%;
}

.dateLabel{
    text-align:right;
    font-family:Georgia, "Times New Roman", Times, serif;
}

.post p{padding-bottom:15px;}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
    margin-bottom:5px;
    padding-left:15px;
    background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
    margin:20px 0;
    padding:5px 0 5px 15px;
    font-size:150%;
    border-bottom:2px solid #003d6f;
    background:url(images/headingBg.png) no-repeat 0 50%;
}

.post h2{
    margin:10px 0;
    padding-bottom:2px;
    font-size:130%;
    font-weight:normal;
    border-bottom:2px solid #003d6f;
}

.post h3{
    margin:10px 0;
    font-size:110%;
    font-weight:normal;
    border-bottom:1px solid #003d6f;
}

.post blockquote {
    clear:both;
    padding:10px 0 10px 15px;
    margin:10px 0 25px 30px;
    border-left:5px solid #ccc;
}

.post blockquote p{padding:5px 0;}

.post table{
    border: 1px #003d6f solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin:10px 0 20px;
}

.post table th{
    padding:10px;
    color:#fff;
    border:1px #000 solid;
    border-width: 0 0 1px 1px;
    background:#003d6f;
}

.post table td{
    padding:10px;
    border: 1px #003d6f solid;
    border-width: 0 0 1px 1px;
    background:#fff;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
    display: block;
    margin:5px auto;
}

img.alignright, img.alignleft{
    margin: 0 10px 15px 15px;
    display:inline;
}

img.alignleft{margin:10px 15px 15px 10px;}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
    border:1px solid #eaeaea !important;
    padding:5px;
    background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}



/* サイドバー　ウィジェット
*****************************************************/
.widgetWrap, section.widget ul{
    margin:10px 0 20px 0;
    padding:10px 10px 0 10px;
    background:#f8f8f8;
    border:1px solid #fff;
    border-radius:5px;
    box-shadow:0 0 1px #aaa;

    background: #fff;

}

section.widget ul ul{
    border:0;
    margin:0;
    padding:0 0 0 10px;
    box-shadow:none;
}

#sidebar ul#banners{
    width:220px;
    margin: 0px 0 10px 0;
}

#sidebar ul#banners li{
    float:none;
    margin:0 0 10px;
}

section.widget h3{
    clear:both;
    margin:0 0 -5px;
    padding:5px 5px 5px 17px;
    font-size:110%;
    background:url(images/headingBg.png) no-repeat 0 50%;
}

section.widget li a {
    display:block;
    padding:7px 0 2px 12px;
    background:url(images/arrow2.png) no-repeat 0 12px;
    border-bottom:1px dashed #e4e4e4;
}

/* section.widget li:last-child a { border:0; } */

#searchform input[type="text"]{
    line-height:1.7;
    height:24px;
    width:90px;
    vertical-align:bottom;
}

#searchform{padding:20px 0;}

/* カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{color:#4374ab;font-weight:bold;}


/* お知らせ　
-------------*/
.newsTitle{
    clear:both;
    margin:0 0 -10px;
    padding:7px 10px 7px 17px;
    font-size:110%;
    background:url(images/headingBg.png) no-repeat 0 50%;
}

.newsTitle h3{
    float:left;
    font-weight:normal;
}

.newsTitle p{
    float:right;
    padding:0 0 0 10px;
    font-size:80%;
    background:url(images/arrow2.png) no-repeat 0 5px;
}

.news p{
    clear:both;
    padding-bottom:2px;
    border-bottom:1px dashed #e4e4e4;
}

.news p:last-child{border:0;}

.news p a{
    display:block;
    padding:5px 0;
    color:#333;
    font-style:italic;
    font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span{
    color:#515151;
    font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#4374ab;}


/* トップページ */
#content .newsTitle h3{font-size:120%;}


/* フッター
*****************************************************/
#footer .boxWrap{
    width:980px;
    margin-right:-40px;
}

#footer .box{
    float:left;
    width:450px;
    margin-right:40px;
    padding:20px 0;
}

.box .widgetWrap, .box section.widget ul{
    padding-left:10px;
    background:transparent;
    border:0;
    box-shadow:none;
}


#footer h3{
    padding:5px;
    margin-bottom:10px;
    font-size:120%;
    background:url(images/border2.png) repeat-x 0 100%;
}

#footer h3 span{
    padding-left:17px;
    background:url(images/headingBg.png) no-repeat 0 50%;
}

.contact img.logo{margin-bottom:10px;}

.contact p{
    padding:3px 0 3px 32px;
    margin-bottom:3px;
    font-size:110%;
    background:url(images/iconHome.png) no-repeat 4px 0;
}

.contact p.mail{background-image:url(images/iconMail.png);}
.contact p.tel{background-image:url(images/iconTel.png);}
.contact p.fax{background-image:url(images/iconFax.png);}
.contact p.tw{background-image:url(images/iconTW.png);}
.contact p.fb{background-image:url(images/iconFB.png);}

#copyright{
    clear:both;
    padding:15px 0 10px;
    text-align:center;
    font-size:90%;
    background:#ccc url(images/border2.png) repeat-x 0 0;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
    clear:both;
    width: 100%;
    height: 30px;
    margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
    clear:both;
    color:#4f4d4d;
    text-align:center;
}


/* トップページ 最新記事4件
------------------------------------------------------------*/
ul#banners,ul.post{
    width:960px;
    margin-right:-20px;
    padding-bottom:20px;
    margin-top: 0px;
}
#toppage ul#banners {
    margin-top: -20px;
}
ul#banners li,ul.post li{
    float:left;
    width:220px;
    margin-right:20px;
}

ul.post{
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
}

ul.post img{
    max-width:220px;
    height:auto;
}

ul.post h3{
    margin:10px 0;
    padding-bottom:5px;
    font-size:14px;
    font-weight:normal;
    color:#333;
    border:0;
    background:url(images/border.png) repeat-x 0 100%;
}

p.readon{font-size:90%;}

/* .post の背景を黒に
-------------------------------------------------- */


/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
    div.panel{
        display:block !important;
    }

    a#menu{display:none;}

    nav#mainNav ul{
        clear:both;
        position:relative;
        z-index:200;
        width:940px;
        margin:0 auto;
        border:1px solid #e8e8e8;
        border-radius:5px;
        box-shadow:0 0 5px #eee;
        background:url(images/mainNavBg.png) repeat-x 0 0;
    }

    nav#mainNav ul li{
        float: left;
        position: relative;
        background:url(images/mainNavSep.png) repeat-y 100% 0;
    }

    nav#mainNav ul li a{
        display: block;
        text-align: center;
        _float:left;
        height:48px;
        line-height:48px;
        font-size:110%;
        font-weight:bold;
        margin-right:2px;
        padding:0 30px;
        color:#4b4b4b;
        text-shadow:1px 1px 1px #fbfbfb;
        background:url(images/mainnavBg.png) repeat-x 0 0;
    }

    nav#mainNav ul li:first-child a{border-radius:5px 0 0 5px;}
    nav#mainNav ul li:first-child li a,nav#mainNav ul li li:first-child a{border-radius:0;}

    nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
        color:#fff;
        text-shadow:0 -1px 1px #4b4b4b;
        background:url(images/mainnavBg.png) repeat-x 0 -48px;
    }

    nav#mainNav ul ul{width:160px;}

    nav#mainNav ul li ul{display:none;}

    nav#mainNav ul li:hover ul{
        display: block;
        position: absolute;
        top:48px;
        left:0;
        z-index:500;
    }

    nav#mainNav ul li li{
        margin:0;
        float: none;
        height:35px;
        line-height:35px;
        width:160px;
        background:none;
    }

    nav#mainNav ul li li a, nav#mainNav ul li.current-menu-parent li a,nav#mainNav ul li.current-menu-item li a{
        width:100%;
        height:35px;
        padding:0 0 0 10px;
        line-height:35px;
        font-size:95%;
        text-align:left;
        background:url(images/mainnavBg.png) repeat-x 0 -2px;
    }

    nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li.current-menu-parent li a{
        color:#4b4b4b;
        text-shadow:1px 1px 1px #fbfbfb;
    }

    nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{
        color:#fff;
        text-shadow:0 -1px 1px #4b4b4b;
        background-position:0 100%;
    }

    ul#banners:after{content:""; display: table;clear:both;}
    ul#banners{zoom: 1;}

}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
    nav#mainNav{
        clear:both;
        width:100%;
        margin:0;
        padding:0;
    }

    nav#mainNav a.menu{
        width:100%;
        display:block;
        height:40px;
        line-height:40px;
        font-weight: bold;
        text-align:left;
        color:#fff;
        background: #003d6f url(images/menuOpen.png) no-repeat 5px 8px;
        background: url(images/menuOpen.png) no-repeat 5px 8px, -moz-linear-gradient(top, #4374ab 0%, #003d6f 100%);
        background: url(images/menuOpen.png) no-repeat 5px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4374ab), color-stop(100%,#003d6f));
        background: url(images/menuOpen.png) no-repeat 5px 8px, -webkit-linear-gradient(top, #4374ab 0%,#003d6f 100%);
        background: url(images/menuOpen.png) no-repeat 5px 8px, -o-linear-gradient(top, #4374ab 0%,#003d6f 100%);
        background: url(images/menuOpen.png) no-repeat 5px 8px, -ms-linear-gradient(top, #4374ab 0%,#003d6f 100%);
        background: url(images/menuOpen.png) no-repeat 5px 8px, linear-gradient(to bottom, #4374ab 0%,#003d6f 100%);
    }

    nav#mainNav a#menu span{padding-left:40px;}

    nav#mainNav a.menuOpen{
        color:#fff;
        background: #003d6f url(images/menuOpen.png) no-repeat 5px -34px;
        background: url(images/menuOpen.png) no-repeat 5px -34px, -moz-linear-gradient(top, #4374ab 0%, #003d6f 100%);
        background: url(images/menuOpen.png) no-repeat 5px -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4374ab), color-stop(100%,#003d6f));
        background: url(images/menuOpen.png) no-repeat 5px -34px, -webkit-linear-gradient(top, #4374ab 0%,#003d6f 100%);
        background: url(images/menuOpen.png) no-repeat 5px -34px, -o-linear-gradient(top, #4374ab 0%,#003d6f 100%);
        background: url(images/menuOpen.png) no-repeat 5px -34px, -ms-linear-gradient(top, #4374ab 0%,#003d6f 100%);
        background: url(images/menuOpen.png) no-repeat 5px -34px, linear-gradient(to bottom, #4374ab 0%,#003d6f 100%);
    }

    nav#mainNav a#menu:hover{cursor:pointer;}

    nav .panel{
        display: none;
        width:100%;
        position: relative;
        right: 0;
        top:0;
        z-index: 1;
    }

    nav#mainNav ul{margin:0 0 20px;padding:0;}
    nav#mainNav ul ul{margin:0;}

    nav#mainNav ul li{
        float: none;
        clear:both;
        width:100%;
        height:auto;
        line-height:1.2;
    }

    nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
        display: block;
        padding:15px 10px;
        text-align:left;
        border-bottom:1px solid #ccc;
        background:url(images/arrow.png) no-repeat 97% 50%;
    }

    nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
        background:#fff url(images/arrow.png) no-repeat 98% 50%;
    }

    nav#mainNav ul li li{
        float:left;
        border:0;
    }

    nav#mainNav ul li li span a{
        padding-left:20px;
        font-size:90%;
    }

    nav div.panel{float:none;}

    #mainImg{margin-bottom:20px;}
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
    #wrapper, .inner,#header,#footer .boxWrap{width:98%;}

    #mainImg img{width:98%;height:auto;}

    #content, #sidebar{clear:both;width:95%;float:none;margin:0 auto;padding:10px 0;}
    #sidebar{background:url(images/border.png) repeat-x;padding-top:30px;}

    ul.post,ul#banners,#sidebar ul#banners{width:100%;display:table-row;margin:0;}
    ul.post li,ul#banners li,#sidebar ul#banners li{float:left;width:23%;margin:0 1%;padding:0 0 20px;}
    ul.post img,ul#banners li img,#sidebar ul#banners img{max-width:98%;height:auto;}

    #calendar_wrap table{width:260px;margin:0;}

    #footer .boxWrap{margin:0;padding:0;}
    #footer .box{float:none;width:100%;margin:10px 0;}
}


/* 幅620px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 620px){
    #header h2,.sns{padding:0;}
    ul.post li,ul#banners li,#sidebar ul#banners li{width:42%;margin:0 0 0 6%;}
    img.alignright, img.alignleft{display:block;margin:5px auto;}
    .alignright,.alignleft{float:none;}

    .mts30 { margin-top: 30px; }


}
@media only screen and (max-width: 620px){
    .spOnly{
        display:none;
    }
}
.linb img{
    width: 100%;
    border: 1px solid #ccc;
    box-sizing:  border-box;
}

.linb {
    width: 100%;
    margin-bottom: 3em;
    box-sizing: border-box; }
@media (max-width: 600px) {
    .linb {
        margin-left: 0; } }
.linb li {
    margin-bottom: 1em;
     list-style-type: none;
     background:none;
    float: left;
    width: 32%;
    margin-right: 0.5%;
}
@media (max-width: 600px) {
   .post .linb li {
       
        box-sizing: border-box;
        width: 48%;
        margin: 0;
        margin-left: 1%;
        margin-top: 1%; } }
.linb img {
    width: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box; }
.linb img:hover {
    opacity: 0.7; }
@media (max-width: 600px) {
    .f-list {
        width: 80%;
        margin-left: 10%; }
    .routeimg {
        display: inline-block; }
    .routeimg .box3 {
        width: 80%;
        margin-left: 10%;
        margin-bottom: 2em;
        font-size: 3.5vw; } }

.post ul.linb li{
    margin-bottom:5px;
    padding-left:0px;
    background:url(images/bullet.png) no-repeat 0 8px;
    background-image: none;
}
.post ul.linb {
   padding: 0;
   margin: 0;
   padding-bottom: 2em;
}
.f-row{
    margin-top: 3em;
    margin-bottom: 3em;
}
.f-row p{
    font-size: 16px;
}