@charset "UTF-8";
/*
-----------------------------------------------------
adachi-shihoshoshi.com CSS（2カラム）
lastupdate：2023.02.17
-----------------------------------------------------

/*-------------------- プロパティ --------------------*/

/* 文字 */
	html{
                font-size:100%;
                font-size:16px;  /* = 1rem */
	}
	* {
                -webkit-box-sizing:border-box !important;
                -moz-box-sizing:border-box !important;
                box-sizing:border-box !important;
	}
	body{
                font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
                margin:0;
                background:#f2f2f2;
/* スクロールバーの設定 */
                scrollbar-track-color:#fff;
                scrollbar-3dlight-color:#efefef;
                scrollbar-darkshadow-color:#000;
                scrollbar-face-color:#555;
                scrollbar-highlight-color:#eee;
                scrollbar-shadow-color:#202020;
                scrollbar-arrow-color:#fff;
	}
/* link type */
	a:link{color:#3300CC;text-decoration:none;}
	a:visited{color:#CC0033;text-decoration:none;}
	a:active{}
	a:hover{color:#6699FF;text-decoration:underline;}

	#wrapper{
                display:flex;
                flex-direction:column;
                width:990px;
                max-width:100%;
		min-height:100vh;
                margin:0 auto;
	}

/*-------------------- ヘッダー・タイトル --------------------*/

	#banner{
                display:flex;
                flex-flow:column;
                justify-content:space-around; /* 両端に余白 */
                background:url(../imgs/title/logo.gif) 1.5rem 1.5875rem /* 位置は左から、上から *// 28px no-repeat,url(../imgs/bg/header_black.jpg)  0.875rem 1.875rem repeat;
        }
	#banner a{
                text-decoration:none;
                color:#fff;
        }
	#banner a:hover{
                text-decoration:none;
                color:#fff;
        }
        .item1 {
                width:calc(100% - 1.5rem);
                height:3rem;
                padding:0 0 0 1.25rem;
        }
        .item2 {
                width:calc(100% / 3);
                height:7.25rem;
	        margin:0 auto; /* 中央寄せにするため */
                padding-left:0.25rem;
                line-height:1.75;
        }
        .item3 {
                width:calc(100% - 1.5rem);
                height:8rem;
                padding:0.5rem 0.5rem 0.25rem 0.25rem;
        }
        .item3 p{
                height:1.875rem;
                text-align:right;
        }
	.title{
                padding-left:2.5rem;
                font-size:1.5rem;
                color:#FFF;
	        font-weight:600;
                letter-spacing:0.05rem;
        }
	.description{
                padding-top:0.5rem;
                text-align:left;
                font-size:0.9375rem;
                color:#FFF;
                letter-spacing:0.05rem;
	        font-weight:500;
        }

/*----------------- スクリーン別対応 ---------------*/

/* PCは2カラム */
	#side{width:300px;}
	#main{width:690px;}
/* モバイルでは1カラム */
        @media screen and (max-width:926px){
	        #wrapper{width:768px;}
		#container{flex-direction:column;}
		#side{display:none;}
		#main{width:100%;}
        }
/* 480px以下の調整 */
        @media screen and (max-width:480px){
                .item2 {width:calc(100% - 0.75rem);padding:0 0.5rem 0 1rem;}
        }

/*-------------------- contents --------------------*/

/* ドロップダウンのsafariスタイルをリセットする */
	select{color:#000;}

	#container{
                background:#fff;
                display:flex;
                flex-direction:center;
                padding:1.25rem 1rem; /* 本体の上下左右の空白 */
	}
	@media screen and (max-width:480px){
		#container{padding:1rem 0.5rem 0.5rem;} /* もと 1rem 0 0.5rem; */
	}
	#container p,li{
                font-size:0.9375rem; /* もと 0.875rem(14px) */
                line-height:1.5;
                text-align:justify;
                text-justify:inter-ideograph !important;
		overflow-wrap:break-word !important;
		word-wrap:break-word !important;
	}
	#container ol{
                margin:-0.5rem 0 1.25rem; /* リスト上の余白 */
                padding-left:1.75rem; /* リスト・インデント */
	}
/* Topics（現在削除） */
	.topics{
                height:8rem;
                margin:0.625rem 2.5rem 1.5rem;
		border-top:solid 2px #ccc;
		border-radius:8px;
		box-shadow:0 5px 8px rgba(0, 0, 0, 0.22);
	}
	@media screen and (max-width:480px){
		.topics{margin:0.625rem 0.75rem 1.5rem;}
	}
	.topics .index{
                margin:0;
                padding-top:0.125rem;
		border-bottom:1px solid #3498db;
		font-size:0.9375rem;
		letter-spacing:0.05rem;
		text-indent:1.2rem;
        }
	.topics .date{
		margin:0 0.625rem;
                padding:0.25rem 0;
		font-size:0.8125rem;
		font-weight:600;
        }
	.topics .text{
		margin:0 0.625rem;
                padding-left:0.5rem;
		border-bottom:1px solid #ccc;
		font-size:0.8125rem;
        }

/* 見出し */
	.cnt_border{
                position:relative;
                padding:0.5rem 1.2rem;
                border-radius:1.5rem;
                border:1px solid #ccc;
                text-shadow:1px 1px 4px rgba(0,0,0,0.3);
                box-shadow:inset 1px 1px 0 rgba(255,255,255,1);
                background:linear-gradient(#efefef 0%, #fff 50%, #eee 50%, #fff 100%);
                font-size:1rem;
	}
	.cnt_border_combo{
                position:relative;
                padding:.25rem 0 .5rem .75rem;
                border-left:6px solid #3498db;
                font-size:1.125rem;
	}
	.cnt_border_combo::after{
                position:absolute;
                left:0;
                bottom:0;
                content:'';
                width:100%;
                height:0;
                border-bottom:1px solid #ccc;
	}
/* 前説・GoogleAd */
	.intro,.ad{margin:0.625rem 2.5rem 0.9375rem;}
	.ad{text-align:center;}
	@media screen and (max-width:660px){
		.intro,.ad{margin:0.875rem 0.75rem 0.9375rem;}
	}

/* 元号西暦欄 */
	#genreki select{
                width:3.75rem;
                height:1.875rem; /* もと height:1.75rem */
	}
	#genreki input[name="myYR"]{
                width:3.75rem;
                height:1.875rem; /* もと height:1.75rem */
                text-align:right;
	}
	#genreki input[name="myRESULT"]{
                width:13rem;
                height:1.875rem; /* もと height:1.75rem */
                background:#feffff;
                text-align:right;
	}
	#genreki select,input[name="myYR"],input[name="myRESULT"]{
                letter-spacing:0.05rem;
                vertical-align:middle;
                font-size:0.9375rem; /* もと font-size:0.875rem */
	}
	#genreki span{
                margin-left:0.125rem;
                vertical-align:middle;
                font-size:0.9375rem; /* もと font-size:0.875rem */
	}

/* サイド */
	.side_body{margin:0.625rem 0 2.5rem 0.9375rem;}

/* 区切り線 */
	.side_body hr{
                position:relative;
                height:1px;
                border-width:0;
                background-image:-webkit-linear-gradient(left,
                transparent 0%,#283593 50%,transparent 100%);
                background-image:linear-gradient(90deg,
                transparent 0%,#283593 50%,transparent 100%);
	}

/*------------------- ボタン --------------------*/
/* ヘッダーのボタン */
        .btn1{
                display:inline-block;
                width:9.375rem;
                line-height:1rem;
                padding:0.5rem 0;
                font-size:0.9375rem;
                text-align:center;
                color:#fff;
                text-shadow:1px 1px 1px #000;
                border-radius:10px;
                background-color:rgba(220, 0, 0, 1);
                background-image:linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
                box-shadow:inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
                border:0;
         }
         .btn1:hover{
                background-color:rgba(255, 0, 0, 1);
         }
         /* .btn1:active{
                box-shadow:inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
         } */
/* フォームーのボタン */
	.btn2{
                display:inline-block;
                width:auto;
                line-height:2;
                padding:0 1rem;
                font-size:0.9375rem;
                text-align:center;
                color:#fff;
                text-shadow:1px 1px 1px #000; /* もと text-decoration:none; */
                border-radius:10px;
                background:#668ad8; /* ボタン色 */
                font-size:0.9375rem;
                color:#fff;
                border-bottom:solid 4px #627295;
	}
	.btn2:active{ /*ボタンを押したとき*/
                -webkit-transform:translateY(4px);
                transform:translateY(4px); /* 下に動く */
                box-shadow:0px 0px 1px rgba(0, 0, 0, 0.2); / *影を小さく */
                border-bottom:none;
	}
/*--------------- ボタン終了 --------------------*/

/* 「重要」「New」の印 */
	.mark{
		display:inline-block;
 		background:#da002c;
		padding:0 2px;
		margin-left:5px;
		vertical-align:middle;
		font-size:0.75rem;
		color:#fff;
		border-radius:2px;
        }

/* 「お役立ち」	「書式」リストマーク */
	.listmark{
                list-style-type:none;
                margin:-0.5rem 0 1.25rem;
                padding-left:1.75rem;
	}
	.listmark_s{
                list-style-type:none;
                margin:1rem 0 1.75rem;
                padding-left:1.75rem;
	}
	.listmark li,.listmark_s li{
                position:relative;
                margin:0.25rem 0; /* 箇条書き（liタグ）の行間 */
                padding:1.5px 0 1.5px 0.2rem;
	}
	.listmark li::after,.listmark_s li::after,
	.listmark li::before,.listmark_s li::before{
                display:block;
                content:'';
                position:absolute;
	}
	.listmark li::after,.listmark_s li::after{
                top:.35em;
                left:-1.2rem;
                width:14px;
                height:14px;
                background:#3498db;
                border-radius:100%;
	}
	.listmark li::before,.listmark_s li::before{
                z-index:2;
                top:.625rem;
                left:-.975rem;
                width:4px;
                height:4px;
                border-right:1px solid #fff;
                border-bottom:1px solid #fff;
                -webkit-transform:rotate(-45deg);
                transform:rotate(-45deg);
	}

/* ブロブ新着記事 */
	.rss{
                width:18rem;
                margin:-1rem auto 2.5rem;
                font-size:0.9375rem; /* もと 0.875rem(14px) */
	}
	.rss h1{
                position:relative;
                margin:0;
                text-align:center;
	}
	.rss h1 span{
                position:relative;
                z-index:2;
                display:inline-block;
                margin:0 2.5rem;
                padding:0 1rem;
                background:#fff;
                font-size:0.9375rem; /* もと 0.875rem(14px) */
                text-align:left;
	}
	.rss h1::before{
                position:absolute;
                top:60%;
                z-index:1;
                content:'';
                display:block;
                width:100%;
                height:1px;
                background:#ccc;
	}
	.rss dt{padding:0 0 0.25rem 0;}
	.rss dd{padding:0 0 0.25rem 0.5rem;} /* もと padding:0 0 0.25rem 1rem; */
	@media screen and (min-width:481px){
                .rss{width:26.25rem;}
                .rss dt{
                       float:left;
                       clear:both;
                       width:5rem;
                       padding:0 0 0.375rem 1rem;
	        }
                .rss dd{
                       display:block;
                       padding:0 0 0.375rem 5.75rem;
	        }
	}
	_:-ms-lang(x)::-ms-backdrop,.rss dd{ /* IE11対応 */
                padding-top:1px;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0){ /* Chrome対応 */
                .rss dt{
                       padding-top:1px;
	        }
	}

/* -------------------- アンカーリンク -------------------- */

	.anchor{
                padding-right:0; /* もと 1.875rem */
	}
	.anchor a{
                text-decoration:none;
                color:#fff;
        }
	.anchor a:hover{
                text-decoration:none;
                color:#fff;
        }
        .anchor p{
                height:1.875rem;
                text-align:right !important;
        }

/* -------------------- フッター -------------------- */

        #footer{
                margin-top:auto; /* 下の隙間に対応 */
                height:auto;
                padding:0.75rem 1.25rem;
                color:#fff;
		background:#000;
        }
	#footer a{
		text-decoration:none;
                color:#da002c;
        }
	#footer a:hover{
                text-decoration:none;
                color:#fff;
        }
        #footer .init{
                list-style:none;
                margin:0.75rem 0; /* もと 0; */
                padding:0.5rem 1.5rem;
                border:1px solid #696969;
		border-radius:8px;
        }
        #footer .init li{margin:0.375rem;} /* 箇条書き（liタグ）の行間 */
	#footer .name{
                font-size:0.9375rem; /* 15px */
                font-weight:600;
	        letter-spacing:0.05rem;
	        text-align:left;
        }
	#footer .contact{
                font-size:0.75rem; /* 12px */
	        letter-spacing:0.05rem;
	        text-align:left;
        }
	#footer .copyright{
		padding:0.125rem 0;
                height:auto;
		font-size:0.75rem;
                font-style:italic;
		font-weight:500;
	        letter-spacing:0.05rem;
	        text-align:left;
        }
	@media screen and (max-width:480px){
		#footer .name{font-size:0.875rem;}
        }

/* スマホで非表示 */
	@media screen and (max-width:1024px){
		.none{display:none;}
        }

/*-------------------- 'slick'のstyle --------------------*/

        .slider{
                display:none;
                margin:0.5rem auto;
                width:584px; /* もと 578px */
                max-width:100%;
        }
/* iPadの調整 */
        @media screen and (min-width:767px) and (max-width:821px){
                .slider {width:668px;}
        }

        .slider.slick-initialized{
                display:block; /* 縦に並ぶのを防ぐ */
        }
        .slider-img{
                position:relative; /* タイトル表示用 */
                margin:0 0.5rem;
        }
        .slider-img img{
                width:100%;
                height:269px; /* もと 268px; */
                hoverflow:hidden; /* 高さ設定と併せて"ちらつき"対応 */
        }
/* 480px以下の調整 */
        @media screen and (max-width:400px){
                .slider-img img {height:240px;}
        }
        @media screen and (min-width:401px) and (max-width:480px){
                .slider-img img {height:244px;}
        }
        .slider-title{
                position:absolute;
                top:3px;
                left:58px;
                color:#fff;
                font-size:1rem;
                font-weight:700;
                text-shadow:2px 2px 5px #333;
                transform:translate(-50%, -50%);
        }
/* ドットをカスタマイズ */
        .slide-dots{
                margin:0;
                padding:0;
                text-align:center;
        }
        .slide-dots li{
                display:inline-block;
                margin:0 10px;
        }
        .slide-dots li button{
                position:relative;
                text-indent:-9999px;
        }
        .slide-dots li button::before{
                background-image:url(../slick/dots-off.png);
                background-repeat:no-repeat;
                background-size:contain;
                content:"";
                cursor:pointer;
                height:13.5px;
                left:0;
                margin:auto;
                position:absolute;
                right:0;
                top:1rem; /* 画像との間隔 もと 24px */
                width:13.5px;
       }
       .slide-dots li.slick-active button::before{
                background-image:url(../slick/dots-on.png);
       }
       button{
                background:none;
                border:none;
                outline:none;
                padding:0 7px;
      }