/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*Contact Form 7 スマホContact Form 7 カスタマイズ*/

/*見出し欄*/
.inquiry th{
    text-align:left;
    font-size:14px;
    color:#444;
    padding-right:5px;
    width:30%;
    background:#f7f7f7;
    border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
    font-size:13px;
    border:solid 1px #d7d7d7;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
    border:solid 1px #d7d7d7;
}
/*必須マーク調整*/
.haveto{
    font-size:7px;
    padding:5px;
    background:#fd6c6c;
    color:#fff;
    border-radius:2px;
    margin-right:5px;
    position:relative;
    bottom:1px;
}

/*送信ボタンのデザイン*/
#formbtn{
    display: block;
    padding:15px;
    width:350px;
    background:#fd9731;
    color:#fff;
    border:1px solid #ff9393;
    font-size:18px;
    font-weight:bold;
    border-radius:2px;
    margin:50px auto 0;
}

/*送信ボタンマウスホバー時*/
#formbtn:hover{
    background:#fff;
    color:#fd9731;
    border:2px solid #fd9731;
}

/*送信後のメッセージ*/
div.wpcf7-response-output {
    margin: 0.5em 1em;
}

div.wpcf7-validation-errors{
    border: 2px solid #fd6c6c;
}

/*スマホContact Form 7 カスタマイズ*/
@media(max-width:500px){
    .inquiry th,.inquiry td {
        display:block!important;
        width:100%!important;
        border-top:none!important;
        -webkit-box-sizing:border-box!important;
        -moz-box-sizing:border-box!important;
        box-sizing:border-box!important;
    }
    .inquiry tr:first-child th{
        border-top:1px solid #d7d7d7!important;
    }
    /* 必須マークのサイズ調整 */
    .inquiry .haveto {
        font-size:10px;
    }

    #formbtn{
        width: 80vw;
    }

}

/*Contact Form 7カスタマイズ終わり*/


a{
    color: #009bad;
}

a:hover{
    color: #62dceb;
}

/*header*/
.header{
    background: url(img/header_img.jpg) no-repeat;
    background-size:  cover;
    position: relative;
    margin-bottom: 4rem;
}

.header:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-color: rgba(255,255,255,0.5);
}

.header__row{
    padding: 1.5rem;
}

.header__title{
    font-size: 1.4rem;
    font-weight: bold;
}

.header__dscr{
    font-size: .9rem;
    color:#333;
}

/*gnav*/
.h-nav.rwd li a{
    font-weight: bold;
    padding: 1rem 0 .8rem;
}

.h-nav.rwd li ul {
    left: -2rem;
}

.h-nav.rwd li ul a{
    padding: 0.7rem 2rem;
}

.h-nav.rwd li ul li{
    border: none;
}

/*共通ページ*/
.site__content{
    margin-bottom: 3rem;
}

.breadcrumbs+.site__content{
    margin-top: 0;
}

/*記事一覧*/
.archive__deta{
    margin: 1.1em 0;
}

.archive__link{
    font-size: 1.4rem;
    font-weight: bold;
}


/*ウィジェットホバーで画像拡大 */

/*imgの親要素(divかpで囲む)にサイズ指定とoverflow: hidden; →効かないので一旦おいとく*/
/*
.widget {
    overflow: hidden;
}
*/
.widget img {
    transition: 0.3s ease-out;
}
.widget img:hover {
    transform: scale(1.1, 1.1);
}
/*ウィジェットホバーで画像拡大終わり */


/*ウィジェット*/
.widget{
    margin-bottom: 5rem;
}

.widget-title{
    color: #fff;
    padding: 10px;
    margin-bottom: 1.8rem;
    background: #444;
}

.widget ul{
    padding-left: 0;
}

.widget li{
    list-style: none;
}

.widget li a{
    text-decoration: none;
}

/*RANKING*/
.wpp-list a{
    color: #333;
    font-weight: bold;
}

.wpp-list a:hover{
    color: #62dceb;
}

/*new article*/
.rpwwt-widget ul li img{
    margin: 0 1rem 0 0 !important;
}

.rpwwt-post-title{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-bottom: .75em;
}

.rpwwt-post-title:hover{
    color: #62dceb;
}

.rpwwt-post-excerpt{
    font-size: 14px;
}

/*category archive*/
.widget_categories ul, .widget_archive ul{
    padding-left: 10px;
    font-weight: bold;
}


/*footer*/
.footer-poweredby {display:none;}



/*パンくず*/
.breadcrumbs{
    padding: 0 0 1rem;
}

/*投稿ページ*/
.entry-title{
    font-size: 1.6rem;
    font-weight: bold;
}

.singular__title{
    margin: 0 0 1rem;
    padding-bottom: .7rem;
}


/*マーカー*/
.marker-yellow {
    background: linear-gradient(transparent 60%, #FFFF8E 70%);
}

.marker-red {
    background: linear-gradient(transparent 60%, #FF8EB1 70%);
}

.marker-green {
    background: linear-gradient(transparent 60%, #C3FF8E 70%);
}

.marker-blue {
    background: linear-gradient(transparent 60%, #8EDCFF 70%);
}

/*かっこ*/
.kakko {
    position: relative;
    line-height: 1.4;
    padding:0.5em 1.2em;
    display: inline-block;
}

.kakko:before, .kakko:after {
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}

.kakko:before {
    border-left: solid 1px #009bad;
    border-top: solid 1px #009bad;
    top:0;
    left: 0;
}

.kakko:after {
    border-right: solid 1px #009bad;
    border-bottom: solid 1px #009bad;
    bottom:0;
    right: 0;
}

/*ストライプボーダー*/
h1 {
    position: relative;
}

h1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

/*見出し帯*/
.h2-title {
    color: #fff;
    background: #009bad;
    padding: 0.5em;
}

/*見出し下線*/
h3 {
    padding: 0.25em 0;
    border-bottom: solid 3px #6ad1c8;
}