@charset "utf-8";
/*
 * guide.css
 * version: 0.1
 *
 * Date: 2016-09-18
 */

/* 共通 */
article > header.local h2 { font-size: 20px; }
article > header.local ul.social li { margin-top: 5px; }

ul.share { text-align: right; letter-spacing: -1em; }
ul.share li { display: inline-block; letter-spacing: normal; margin: 0 2px; vertical-align: bottom; }
ul.share li.facebook a { color: #3B5997; }
ul.share li.twitter a { color: #55ACEE; }
ul.share li.googlePlus a { color: #DD4B39;}
ul.share li.hatena a { color: #0083D1; font-weight: bold; }
ul.share li.getPocket a { color: #EF4056; }
ul.share li i { width: auto; min-width: 16px; }
ul.share li span { margin-left: 10px; }
a.btnSlim { padding: 2px 20px; }
a.btnSlim:active { padding: 4px 20px 0; }
@media screen and (max-width: 800px) {
ul.share { text-align: center; margin: 0 10px 20px; }

header.local ul.social { display: block; text-align: center; }
}


/* 一覧 */
ul.itemFilters li span { width: 5em; float: left; clear: left; display: inline-block; padding: 2px; font-weight: bold; }
ul.itemFilters li ul { overflow: hidden; margin: 10px 0 0 6.5em;  }
ul.itemFilters li ul li { float: left; margin: 0 5px; }
ul.itemFilters li ul li a { border-bottom: 2px solid transparent; display: inline-block; padding: 2px 5px 0 5px; }
ul.itemFilters li ul li.current a { border-bottom-color: #38AFD4; }

ul.itemLists li span { margin-left: 5px; vertical-align: middle; }
ul.itemLists li span:first-child { margin-left: 0; }

/* ラインアップ */

h4 { margin-bottom: 5px; font-weight: bold; }
h4 + * { margin-top: 0; }
h5 { margin-bottom: 5px; font-size: 16px; }
h5 + div.tLayout { margin-top: 0; }


div.withImg p.img { width: 25%; }

table.tTimetables td { padding-top: 10px; padding-bottom: 10px; }
table.tTimetables td:first-child { padding-left: 0; width: 2em; }
table.tTimetables td:empty { width: 0; padding: 0; }
table.tTimetables td:last-child { text-align: right; padding-right: 0; }
table.tTimetables td a.btn { text-align: center; white-space: nowrap; }
table.tTimetables td .label { white-space: nowrap; }
table.tTimetables strong { font-weight: bold; }


ul.itemCasts li { display: inline-block; }
ul.itemCasts li:nth-last-child(n+2):after { content: '、';}


ul.btnsLearnMore { border-top: 1px solid #DDD; padding-top: 20px; text-align: right; }
ul.btnsLearnMore li { display: inline-block; }

.tLayout + ul.btnsLearnMore { padding-top: 10px; border: none; }

@media screen and (max-width: 800px) {
	div.withImg > div.txt { overflow: visible; }
	div.keyVisual { position: relative; }
	div.keyVisual p.img { width: auto; margin: 0 -10px 0; }
	div.keyVisual h3 { position: absolute; right: 0; bottom: 0; left: 0; margin: 0; border: none; background: rgba(0,0,0,0.5); padding: 20px; text-align: center; }
	div.keyVisual h3 a { color: #FFF; }
	div.keyVisual h3 a:after { background: none; border: 1px solid #FFF; }
	
	ul.withBurette li span { font-size: 10px; }

	ul.btnsLearnMore li { width: 50%; float: left; }
	ul.btnsLearnMore li a { display: block; text-align: center; }
	ul.btnsLearnMore li:first-child { margin-left: -5px; margin-right: 5px; }
	ul.btnsLearnMore li:last-child { margin-right: -5px; margin-left: 5px; }
	ul.btnsLearnMore li:first-child a { margin-left: 5px; }
	ul.btnsLearnMore li:last-child a { margin-right: 5px; }


}
@media screen and (max-width: 640px) {
	div.keyVisual p.img { margin: 0; }
}