/*
Theme Name: My Original Theme
Theme URI: https://example.com
Author: Your Name
Description: オリジナルWordPressテーマ
Version: 1.0
*/

body{
    margin:0;
    font-family:sans-serif;
    background:#f5f5f5;
}

header{
    background:#222;
    color:#fff;
    padding:20px;
}

main{
    max-width:1000px;
    margin:auto;
    padding:20px;
    background:#dff6ff;
}

footer{
    background:#222;
    color:#fff;
    text-align:center;
    padding:20px;
    margin-top:40px;
}

a{
    color:#0073aa;
    text-decoration:none;
}

/* TOPページ用 Start*/

/* TOPページ背景 */

.home .hero{

    background-image:url("assets/images/お年玉ください.jpg");

    background-size:cover;
    /* 画面いっぱい */

    background-position:center;
    /* 中央配置 */

    background-repeat:no-repeat;
    /* 繰り返し無し */

    height:500px;
    /* 高さ */

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;
    /* 文字色 */

    text-align:center;

}

/* TOPタイトル */
.hero h2 {
    color: black;
    font-size: 80px;
}

/* サブタイトル */
.hero p {
    color: black;
    font-size: 32px;
}

/* スマホ用（例：768px以下） */
@media screen and (max-width: 768px) {

    .hero h2 {
        font-size: 40px; /* スマホでは半分くらいに */
    }

    .hero p {
        font-size: 18px;
    }
}

/* TOPページ用 End*/

/* 固定ページ用 Start*/

/* ABOUTページ */

/* 固定ページ用 End*/


/* ギャラリー画像 */

.wp-block-gallery img{

    border-radius:15px;

    transition:0.3s;

}

/* ホバー */

.wp-block-gallery img:hover{

    transform:scale(1.03);

}