@charset "UTF-8";
*{box-sizing:border-box;}

/* 横幅1200px以上 */
@media screen and (min-width: 1200px) {
	/* ３段組みの設定を記述 */ 
	.update{margin-left: 5%; margin-right: 5%; width:90%;}
	/* 更新情報 */
	ul.update {border: solid 2px #ffb03f; padding: 0.5em; position: relative; margin-top: 2em;}
	ul.update li {line-height: 1.5; padding: 0.5em 0 0.5em 3em; border-bottom: dashed 1px silver; list-style-type: none!important;}
	ul.update li:last-of-type {border-bottom: none;}
	ul.update li:before {/*リスト内のアイコン*/font-family: "FontAwesome"; content: "\f138";/*アイコン種類*/ position: absolute; left : 1.5em; /*左端からのアイコンまで*/ color: #ffb03f; /*アイコン色*/}
	ul.update li:after {/*タイトルタブ*/background: #ffb03f; color: #fff; font-weight: bold; position: absolute; left: -2px; bottom: 100%; padding: 1px 7px; content: "UPDATE";/*タブの文字*/ letter-spacing: 0.05em;/*字間*/} }

/* 横幅1199px以下〜1000px以上 */
@media screen and (max-width: 1199px) and (min-width: 1000px) {
	/* ３段組みの設定を記述 */ 
	.update{margin-left: 5%; margin-right: 5%; width:90%;}
	/* 更新情報 */
	ul {border: solid 2px #ffb03f; padding: 0.5em; position: relative; margin-top: 2em;}
	ul li {line-height: 1.5; padding: 0.5em 0 0.5em 3em; border-bottom: dashed 1px silver; list-style-type: none!important;}
	ul li:last-of-type {border-bottom: none;}
	ul li:before {/*リスト内のアイコン*/font-family: "FontAwesome"; content: "\f138";/*アイコン種類*/ position: absolute; left : 1.5em; /*左端からのアイコンまで*/ color: #ffb03f; /*アイコン色*/}
	ul li:after {/*タイトルタブ*/background: #ffb03f; color: #fff; font-weight: bold; position: absolute; left: -2px; bottom: 100%; padding: 1px 7px; content: "UPDATE";/*タブの文字*/ letter-spacing: 0.05em;/*字間*/} }

/* 横幅999px以下〜800px以上 */
@media screen and (max-width: 999px) and (min-width: 800px) {
	/* ３段組みの設定を記述 */ 
	.update{margin-left: 5%; margin-right: 5%; width:90%;}
	/* 更新情報 */
	ul {border: solid 2px #ffb03f; padding: 0.5em; position: relative; margin-top: 2em;}
	ul li {line-height: 1.5; padding: 0.5em 0 0.5em 3em; border-bottom: dashed 1px silver; list-style-type: none!important;}
	ul li:last-of-type {border-bottom: none;}
	ul li:before {/*リスト内のアイコン*/font-family: "FontAwesome"; content: "\f138";/*アイコン種類*/ position: absolute; left : 1.5em; /*左端からのアイコンまで*/ color: #ffb03f; /*アイコン色*/}
	ul li:after {/*タイトルタブ*/background: #ffb03f; color: #fff; font-weight: bold; position: absolute; left: -2px; bottom: 100%; padding: 1px 7px; content: "UPDATE";/*タブの文字*/ letter-spacing: 0.05em;/*字間*/} }

/* 横幅799px以下〜650px以上 */
@media screen and (max-width: 799px) and (min-width: 650px){
	/* ３段組みの設定を記述 */ 
	.update{margin-left: 5%; margin-right: 5%; width:90%;}
	/* 更新情報 */
	ul {border: solid 2px #ffb03f; padding: 0.5em; position: relative; margin-top: 2em;}
	ul li {line-height: 1.5; padding: 0.5em 0 0.5em 3em; border-bottom: dashed 1px silver; list-style-type: none!important;}
	ul li:last-of-type {border-bottom: none;}
	ul li:before {/*リスト内のアイコン*/font-family: "FontAwesome"; content: "\f138";/*アイコン種類*/ position: absolute; left : 1.5em; /*左端からのアイコンまで*/ color: #ffb03f; /*アイコン色*/}
	ul li:after {/*タイトルタブ*/background: #ffb03f; color: #fff; font-weight: bold; position: absolute; left: -2px; bottom: 100%; padding: 1px 7px; content: "UPDATE";/*タブの文字*/ letter-spacing: 0.05em;/*字間*/} }

/* 横幅649px以下 */
@media screen and (max-width: 649px) {
	/* ３段組みの設定を記述 */ 
	.update{margin-left: 5%; margin-right: 5%; width:90%;}
	/* 更新情報 */
	ul {border: solid 2px #ffb03f; padding: 0.5em; position: relative; margin-top: 2em;}
	ul li {line-height: 1.5; padding: 0.5em 0 0.5em 3em; border-bottom: dashed 1px silver; list-style-type: none!important;}
	ul li:last-of-type {border-bottom: none;}
	ul li:before {/*リスト内のアイコン*/font-family: "FontAwesome"; content: "\f138";/*アイコン種類*/ position: absolute; left : 1.5em; /*左端からのアイコンまで*/ color: #ffb03f; /*アイコン色*/}
	ul li:after {/*タイトルタブ*/background: #ffb03f; color: #fff; font-weight: bold; position: absolute; left: -2px; bottom: 100%; padding: 1px 7px; content: "UPDATE";/*タブの文字*/ letter-spacing: 0.05em;/*字間*/} }