/* オリジナルのカスタマイズ（original-style.css） */

/*
    SWELLのテーマとは異なるオリジナルのCSSを追加します。(ver.1.0.0)
*/


.current　.c-gnav>.menu-item>a {
	color:#fff;
}

.p-articleThumb__img{
	width:100%;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}


/* ==============================
スクロールバー（スクロール高さ200px）
============================== */

/* スクロールバーのカスタマイズ設定 */
.custom-scrollbar200 {
    height: 200px;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: darkslategray lightgray;
}

/* Chrome, Safari用スクロールバー設定 */
.custom-scrollbar200::-webkit-scrollbar {
    width: 8px;
}

/* スクロールバートラックの背景色 */
.custom-scrollbar200::-webkit-scrollbar-track {
    background: lightgray; 
}

/* スクロールバー本体の色 */
.custom-scrollbar200::-webkit-scrollbar-thumb {
    background-color: darkslategray; 
    border-radius: 6px;
    border: 2px solid gray;
}



/* ==============================
スクロールバー（コーディング用）
============================== */

/* スクロールバーのカスタマイズ設定 */
.custom-scrollbar {
    height: 300px;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: darkslategray lightgray;
}

/* Chrome, Safari用スクロールバー設定 */
.custom-scrollbar::-webkit-scrollbar {
    width: 12px;
}

/* スクロールバートラックの背景色 */
.custom-scrollbar::-webkit-scrollbar-track {
    background: lightgray; 
}

/* スクロールバー本体の色 */
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: darkslategray; 
    border-radius: 6px;
    border: 2px solid gray;
}

/* ==============================
スクロールバー（スクロール高さ400px）
============================== */

/* スクロールバーのカスタマイズ設定 */
.custom-scrollbar2 {
    height: 400px;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: darkslategray lightgray;
}

/* Chrome, Safari用スクロールバー設定 */
.custom-scrollbar2::-webkit-scrollbar {
    width: 8px;
}

/* スクロールバートラックの背景色 */
.custom-scrollbar2::-webkit-scrollbar-track {
    background: lightgray; 
}

/* スクロールバー本体の色 */
.custom-scrollbar2::-webkit-scrollbar-thumb {
    background-color: darkslategray; 
    border-radius: 6px;
    border: 2px solid gray;
}



/* ==============================
スクロールバー（コーディング用）
============================== */

/* スクロールバーのカスタマイズ設定 */
.custom-scrollbar {
    height: 300px;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: darkslategray lightgray;
}

/* Chrome, Safari用スクロールバー設定 */
.custom-scrollbar::-webkit-scrollbar {
    width: 12px;
}

/* スクロールバートラックの背景色 */
.custom-scrollbar::-webkit-scrollbar-track {
    background: lightgray; 
}

/* スクロールバー本体の色 */
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: darkslategray; 
    border-radius: 6px;
    border: 2px solid gray;
}


/* 無料プレゼントのバナーの高さ　*/
.present-banner img{
	height:200px;
	width:auto;
}