@charset 'utf-8';



/*--------------------------------------------------
	Layout_overwrite
--------------------------------------------------*/

.site_container { width: 100%; min-width: auto; }
.head_container_inner { width: 100%; max-width: 1040px; }
.main_container_inner { width: 100%; max-width: 1000px; }
.foot_container_inner { width: 100%; max-width: 1040px; }



/*--------------------------------------------------
	Tsume_shogi_guide
--------------------------------------------------*/

h2 { margin-bottom: 20px; padding: 5px 10px; font-size: 24px; font-weight: normal; color: #fff; line-height: 1.5; border-radius: 8px; background: #d68d1a; }
h3 { margin-bottom: 0px; font-size: 20px; border-bottom: 1px solid #ccc; }
h4 { margin-bottom: 0px; font-size: 16px; border-bottom: 1px dotted #ccc; }
p { padding: 10px 0; font-size: 14px; line-height: 1.8; }
ul { padding: 10px 0; margin-bottom: 20px; }
li { position: relative; padding: 0 0 0 15px; }
li::before { position: absolute; left: 0; top: 0; content: '・'; }

.tsume_shougi_guide { margin-top: 40px; margin-bottom: 20px; padding: 20px; background: #fff; }

.one_inner { margin-bottom: 40px; }
.cap { margin-bottom: 40px; }
.cap img { width: 280px; margin: 0 10px 10px 0; padding: 5px; border: 5px solid #eee; background: #fff; }
.column { margin-bottom: 20px; padding: 20px; border-radius: 6px; background: #ffe2b6; }
.column_ttl { position: relative; padding: 0 0 0 80px; font-size: 18px; font-weight: bold; line-height: 1.8; }
.column_ttl span { position: absolute; left: 0; top: 0; display: inline-block; padding: 2px 10px 0px 10px; font-size: 14px; color: #fff; background: #d10000; }

.focus { font-weight: bold; color: #d10000; }

.link { margin-bottom: 40px; padding: 10px; border-radius: 6px; background: #efefef; }

/*-- ボタン --*/
.btn_area { padding: 20px 0; text-align: center; }
.btn_area a { display: inline-block; margin-bottom: 5px; padding: 10px 20px; color: #fff; border-radius: 6px; background: #333; }
.btn_area a:hover { background: #444; }

/*-- ページ上部へ --*/
#movetop { z-index: 99999; position: fixed; right: 0px; bottom: 0px; display: none; }
#movetop a { position: relative; display:  block; text-decoration: none; width: 50px; height: 30px; padding-top: 20px; color: #fff; line-height: 1.5; text-align: center; background: #333; }
#movetop a::before { position: absolute; left: 50%; top: 5px; content: ''; width: 0px; height: 0px; margin-left: -8px; border: 8px solid transparent; border-bottom: 8px solid #fff; }
#movetop a:hover { background: #444; }

/*-- ページ判別 --*/
#page { display: none; }



/*--------------------------------------------------
	Color
--------------------------------------------------*/

/*-- ボタン --*/
.btn_area a { background: #d68d1a; }
.btn_area a:hover { background: #e0931f; }

/*-- ページ上部へ --*/
#movetop a { background: #d68d1a; }
#movetop a:hover { background: #e0931f; }



/*--------------------------------------------------
	R.W.D.
--------------------------------------------------*/
@media (max-width: 600px) {

	.cap { text-align: center; }
	.cap img { margin: 0 0 10px 0; }

}