@charset "UTF-8";

#ly-Title { margin-top:80px; position:relative; background-color:#ddd; background-position:center center; background-repeat:no-repeat; background-size:cover; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; }
#ly-Title div.frame { margin-left:auto; margin-right:auto; }
#ly-Title div.frame h1 { font-weight:900; text-align:center; color:#555; line-height:1; color:#fff; }
#ly-Title div.frame p { text-align:center; color:#dadada; }
#ly-Title div.frame p span { display:block; }

#ly-Navi-Sub li button { width:100%; display:block; color:#aaa; border:none; background-color:transparent; font-weight:900; text-decoration:none; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; }

#ly-Sections div.frame header h1 { font-weight:900; color:#333; }
#ly-Sections div.content > *:first-child { margin-top:0 !important; }
#ly-Sections div.content h2 { font-weight:900; color:#333; }
#ly-Sections div.content p,
#ly-Sections div.content dd,
#ly-Sections div.content li { line-height:1.6; }
#ly-Sections div.content li:not(:first-of-type) { margin-top:4px; }

aside[data-type='search'] { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
aside[data-type='search'] form { display:-ms-flexbox; display:flex; margin:auto; }
aside[data-type='search'] fieldset { border:none; }
aside[data-type='search'] div.flex { display:-ms-flexbox; display:flex; margin:auto; }
aside[data-type='search'] input[type='text'] { width:100%; min-width:1px; padding-left:8px; padding-right:8px; border:1px solid #aaa; border-right:none; }
aside[data-type='search'] select { border:1px solid #aaa; border-right:none; }
aside[data-type='search'] button { border:1px solid #aaa; background-color:#fff; padding:8px 24px; font-weight:700; }
aside[data-type='search'] button:focus,
aside[data-type='search'] button:hover { background-color:#666; border-color:#666; color:#fff; }
aside[data-type='search'] button[data-execute='cancel']:focus,
aside[data-type='search'] button[data-execute='cancel']:hover { background-color:#a22929; border-color:#a22929; color:#fff; }
aside[data-type='search'] button[data-execute='submit']:focus,
aside[data-type='search'] button[data-execute='submit']:hover { background-color:#2929a2; border-color:#2929a2; color:#fff; }
aside[data-type='search'] button:not(:first-of-type) { margin-left:10px; }

aside[data-type='side-button'] { display:-ms-flexbox; display:flex; }
aside[data-type='side-button'].top { margin-bottom:20px; }
aside[data-type='side-button'].bottom { margin-top:20px; margin-bottom:40px ;}
aside[data-type='side-button'].center { -ms-flex-pack:center; justify-content:center; }
aside[data-type='side-button'].left { -ms-flex-pack:left; justify-content:left; }
aside[data-type='side-button'].right { -ms-flex-pack:right; justify-content:right; }
aside[data-type='side-button'] button { border:1px solid #dadada; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, .1); background-color:#fff; padding:8px 24px; font-weight:700; }
aside[data-type='side-button'] button:focus,
aside[data-type='side-button'] button:hover { background-color:#666; border-color:#666; color:#fff; }
aside[data-type='side-button'] button[data-execute='delete']:focus,
aside[data-type='side-button'] button[data-execute='delete']:hover { background-color:#a22929; border-color:#a22929; color:#fff; }
aside[data-type='side-button'] button[data-execute='submit']:focus,
aside[data-type='side-button'] button[data-execute='submit']:hover { background-color:#2929a2; border-color:#2929a2; color:#fff; }
aside[data-type='side-button'] button:not(:first-of-type) { margin-left:10px; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:799.99px) {
    #ly-Title div.frame { padding-top:40px; padding-bottom:40px; }
	#ly-Title div.frame h1 { font-size:2em; }
	#ly-Title div.frame p { display:none; }

    #ly-Navi-Sub { width:100%; background-color:#fff; box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05); }
    #ly-Navi-Sub li button { padding-top:10px; padding-bottom:10px; }
	#ly-Navi-Sub li button:focus,
	#ly-Navi-Sub li button:hover { color:#222; background-color:#fafafa; }
	#ly-Navi-Sub li button.active { color:#fff; background-color:#ff7575; }

	#ly-Sections div header h1 { font-size:1.8em; }
	#ly-Sections div.content h2 { font-size:1.3em; }

	aside[data-type='search'] select { width:100px; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1019.99px) {
	#ly-Sections div.frame header h1:last-child,
	#ly-Sections div.frame header p:last-child { margin-bottom:30px; }
	#ly-Sections div.content h2 { margin-top:30px; margin-bottom:15px; }

	aside[data-type='search'] { margin-top:30px; margin-bottom:30px; }
}

/* Tablet */
@media screen and (min-width:800px) and (max-width:1019.99px) {
    #ly-Title { height:200px; }
	#ly-Title div.frame h1 { font-size:2.5em; }
	#ly-Title div.frame p { font-size:1.1em; margin-top:15px; }

    #ly-Navi-Sub { width:100%; height:70px; background-color:#fff; box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05); }
    #ly-Navi-Sub ul { height:70px; }
    #ly-Navi-Sub li { height:100%; -ms-flex:1; flex:1; }
    #ly-Navi-Sub li button { width:100%; height:100%; display:block; border-bottom:3px solid transparent; color:#aaa; font-weight:bold; text-decoration:none; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; }

	#ly-Sections div header h1 { font-size:2em; }
	#ly-Sections div.content h2 { font-size:1.4em; }
}

/* Tablet & Desktop */
@media screen and (min-width:800px) {
	#ly-Title div.frame p span { line-height:1.4; }

    #ly-Navi-Sub ul { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; }
	#ly-Navi-Sub li button:focus,
	#ly-Navi-Sub li button:hover { color:#222; background-color:#fafafa; }
	#ly-Navi-Sub li button.active { color:#f33; border-color:#ff7575; }
}

/* Desktop */
@media screen and (min-width:1020px) {
	#ly-Title div.frame h1 { font-size:3.5em; }
	#ly-Title div.frame p { font-size:1.1em; margin-top:30px; }

    #ly-Navi-Sub { height:80px; background-color:#fff; box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05); }
    #ly-Navi-Sub ul { height:80px; }
    #ly-Navi-Sub li { height:100%; -ms-flex:1; flex:1; }
    #ly-Navi-Sub li button { height:100%; border-bottom:3px solid transparent; font-size:1.1em; }

	#ly-Sections div.frame header h1:last-child,
	#ly-Sections div.frame header p:last-child { margin-bottom:40px; }
	#ly-Sections div.content h2 { margin-top:40px; margin-bottom:20px; }

	aside[data-type='search'] { margin-top:40px; }
}

/* Desktop : 1020 */
@media screen and (min-width:1020px) and (max-width:1219.99px) {
    #ly-Title { height:240px; }

	#ly-Sections div header h1 { font-size:2.2em; }
	#ly-Sections div.content h2 { font-size:1.5em; }
}

/* Desktop : 1220 */
@media screen and (min-width:1220px) {
    #ly-Title { height:300px; }
	#ly-Title div.frame { width:1200px; margin-left:auto; margin-right:auto; }

    #ly-Navi-Sub { width:1200px; }
    #ly-Navi-Sub { margin-top:-40px; margin-left:-600px; position:absolute; left:50%; }

	#ly-Sections div header h1 { font-size:2.5em; }
	#ly-Sections div.content h2 { font-size:1.6em; }
}