@charset "utf-8";


/* body#home-index
----------------------------------------------------------------------- */
/*
body#home-index #header h1 { background-image: url(../img/v2-header-pane.jpg); }
body#home-index #header p { left: 180px; background-image: url(../img/v2-header-ccs.jpg); width: 800px; height: 790px; }
body#home-index #main { margin-top: 606px; }
body#home-index #content .cabinets { position: absolute; top: -180px; right: 20px; z-index: 1000; }
*/

/* 黒文字＋青枠 */
body#home-index #content > .closing-message { margin: 2.75em 0; padding: 1em; border: 2px solid #0077ef; border-radius: 1em; color: #373737; line-height: 2; text-align: center; font-size: 15px; font-weight: 600; }
body#home-index #content > .closing-message p { margin: 1em 0; }
body#home-index #content > .closing-message .time b { display: inline-block; margin: 0.5em 0; padding: 0.5em 1.25em; background: #474747; color: #fff; border-radius: 0.5em; }
body#home-index.is-sp #content > .closing-message { font-size: 2.3438vw; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body#home-index.is-not-sp #content > .closing-message .only_sp { display: none; }

body#home-index #content > .thanks { margin: 0 -30px; }
body#home-index #content > .thanks img { width: 100%; vertical-align: bottom; }

body#home-index #content .wrap { padding-top: 30px; }
body#home-index #content .wrap p:first-child { margin-top: 0; }
body#home-index #content .wrap p img { vertical-align: bottom; }

body#home-index #content .wrap .fore-ban { margin-top: 20px; text-align: center; }
body#home-index #content .wrap .fore-ban img { vertical-align: bottom; }


body#home-index #content .wrap .tweet { margin: -30px; padding: 24px 70px; height: 220px; min-height: 220px; background: #222; border-top: 1px solid #333; }
body#home-index #content .wrap .tweet a { color: #333; text-decoration: none; }
body#home-index #content .wrap .tweet iframe { vertical-align: bottom; }

body#home-index #content .wrap .tweet.mod-disable-widget { padding: 24px; background-color: #111; text-align: center; }
body#home-index #content .wrap .tweet.mod-disable-widget .button { display: inline-block; padding: 4px 24px 4px 16px; background-color: #e70; color: #fff; border-radius: 30px; font-size: 15px; border: 2px solid #000; transition: 0.3s; }
body#home-index #content .wrap .tweet.mod-disable-widget .button:hover { background-color: #f80; box-shadow: 0 0 12px rgba(255,255,0,0.1); }
body#home-index #content .wrap .tweet.mod-disable-widget .button i { margin: -4px 0; display: inline-block; width: 40px; height: 40px; vertical-align: middle; }

/*
body#home-index #content .wrap .tweet { margin: -30px -30px 30px -29px; padding: 24px 70px; height: 220; min-height: 220; background: #000; border: 1px solid #303030; }
body#home-index #content .wrap .tweet em { margin-bottom: 8px; font-size: 20px; font-weight: bold; color: #666; text-align: center; border-bottom: 2px solid #666; display: block; }
body#home-index #content .wrap .tweet a { color: #303030; font-size: 11px; text-decoration: none; }
body#home-index #content .wrap .tweet iframe { vertical-align: bottom; }
.timeline-Tweet-text { font-size: 12px!important; }
*/

body#home-index #content .update dl,
body#home-index #content .ver2update dl { margin-top: 11px; padding-right: 10px; line-height: 1.25; overflow: auto; }
body#home-index #content .update dl,
body#home-index #content .ver2update dl { height: 180px; }
body#home-index #content .update dl dt,
body#home-index #content .ver2update dl dt { padding: 5px 0; border-bottom: 1px solid #888888; color: #888888; font-size: 11px; }
body#home-index #content .update dl dd,
body#home-index #content .ver2update dl dd { padding: 8px 0 8px 12px; border-bottom: 1px dotted #cccccc; background: url(../img/wn-label.png) left 10px no-repeat; }

body#home-index #content .bnrcap span { margin-top: .5em; display: block; text-align: center; }

body#home-index #content .wrap .fore-ban a:hover img { opacity: 1; -webkit-animation: flash 1s; animation: flash 1s; }
@-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } }
@keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } }


/* body#home-index .problem-pane
----------------------------------------------------------------------- */
body#home-index .problem-pane { margin-top: 20px; padding: 15px; border: 3px double #cccccc; color: #000000; background-color: #ffffff; }
body#home-index .problem-pane dl dt { padding: 5px; line-height: 1.25; color: #ffffff; background-color: #444444; font-size: 13px; }
body#home-index .problem-pane dl dt em { margin: -5px 10px 0 -5px; padding: 5px 10px; border-right: 1px solid #ffffff; display: block; float: left; width: 65%; background-color: #e00000; }
body#home-index .problem-pane dl dd { margin-top: 20px; font-size: 13px; }
body#home-index .problem-pane dl dd p { margin-top: 1.5em; }
body#home-index .problem-pane dl dd ul,
body#home-index .problem-pane dl dd ol { margin: 1.5em 0 0 2em; }
body#home-index .problem-pane dl dd blockquote { margin: 1em 0 -.5em 0; padding: .5em; border: 1px dashed #888888; background-color: #f0f0f0; }
body#home-index .problem-pane dl dd .term { margin: .5em 0 0 0; padding: .5em; display: block; background-color: #e8e8e8; }

body#home-index .problem-pane dl dd .detail em { margin: 1em 0 0 0!important; display: block; }
body#home-index .problem-pane dl dd .detail ul { margin-top: 0!important; margin-left: 2em!important; }


/* #front-slider
----------------------------------------------------------------------- */
#front-slider { margin-top: 32px; }
#front-slider .slider-menu { margin-top: 8px; padding: 0 32px; }
#front-slider .slider-menu .slick-arrow { border: none; position: absolute; background-color: transparent; width: 32px; height: 46px; appearance: none; -webkit-appearance: none; outline: none; overflow: hidden; text-indent: -999px; cursor: pointer; }
#front-slider .slider-menu .slick-arrow:after { margin-top: -.5em; position: absolute; display: block; top: 50%; left: 0; right: 0; line-height: 1; color: #ddd; font-size: 24px; font-family: FontAwesome; text-indent: 0; }
#front-slider .slider-menu .slick-arrow:hover:after { color: #fb0; }
#front-slider .slider-menu .slick-arrow.slick-prev { top: 0; left: 0; border-radius: 4px 0 0 4px; }
#front-slider .slider-menu .slick-arrow.slick-next { top: 0; right: 0; border-radius: 0 4px 4px 0; }
#front-slider .slider-menu .slick-arrow.slick-prev:after { text-align: left; content: "\\f053"; }	/* .fa-chevron-left */
#front-slider .slider-menu .slick-arrow.slick-next:after { text-align: right; content: "\\f054"; }	/* .fa-chevron-right */
#front-slider .slider-menu .slick-slide { margin: 0; outline: none; cursor: pointer; }
#front-slider .slick-dots { margin-top: 8px; list-style: none; text-align: center; }
#front-slider .slick-dots li { margin: 0; padding: 0 6px; display: inline-block; text-align: center; }
#front-slider .slick-dots li button { margin: 0; border: none; display: inline-block; width: 10px; height: 10px; background-color: #ddd; border-radius: 5px; appearance: none; -webkit-appearance: none; outline: none; overflow: hidden; text-indent: -999px; cursor: pointer; }
#front-slider .slick-dots .slick-active button { background-color: #fb0; }
#front-slider .slick-slide { outline: none; }