/* CSS Document */

/* common */
ul li {
        list-style: none;
}
@media (min-width: 641px) {
        body {
                font-size: 14px;
                line-height: 150%;
        }
        .disp_641 {
                display: inline;
        }
        .disp_640 {
                display: none;
        }
}

@media (max-width: 640px) {
        body {
                font-size: 12px;
                line-height: 130%;
        }
        .disp_640 {
                display: inline;
        }
        .disp_641 {
                display: none;
        }
}

/* header */
header {
        margin: 0 auto;
        width: 1200px;
}
header.index {
        /*		height:625px;
		background:url(../img/index/bg-header.jpg) no-repeat bottom center;
*/
        height: 155px;
        background: url(../img/common/bg-header_inpage.jpg) no-repeat center center;
}

header.inpage {
        height: 155px;
        background: url(../img/common/bg-header_inpage.jpg) no-repeat center center;
}

#header-in {
        background: url(../img/common/bg-header-in.png);
        padding: 10px;
}

#header-in.main {
        background: url(../img/common/bg-header-in.png);
        padding: 10px;
}
#header-in.sub {
        background: url(../img/common/bg-header-in.png);
        padding: 10px;
        margin-bottom: 10px;
}
header h1 {
        width: 500px;
        float: left;
        margin: 0;
        padding-top: 0;
        margin-bottom: 10px;
}
header #tel-box {
        float: right;
        margin-bottom: 10px;
}

.grandnav {
        float: right;
}

.grandnav .img-instagram__header {
        width: 30px;
        height: auto;
}

.disp_smaho {
        display: none;
}

@media (min-width: 769px) {
        #header-in {
                background: url(../img/common/bg-header_inpage.jpg);
                padding: 10px;
        }
}
@media (max-width: 768px) {
        #header-in {
                background: url(../img/common/bg-header_inpage.jpg);
                padding: 10px;
        }
        header h1 {
                width: 100%;
                float: none;
                text-align: center;
                margin-bottom: 10px;
        }
        .del_smaho {
                display: none;
        }
        .disp_smaho {
                display: inline;
        }
}

@media (max-width: 640px) {
        .frontpage-box img.img-responsive {
                margin: auto !important;
        }
}

@media (max-width: 1199px) {
        header.index {
                width: 100%;
                /*background:url(../img/index/bg-header.jpg) no-repeat bottom center;*/
                overflow: hidden;
        }
        header.inpage {
                width: 100%;
                height: auto;
                overflow: hidden;
        }
}

@media (max-width: 768px) {
        header.index {
                height: auto;
                width: 100%;
                /*background:url(../img/index/bg-header.jpg) no-repeat bottom left;*/
                overflow: hidden;
        }
        header.inpage {
                width: 100%;
                height: auto;
                overflow: hidden;
        }
}

/* footer */
footer {
        background-color: #fdcd4c;
        color: #fff;
        margin-top: 80px;
}
footer nav {
        padding: 3px;
}
.footer-in {
        background: url(../img/common/bg-footer.png) repeat-x center left;
        height: 130px;
        padding: 30px;
        color: #000;
}
.footer-in .footer-name {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 10px;
}
.footer-in .footer-address {
        font-size: 12px;
        margin-bottom: 10px;
}
.copyrigh {
        padding: 10px;
        text-align: center;
}

/* index */
#front-page h2 {
        width: calc(100% - 20px);
}
#front-page h2 img.max {
        max-width: 336px;
        width: 100%;
}
#front-page .recomm-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        margin-bottom: 10px;
}

@media (max-width: 991px) {
        #front-page .recomm-image img {
                height: 240px;
        }
}
@media (max-width: 768px) {
        #front-page .recommend {
                width: calc(100% - 40px);
                max-width: 400px;
        }
}
#front-page .newest-image img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        margin-bottom: 10px;
}
@media (max-width: 991px) {
        #front-page .newest-image img {
                height: 160px;
        }
}
#front-page .reform-list {
        padding: 10px 10px 10px 30px;
        background-color: #f7fce7;
        margin: 5px 0;
        max-width: 400px;
}
@media (max-width: 768px) {
        #front-page .reform-list {
                max-width: 400px;
                width: 100%;
                margin: 5px auto;
        }
}

#front-page .reform-list li {
        list-style: disc outside;
}

@media (max-width: 768px) {
        #front-page .reform-list li {
                text-align: left;
        }
}

#index-slide {
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
        height: 650px;
}
@media (max-width: 640px) {
        #front-page h3 {
                font-size: 13px;
                color: #22a773;
                font-weight: bold;
        }
}

img.middle {
        width: 100%;
        max-width: 376px;
}
img.img-cont {
        width: 100%;
        max-width: 313px;
}
.beforetoiawase {
        background: url(../img/index/bg-line.png) repeat-x center center;
}
.beforetoiawase img {
        max-width: calc(100% - 20px);
}
.toiawasebox img.v1,
.toiawasebox img.v2 {
        width: 100%;
        max-width: 307px;
        display: block;
        margin: 5px auto 10px;
}

@media (min-width: 768px) {
        .first-imagebox img {
                margin: 0 0 0 auto !important;
        }
        .cont-box {
                margin: 50px 0 50px 0;
                padding: 20px; /*background-color:white;*/
        }
        .cont-area {
                /*padding-bottom:280px;
		background:url(../img/index/bg-middle.png) no-repeat center bottom;
		*/
        }
        .moji-area {
                margin-bottom: 10px;
                margin-left: 20px;
        }
        .second-imagebox {
                text-align: center;
        }
}
@media (max-width: 767px) {
        #index-slide {
                height: 300px;
        }
        .first-imagebox img {
                margin: 0 auto 0 auto !important;
        }
        .container {
                margin-bottom: 30px;
        }
        .moji-area {
                text-align: center;
                margin-bottom: 5px;
        }
        .moji-area h3 img {
                margin: 0 auto !important;
        }
        .second-imagebox {
                text-align: center;
                margin-bottom: 30px;
        }
}

#front-page #box1 {
        background: url(../img/index/bg-reform.png) repeat-x top center;
        background-size: cover;
}
#front-page #box2 {
        /*background:url(../img/index/bg-newwork.png) repeat-x top center;*/
        background: url(../img/index/bg-reform.png) repeat-x top center;
        background-size: cover;
}

@media (min-width: 768px) {
        #front-page .faq-box,
        #index .faq-box {
                padding: 10px 20px;
                margin-bottom: 120px;
                background: url(../img/index/img-woman.png) no-repeat top center;
                height: 270px;
        }

        #front-page .faq-detail,
        #index .faq-detail {
                border: 2px dashed #6fba2c;
                -webkit-border-radius: 10px 10px 10px 10px;
                border-radius: 10px 10px 10px 10px;
                padding: 10px;
                background: #fff;
                font-weight: bold;
                font-size: 16px;
                color: #63a114;
                margin-bottom: 10px;
        }
        #front-page .faq-box .floatleft-box,
        #index .faq-box .floatleft-box {
                width: 33.3333333333333%;
                float: left;
        }
        #front-page .faq-box .floatright-box,
        #index .faq-box .floatright-box {
                width: 33.3333333333333%;
                float: right;
        }
        #front-page .ex-box,
        #index .ex-box {
                margin-bottom: 100px;
        }
        .ex-box-container {
                display: grid;
                grid-template-columns: repeat(4, calc(25% - 15px));
                gap: 20px;
                justify-content: flex-start;
                align-items: stretch;
        }
        #front-page .ex-box1,
        #index .ex-box1 {
                margin-bottom: 50px;
        }
}
@media (max-width: 900px) {
        #index-slide {
                height: 480px;
        }
}
@media (max-width: 767px) {
        #index-slide {
                height: 420px;
        }
        #front-page .faq-detail,
        #index .faq-detail {
                border: 1px dashed #6fba2c;
                -webkit-border-radius: 10px 10px 10px 10px;
                border-radius: 10px 10px 10px 10px;
                padding: 10px;
                background: #fff;
                font-weight: bold;
                font-size: 14px;
                color: #63a114;
                margin-bottom: 10px;
        }
        #front-page .faq-box .floatleft-box,
        #index .faq-box .floatleft-box {
                width: 49%;
                float: left;
        }
        #front-page .faq-box .floatright-box,
        #index .faq-box .floatright-box {
                width: 49%;
                float: right;
        }
        .ex-box {
                margin-bottom: 30px;
        }
        .ex-box-container {
                display: grid;
                grid-template-columns: repeat(2, calc(50% - 10px));
                gap: 20px;
                justify-content: flex-start;
                align-items: stretch;
        }
        .ex-box1 {
                margin-bottom: 30px;
        }
        .toiawasebox img.v1 {
                margin: 0 auto 10px;
                display: block;
        }
        .toiawasebox img.v2 {
                margin: 0 auto;
                display: block;
        }
}

@media (max-width: 640px) {
        #index-slide {
                height: 350px;
        }
        #front-page .faq-box .floatleft-box,
        #index .faq-box .floatleft-box {
                width: 90%;
                float: none;
                margin: 0 auto 20px;
        }
        #front-page .faq-box .floatright-box,
        #index.faq-box .floatright-box {
                width: 90%;
                float: none;
                margin: 0 auto 20px;
        }
}

@media (max-width: 480px) {
        #index-slide {
                height: 200px;
        }
}

#front-page .img-instagram {
        display: block;
        margin: 0 auto;
        max-width: 400px;
        width: calc(100% - 40px);
}

/* about */
#page-about h2.h2-inpage {
        background: url(../img/about/bg-back.png) no-repeat center right;
        text-align: center;
        border-bottom: 1px solid #aaa;
        padding-bottom: 15px;
        letter-spacing: 2rem;
        font-family: serif;
        margin-bottom: 30px;
}
#page-about h3.h3-inpage {
        text-align: center;
        margin-bottom: 10px;
}
#page-about h3.h3-inpage:before {
        content: "■　";
        color: #e63c58;
}
#page-about h3.h3-inpage:after {
        content: "　■";
        color: #e63c58;
}

#page-about h4.exterior-h4:before {
        content: "● ";
        color: #fff;
}
#page-about h4.exterior-h4 {
        padding: 5px;
        color: #fff;
        background-color: #e63c58;
}

#page-about iframe.toiawase {
        width: 100%;
        height: 1250px;
        display: block;
        margin: 10px auto 60px;
        border: none;
}

#page-about .faq-box dt {
        background-color: #fee391;
        padding: 2px;
        margin-bottom: 5px;
}

#page-about img.about-telimg {
        max-width: 512px;
        width: 100%;
}
#page-about .about-img-box {
        height: 0;
        width: 350px;
        float: right;
        margin-top: -260px;
        margin-right: -300px;
}

/* about_test */
#page-about_test h2.h2-inpage {
        background: url(../img/about/bg-back.png) no-repeat center right;
        text-align: center;
        border-bottom: 1px solid #aaa;
        padding-bottom: 15px;
        letter-spacing: 2rem;
        font-family: serif;
        margin-bottom: 30px;
}
#page-about_test h3.h3-inpage {
        text-align: center;
        margin-bottom: 10px;
}
#page-about_test h3.h3-inpage:before {
        content: "■　";
        color: #e63c58;
}
#page-about_test h3.h3-inpage:after {
        content: "　■";
        color: #e63c58;
}

#page-about_test h4.exterior-h4:before {
        content: "● ";
        color: #fff;
}
#page-about_test h4.exterior-h4 {
        padding: 5px;
        color: #fff;
        background-color: #e63c58;
}

#page-about_test iframe.toiawase {
        width: 100%;
        height: 850px;
        display: block;
        margin: 10px auto 60px;
        border: none;
}

#page-about_test .faq-box dt {
        background-color: #fee391;
        padding: 2px;
}

#page-about_test img.about-telimg {
        max-width: 512px;
        width: 100%;
}
#page-about_test .about-img-box {
        height: 0;
        width: 350px;
        float: right;
        margin-top: -260px;
        margin-right: -300px;
}

/* works */
#works h2.h2-inpage,
#single-salethings h2.h2-inpage {
        background: url(../img/works/bg-back.png) no-repeat center left;
        text-align: center;
        border-bottom: 1px solid #aaa;
        padding-bottom: 15px;
        letter-spacing: 2rem;
        font-family: serif;
        margin-bottom: 30px;
}
#works h3.h3-inpage,
#single-salethings h3.h3-inpage {
        text-align: center;
        margin-bottom: 10px;
}
#works h3.h3-inpage:before,
#single-salethings h3.h3-inpage:before {
        content: "■　";
        color: #3d7aea;
}
#works h3.h3-inpage:after,
#single-salethings h3.h3-inpage:after {
        content: "　■";
        color: #3d7aea;
}

#works h4.exterior-h4:before,
#single-salethings h4.exterior-h4:before {
        content: "● ";
        color: #fff;
}
#works h4.exterior-h4,
#single-salethings h4.exterior-h4 {
        padding: 5px;
        color: #fff;
        background-color: #3d7aea;
}
#works .works-onebox,
#single-salethings .works-onebox {
        margin-bottom: 20px;
}

#works .reform-signarea img,
#single-salethings .reform-signarea img {
        margin-right: 5px;
}

#works span {
        border: solid 1px #aaa;
        padding: 5px;
}
#works span.current {
        font-weight: bold;
        background-color: #ffe772;
}

#works ul.workslist {
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 40px;
}
#works ul.workslist2 {
        margin-left: 0;
        padding-left: 0;
}
#works li.parent-list {
        margin-bottom: 30px;
}
#works li.parent-list div {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        padding-left: 15px;
        margin-bottom: 10px;
}
#works li.child-list a {
        display: block;
        font-weight: normal;
        font-size: 13px;
        padding: 10px 0 10px 10px;
        text-decoration: none;
        background-color: #fbffd9;
        color: #000;
}
#works li.child-list a:hover {
        background-color: #ffe772;
}

/* exterior */
#page-exterior h2.h2-inpage {
        background: url(../img/exterior/bg-back.png) no-repeat center left;
        text-align: center;
        border-bottom: 1px solid #aaa;
        padding-bottom: 15px;
        letter-spacing: 2rem;
        font-family: serif;
        margin-bottom: 30px;
}
#page-exterior h2.h2-inpage img {
        width: 100%;
        max-width: 441px;
}
#page-exterior h3.h3-inpage {
        text-align: center;
        margin-bottom: 10px;
}
#page-exterior h3.h3-inpage:before {
        content: "■　";
        color: #6fba2c;
}
#page-exterior h3.h3-inpage:after {
        content: "　■";
        color: #6fba2c;
}

#page-exterior h4.exterior-h4:before {
        content: "● ";
        color: #fff;
}
#page-exterior h4.exterior-h4 {
        padding: 5px;
        color: #fff;
        background-color: #6fba2c;
}

#page-exterior h4.exterior2-h4 {
        color: #6fba2c;
        font-weight: bold;
}

/* reform */
#page-reform h2.h2-inpage {
        background: url(../img/reform/bg-back.png) no-repeat center left;
        text-align: center;
        border-bottom: 1px solid #aaa;
        padding-bottom: 15px;
        letter-spacing: 2rem;
        font-family: serif;
        margin-bottom: 30px;
}
#page-reform h2.h2-inpage.s01 img {
        width: 100%;
        max-width: 470px;
}
#page-reform h2.h2-inpage.s02 img {
        width: 100%;
        max-width: 229px;
}
#page-reform h3.h3-inpage {
        text-align: center;
        margin-bottom: 10px;
}
#page-reform h3.h3-inpage:before {
        content: "■　";
        color: #e6a83c;
}
#page-reform h3.h3-inpage:after {
        content: "　■";
        color: #e6a83c;
}

#page-reform h4.exterior-h4:before {
        content: "● ";
        color: #fff;
}
#page-reform h4.exterior-h4 {
        padding: 5px;
        color: #fff;
        background-color: #e6a83c;
}
#page-reform h4.reform2-h4 {
        color: #e6a83c;
        font-weight: bold;
}

.bg-sec1box {
}
.sec1box {
        background: url(../img/about/bg-greeting3.png) no-repeat right bottom;
}
.explainbox {
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        border: 5px solid #e3ccb3;
        -webkit-box-shadow: 1px 1px 1px 1px #dedede;
        box-shadow: 1px 1px 1px 1px #dedede;
        padding: 30px;
}

.explainbox.reform-box {
        background: url(../img/reform/bg-moji.png) no-repeat bottom center;
}
.explainbox.exterior-box {
        background: url(../img/exterior/bg-moji.png) no-repeat bottom center;
}
.explainbox.about-box {
        background: url(../img/about/bg-moji.png) no-repeat bottom center;
}

.explainbox2 {
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        border: 5px solid #e3ccb3;
        -webkit-box-shadow: 1px 1px 1px 1px #dedede;
        box-shadow: 1px 1px 1px 1px #dedede;
        padding: 30px;
}

span.flg-reform {
        font-size: 11px;
        letter-spacing: -0.1rem;
        margin-right: 10px;
        background-color: #f482b0;
        color: #fff;
        padding: 1px 5px 1px 3px;
}

span.flg-exterior {
        font-size: 11px;
        letter-spacing: -0.1rem;
        margin-right: 10px;
        background-color: #f8b24e;
        color: #fff;
        padding: 1px 5px 1px 3px;
}

span.flg-build {
        font-size: 11px;
        letter-spacing: -0.1rem;
        margin-right: 10px;
        background-color: #f8b24e;
        color: #fff;
        padding: 1px 5px 1px 3px;
}

/* category(blog) */
#category h2.h2-inpage,
#single-post h2.h2-inpage {
        background: url(../img/blog/bg-back.png) no-repeat center right;
        text-align: center;
        border-bottom: 1px solid #aaa;
        padding-bottom: 15px;
        letter-spacing: 2rem;
        font-family: serif;
        margin-bottom: 30px;
}
#category h2.h2-inpage img,
#single-post h2.h2-inpage img {
        max-width: 100%;
}
#category h3.h3-inpage,
#single-post h3.h3-inpage {
        text-align: center;
        margin-bottom: 10px;
}
#category h3.h3-inpage,
#single-post h3.h3-inpage:before {
        content: "■　";
        color: #e63c58;
}
#category h3.h3-inpage:after,
#single-post h3.h3-inpage:after {
        content: "　■";
        color: #e63c58;
}
h3.single {
        margin-bottom: 30px;
}
#category .blog-thumbnail-box {
        float: left;
        width: 210px;
}
#category .blog-thumbnail-box img {
        width: 200px;
        height: 200px;
        object-fit: cover;
}
@media (max-width: 640px) {
        #category .blog-thumbnail-box {
                float: none;
                width: 200px;
                margin: 0 auto 10px;
        }

        #category .blog-thumbnail-box img {
                width: 200px;
                height: 200px;
                object-fit: cover;
        }
}
#category .blog-detail-box {
        height: auto;
        margin-top: 20px;
        margin-bottom: 10px;
}

@media (min-width: 992px) {
        #archive .salething-container {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
        }
        #archive .thumbnail-box {
                width: 200px;
        }
        #archive .thumbnail-box img {
                width: 200px;
                height: 200px;
                object-fit: contain;
        }
}

@media ((max-width: 1199px) and (min-width:769px)) {
        #archive .thumbnail-box {
                width: 150px;
        }

        #archive .thumbnail-box img {
                width: 150px;
                height: 150px;
                object-fit: contain;
        }
}

@media ((max-width: 768px) and (min-width:641px)) {
        #archive .salething-container {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
        }
}

#archive .list-bukken {
        margin-bottom: 20px;
        display: flex;
        gap: 10px;
}

#archive h3.list-title-box {
        font-size: 14px;
}

/* category(blog) */
#archive h2.h2-inpage {
        background: url(../img/works/bg-back.png) no-repeat center left;
        text-align: center;
        border-bottom: 1px solid #aaa;
        padding-bottom: 15px;
        letter-spacing: 2rem;
        font-family: serif;
        margin-bottom: 30px;
}
#archive h3.h3-inpage {
        text-align: center;
        margin-bottom: 10px;
}
#archive h3.h3-inpage:before {
        content: "■　";
        color: #e63c58;
}
#archive h3.h3-inpage:after {
        content: "　■";
        color: #e63c58;
}

#single-salethings h3#h3-single,
#single-post h3#h3-single {
        background-color: #fdcd4c;
        color: #000;
        padding: 10px;
        margin-bottom: 5px;
}
#single-salethings h3#h3-single {
        margin-top: 0;
        margin-bottom: 20px;
}
#single-post #date-box,
#single-salethings #date-box {
        text-align: right;
        margin-bottom: 20px;
}
#archive .list-detaillink-box {
        text-align: right;
        margin-right: 20px;
}

@media (min-width: 641px) {
        #single-salethings .img-box {
                margin-bottom: 20px;
        }
        #single-salethings .img-box2 {
                margin-bottom: 20px;
                margin-right: 20px;
                float: left;
        }
        #single-salethings .img-before {
                float: left;
                text-align: center;
        }
        #single-salethings .img-before img {
                width: 180px;
                height: 180px;
                object-fit: cover;
        }
        #single-salethings .img-arror {
                float: left;
                padding-top: 80px;
                margin-right: 10px;
                margin-left: 10px;
                text-align: center;
        }
        #single-salethings .img-after {
                float: left;
                text-align: center;
        }
        #single-salethings .img-after img {
                width: 180px;
                height: 180px;
                object-fit: cover;
        }
}
@media (max-width: 640px) {
        #single-salethings .img-box {
                margin-bottom: 10px;
        }
        #single-salethings .img-box2 {
                margin-bottom: 10px;
                margin-right: 10px;
                float: left;
        }
        #single-salethings .img-before {
                float: left;
                text-align: center;
        }
        #single-salethings .img-arror {
                float: left;
                padding-top: 60px;
                margin-right: 10px;
                margin-left: 10px;
                text-align: center;
        }
        #single-salethings .img-after {
                float: left;
                text-align: center;
        }
        #single-salethings .img-before img,
        #single-salethings .img-after img {
                width: 100px;
                height: 100px;
                object-fit: cover;
        }
}
@media (min-width: 769px) {
        #single-salethings .salethings-detail-box dt {
                width: 100px;
                float: left;
        }
        #single-salethings .salethings-detail-box dd {
                width: calc(100% - 120px);
                float: left;
        }
}

@media (max-width: 768px) {
        #archive .list-bukken {
                clear: both;
        }
        footer {
                margin-top: 50px;
        }
        .exterior-img-box {
                margin-bottom: 10px;
        }
        .exterior-img-box img {
                width: 200px;
                display: block;
                margin: 0 auto;
        }
        #single-salethings .salethings-detail-box dt {
                width: auto;
                float: none;
        }
        #single-salethings .salethings-detail-box dd {
                width: auto;
                margin-left: 30px;
                float: none;
        }
}

/* common */
.mt10 {
        margin-top: 10px !important;
}
.mb10 {
        margin-bottom: 10px;
}
.mb20 {
        margin-bottom: 20px;
}
.mb30 {
        margin-bottom: 30px;
}
.mb40 {
        margin-bottom: 40px;
}
.mb60 {
        margin-bottom: 60px;
}
.no-mgp {
        margin: 0;
        padding: 0;
}
.text-right {
        text-align: right;
}

h3.list-title-box {
        margin-top: 0;
        font-size: 16px;
        line-height: 150%;
}

.reform-submenu li.item a {
        display: block;
        border: 1px solid #eee;
        margin-bottom: 10px;
        padding: 10px;
        background-color: #96c23a;
}
.reform-submenu li.item a:hover {
        background-color: #fdcd4c;
        color: #000;
}
.reform-submenu li.item img {
        max-width: 100%;
}

/* link */
.grandnav a {
        color: #303030;
        text-decoration: none;
}
.grandnav a:hover {
        color: #e21c24;
        text-decoration: underline;
}
.container a {
        color: #36ab1c;
        text-decoration: underline;
}
.container a:hover {
        color: #b5d78b;
        text-decoration: none;
}
.container a:hover i {
        color: #f90404 !important;
}
footer a {
        color: #fff;
        text-decoration: none;
}
footer a:hover {
        color: #fefefe;
        text-decoration: underline;
}

#content img.alignleft {
        float: left;
        margin-right: 10px;
}
#content img.alignright {
        float: right;
        margin-left: 10px;
}
#content img.aligncenter {
        display: block;
        margin: 10px auto;
}

/* widget */
#page-blog-info .widget h3,
#category .widget h3,
#single-post .widget h3 {
        font-size: 14px;
        color: #000;
        font-weight: bold;
        padding: 5px;
        text-align: center;
        background: url(../img/common/bg-widget.gif);
}
#page-blog-info .widget a,
#category .widget a,
#single-post .widget a {
        color: #36ab1c;
        text-decoration: underline;
}
#page-blog-info .widget a:hover,
#category .widget a:hover,
#single-post .widget a:hover {
        color: #b5d78b;
        text-decoration: none;
}

@media screen and (min-width: 1200px) {
        #index-news {
                width: 1200px;
                margin: 0 auto;
        }
}
@media screen and (max-width: 1199px) {
        #index-news {
                width: 100%;
                margin: 0 auto;
        }
}

#index-news {
        background-color: #ecf1c4;
        padding: 10px 0;
        margin-bottom: 30px;
}
#index-news .inbox a {
        color: #000;
}
#index-news .inbox a:hover {
        color: #36ab1c;
        text-decoration: underline;
}

@media screen and (min-width: 741px) {
        #index-news .news-titlebox {
                float: left;
                padding: 2px 20px 2px 10px;
        }
        #index-news .news-linkbox {
                padding-top: 6px;
                float: left;
                width: 150px;
                text-align: right;
        }
        #index-news .newsticker {
                padding-top: 5px;
                width: calc(100% - 300px);
                float: left;
        }
}

@media screen and (max-width: 740px) {
        #index-news .news-titlebox {
                float: none;
                width: 100%;
                text-align: center;
                margin-bottom: 10px;
        }
        #index-news .newsticker {
                padding-top: 3px;
                width: 100%;
                float: none;
                display: block;
                text-align: center;
                margin-bottom: 10px;
        }
        #index-news .newsticker:after {
                clear: both;
        }
        #index-news .news-linkbox {
                float: none;
                text-align: right;
                width: 100%;
        }
}

.mycategory {
        font-size: 0.6em;
        font-weight: bold;
        padding: 2px;
        margin-right: 5px;
        background-color: #aaa;
}

.mycat {
        font-weight: bold;
        padding: 2px;
        margin-right: 5px;
        background-color: #aaa;
}

.myterm {
        font-size: 0.7em;
        font-weight: bold;
        padding: 2px;
        margin-bottom: 10px;
        background-color: #aaa;
}

.mycategory.info,
.mycat.info,
.myterm.reform {
        background-color: lightpink;
}
.mycategory.blog,
.mycat.blog,
.myterm.exterior {
        background-color: skyblue;
}
.mycategory.blog,
.mycat.blog,
.myterm.build {
        background-color: yellow;
}
.mycategory.useful-info {
        background-color: #a3f1d3;
}

/* pagenavi */
.pagenavi {
        text-align: center;
}

.pagenavi .wp-pagenavi a,
.pagenavi .wp-pagenavi span {
        -webkit-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
        text-decoration: none;
        background-color: #fdcd4c;
        padding: 3px 5px;
        color: #000;
        margin: 2px;
        border: none;
}

.pagenavi .wp-pagenavi a:hover,
.pagenavi .wp-pagenavi span.current {
        border-color: #000;
        text-decoration: underline;
        color: #000;
}

.pagenavi .wp-pagenavi span.current {
        background-color: #ccc;
        font-weight: bold;
        color: #fff;
}