@charset "utf-8";

.sidebar {
    padding-top: 10px;
}

section.widget {
    margin-bottom: 30px;
}

section.widget h3 {
/*    font-size: 14px;*/
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


section.widget li {
    display: block;
    border-bottom: 1px dashed #666;
    padding-bottom: 8px;
    margin-bottom: 8px;
}



/* **************************************************** */
/* メディアクエリ
/* **************************************************** */

@media screen and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
}
@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
}

	/* デフォルト：479px以下用（スマートフォン用）の記述 */
@media screen and (min-width: 480px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 768px) {
	/* 768px以上用（タブレット用）の記述 */
}
@media screen and (min-width: 980px) {
	/* 980px以上用（PC用）の記述 */
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	/* 768px - 979px用（タブレット用）の記述 */
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
}