/*
Theme Name: Write Up!
Theme URI: http://www.writeup.co.jp/
Description: Write Up! official site
Version: 1.0
Author: stove & lantern
Author URI: http://stoveandlantern.com
*/

/* --------------------------
 * adjustment
-------------------------- */
body {overflow-x: hidden;font-size:14px;line-height:24px;border-top: 2px solid #B41C22;}
.cf:before,.cf:after {content:"";display:table;}.cf:after {clear:both;}.cf {zoom:1;}
a.alpha img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;} a.alpha:hover img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

/* --------------------------
 * font
-------------------------- */

body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;}

.bold { font-weight:bold;}
.title { text-align:center;}
.jumbotron h1.title {font-family: 'Montserrat', sans-serif;font-weight: 700;}
.copyright {font-family: 'Roboto Condensed', sans-serif;font-weight: 400;}

/* --------------------------
 * layout
-------------------------- */

#wrapper { width:100%;}
#header {}
#header .navbar {padding: 0px;font-size: 16px;padding: 0px 0px;border: none;position: relative;margin: 0;}
#header .navbar .contact {position: absolute;display: block;height: 20px; width:475px; right:-10px; top: 20px; }
#header .navbar .contact ul {margin: 0;padding: 0;list-style: none;}
#header .navbar .contact ul li { display: block;text-align: center;margin: 0;padding: 0; float: left; border-left: 1px solid #eee; line-height: 20px;}
#header .navbar .contact ul li:first-child { border-left: none;}
#header .navbar .contact ul li a { display: block;width: 100%;color: #000000;  overflow: hidden;}
#header .navbar .contact ul li a:hover{}

#header .navbar .contact li.tel {width: 200px;font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 21px;color: #000000;}
#header .navbar .contact li.contlink {width: 210px;font-size: 14px;}
#header .navbar .contact li.facebook {width: 30px;font-size: 15px;}
#header .navbar .contact li.sitemap {width: 30px;font-size: 15px;}
#header .navbar-brand { display: block;width: 120px;height: 31px;margin: 0px;margin-top:20px; margin-bottom: 15px; overflow: hidden;background-image: url(images/logo.png);background-repeat: no-repeat;padding:0px;text-indent: -9999px;}
#header h2 { position: absolute;top: 10px; left: 140px; font-size: 11px;}

#slider { position: relative;}
#slider .item img{width: 100%;height: auto;}

.catch { text-align: center;}
.catch .fa {font-size: 120px; text-align: center;}
.catch h1 {margin-bottom: 30px; text-align: center;font-size: 30px;}
.catch .text {margin-bottom: 20px; text-align: center; font-size: 16px;line-height: 24px;}

.jumbotron { padding:30px 10px;margin-bottom: 0px;}
.jumbotron h1.title {font-size: 32px; margin-bottom:20px;}
.jumbotron h2.title {font-size: 14px; font-weight:bold;margin-bottom:40px;}
.jumbotron h3.lead{  padding: 0px; padding-bottom: 30px; text-align: center; font-size: 30px; line-height: 60px;}

.content .block { padding-bottom: 20px;}
.content .block h1 {font-size: 28px;margin:0; border-bottom: 1px dotted #CCC; padding-bottom: 20px; margin-bottom: 20px;}
.content .block h2 {font-size: 18px; font-weight:bold; margin:0;  padding-bottom: 10px;}
.content .block h1 .fa {margin-right: 10px;}
.content .block .text { margin-bottom: 30px;}
.embedWrap {text-align: center; margin-bottom: 30px;}

.footer { padding: 30px 0px 0px; }
.social { padding: 20px 0px; margin-top: 30px;}
.social ul { margin: 0;padding: 0; list-style-type: none; text-align: center;}
.social ul li { display: inline-block;*display: inline; *zoom: 1;}
.social ul li a {font-size: 36px; margin: 0 10px;}

.copyright {text-align: center; height: 50px; line-height: 50px;}
.privacymark {text-align: center;}
.privacymark img { width: 80px; height: auto;}
#pagetop { height: 30px; width: 30px;display: none; cursor: pointer; position: fixed;right: 30px; bottom: 96px; color: #FFF; text-align: center;line-height: 26px; font-size: 21px;}

.lrgBtn {height: 50px; padding: 30px 0px 85px; }
.lrgBtn ul {margin: 0;padding: 0;list-style:none;text-align: center;}
.lrgBtn ul li {display: inline-block;*display: inline;* zoom:1; height: 50px; line-height: 50px; margin:0 5px; }
.lrgBtn ul li a { display: block; padding: 0 50px;font-size: 18px;}
.lrgBtn ul li a:hover { text-decoration: none;}
.lrgBtn ul li a .fa { margin-right: 10px;}

/* ------------------------
 * color

main          => #B41C22

bg_light       => #F4F4F4
font           => #000000
font a         => #B41C22
font aho       => #93070E

------------------------ */

body{color: #000000;}
a {color:#B41C22;}
a:hover {color:#93070E;}

.BgMainColor { background-color: #B41C22; color:#FFF;}

#header {background-color: #FFF;}
#header .navbar {background-color: #FFF;}
#header .fa {color: #B41C22;}
#header .navbar .contact ul li a { color: #000000;}
#header .navbar .contact li.tel {color: #000000;}

.catch { color: #FFF;}
.content .block h1 .fa {color:#B41C22;}
.lrgBtn ul li a { background-color:#B41C22; color: #FFF;}
.lrgBtn ul li a:hover { background-color:#93070E;}

.footer { background-color: #F4F4F4;}
.social {background-color: #EEE; }
.social ul li a {color:#ccc; }
.social ul li a:hover {color:#D23B43;}
.copyright {background-color:#000000; color: #FFF; }
#pagetop { background-color:#93070E; color: #FFF; }

/* --------------------------
 * mediaquery
-------------------------- */

@media (max-width: 992px) {
	#header h2 { display: none;}
}
@media (max-width: 767px) {
	#header .navbar .contact {display: none;}
	#header .navbar-brand { margin-top:12px; margin-left:10px; }
	.topic h3 {text-align: center;}
	.catch br { display: none;}
	.catch .text { text-align: left;}
	.jumbotron { padding:30px 30px;margin-bottom: 0px;}
	.jumbotron h3.lead {  padding: 0px; padding-bottom: 30px; text-align:left; font-size: 24px; line-height: 36px;}
	.jumbotron h3.lead br {display: none;}
	.content .block h1 {font-size: 24px; line-height: 36px;}
	.content .block h2 {line-height: 30px;}
	.embedWrap embed {width: 100%; height: auto; min-height: 240px;}
	.lrgBtn ul {margin: 0;padding: 0;list-style:none;text-align: center;}
	.lrgBtn ul li {display: block;height: 50px; line-height: 50px; margin:0px;margin-bottom: 10px; width: 100%;}
	.lrgBtn ul li a { display: block; background-color:#B41C22; color: #FFF;font-size: 18px; width: 100%;}
	.lrgBtn ul li a:hover { background-color:#93070E; text-decoration: none;}
	#header .navbar-nav { }
	#header .navbar-nav > li > a {display: block;padding: 10px;font-weight: normal;margin-top: 0px;margin-bottom:0px;color: #000000;}
	#header .navbar-nav > li > a:hover,
	#header .navbar-nav > li > a:focus {border-bottom:none;margin-bottom:0px;}
	#header .navbar-nav > li.navnon { display: block;}
}
@media (max-width: 480px) {
	.catch h1 {text-align: center; line-height: 30px; font-size: 21px;}
	.jumbotron { padding:30px 15px;margin-bottom: 0px;}
	.lrgBtn {margin: 0;}
	.lrgBtn ul li {display: block;width:100%;}
	.lrgBtn ul li a { width:100%;padding:0px;font-size: 18px; }
}

/* --------------------------
 * retina display
-------------------------- */

@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
	#header .navbar-brand {background-image: url(images/logo@x2.png); background-size: 120px 31px;}
}