/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 18 2024 | 05:57:26 */
/* リンクレイアウト */
.link { text-decoration: underline; color: #0000EE; font-weight: normal; }
/* モーダルウィンドウ */
.modal_wrap input{ display: none; }
.modal_overlay{ display: flex; justify-content: center; overflow: auto; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%;
                padding: 3px; background: rgba(0,0,0,0.7); opacity: 0; transition: opacity 0.5s, transform 0s 0.5s; transform: scale(0); }
.modal_trigger{ position: absolute; width: 100%; height: 100%; }
.modal_content{ position: relative; align-self: center; width: 90%; max-width: 1600px; padding: 10px 10px 15px; box-sizing: border-box;
                background: #fff; line-height: 1.4em; transition: 0.5s; }
.modal_content_sp{ position: relative; align-self: center; width: 100%; max-width: 1600px; padding: 5px 5px 15px; box-sizing: border-box;
                   background: #fff; line-height: 1.4em; transition: 0.5s; transform:rotate(270deg); } /* 縦にする意味の検証と、サイズ調整ができないので使わない */
.close_button_pc{ position: absolute; top: 3rem; right: 16px; font-size: 4rem; cursor: pointer; }
.close_button_sp{ position: absolute; top: 2rem; right: 16px; font-size: 2rem; cursor: pointer; }
.modal_wrap input:checked ~ .modal_overlay{ opacity: 1; transform: scale(1); transition: opacity 0.5s; }
.open_button{ position: relative; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center;
              width: 300px; height: 80px; margin: 2rem auto; padding: 8px 16px; background-color: #4169e1; color: #eee; font-size: 2rem;
              font-weight: bold; font-family: 'Montserrat', sans-serif; box-shadow: 0 1px 3px rgba(0,0,0,0.6); border-radius: 16px; cursor: pointer; }
/* マウスオーバーエフェクト */
.img_wrap{ border: 1px solid #ddd; margin: 20px auto 0; transition-duration: 0.5s; }
.img_wrap img{ width: 100%; cursor: pointer; }
.img_wrap:hover{ box-shadow: 10px 10px 10px rgba(0,0,0,0.5); transform: translateY(-10px); transition-duration: 0.5s; }

</style>