@charset "utf-8";
/* CSS Document */

body {
	padding-top:100px;
	color:#614230;
	background-color:#FCEFDE;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
a {
	color: #F14970;
	text-decoration: none;
}
p:last-child {
	margin-bottom:0;
}
.container {
	width:930px;
}
.navbar-review {
	background:#614230;

}
.navbar-review a {
	color:#fff;
}

.navbar-nav > li > a {	font-size:16px;}

.nav > li > a:hover, .nav > li > a:focus , .navbar-nav > .active > a {
	background-color:#E1496B;
	color:#fff;
}
.nav > li > a {
	padding:20px 15px;
}
.nav > li.active {
	background-color:#E1496B;
	color:#fff;
}
.navbar-toggle {
	background-color:#fff;
}
.navbar-toggle .icon-bar {
	background-color:#F14970
}
.navbar .open .dropdown-menu > li > a {
	color: #333;
}
.submenu {
	background-color:#fff;
	font-size:10px;
	padding:2px 0;
}
.submenu .container .nav.nav-pills li a {
	padding: 5px;
	color:#614230
}
.submenu .container .nav.nav-pills li a:hover {
	background:#614230;
	color:#fff;
	border-radius:0;
}
.header {
	background-image: url(/static/campaign/book/20160401/images/back.gif);
	background-repeat: repeat;
	padding:30px 0 0;
	margin-bottom:10px;
}
section {
	margin-bottom:60px;
}
h1 {
	  border-bottom:  none;
	   padding: 0 0 0;
	   margin:0;
}
h2 {
	background-image:url(/static/campaign/book/20160401/images/h2.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
	padding-top:30px;
	border-bottom:none;
	margin:0 0 15px;
}
h3 {
	font-size:16px;
	padding:0;
	margin:0 0 8px;
	height: 2.4em;
}
h4 {
	font-size:14px;
	padding:8px;
	margin:0 0 8px;
	background-color:#fff;
}

h5 {
	font-size:16px;
	padding:8px;
	margin:40px 0 8px;
	background-color:#846859;
	color:#fff;
	font-weight:bold;
}
.btn-review {
	background-color:#F14970;
	color:#fff;
}
.btn-review:hover {
	background-color:#D52455;
	color:#fff;
}
.price {
	height: 9em;
}
.photo {
	margin-right:8px;
}
.embed-responsive {
	margin:15px 0;
	  -webkit-transition: 0.5s ease-in-out;


}

.embed-responsive .movie {
	position:relative;
}
.embed-responsive img:hover {
	cursor:pointer;
	  opacity: 0.7;
}


.embed-responsive .play {
  position: absolute;
 top:0;
   right:0px;
   bottom:0px;
   left:0;
   margin:auto auto;
}

.border {
	border-bottom:#F2BE77 solid 1px;
	padding-bottom:20px;
	margin-bottom:20px;
}
.border:last-child {
	padding-bottom:20px;
}
#about, #message, #detail, #present, #business, #problem, #marketing, #framework, #product, #company, #model, #how, #book, #study, #rich {
	margin: -100px 0 0;
	padding: 100px 0 0;
}
footer h2 {
	background-image:none;
	padding-top:0;
	text-align:left
}

.winner {
	border:#F7C500 2px solid;
	padding:15px;
	background:#fff;
	font-size:16px;
}


h4.taisho {
	background:#F14970;
	color:#fff;
	font-size:18px;
	padding:5px;
}

h4.yushu {
	background:#25A7DF;
	color:#fff;
		font-size:18px;
	padding:5px;
}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
 .container {
 width:auto;
}
}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	 body {
 padding-top:60px;
}

.navbar-collapse.in {
 overflow: inherit;
}
h2 {
 font-size:23px;
}
 .dropdown:hover .dropdown-menu {
 display: block;
}


h3 ,.price {
	height:auto;
}

 .submenu {
 display:none;
}
}

/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 600px) {
		 body {
 padding-top:50px;
}

	 .nav > li > a {
 padding: 10px 15px;
}


 h3 {
 text-align:center;
}
.border {
 border-bottom: none;
 padding-bottom:0;
 margin-bottom:0;
}
.block {
 border-bottom:#F2BE77 solid 1px;
 margin-bottom:20px;
 padding-bottom:20px;
 overflow:hidden;
}
}

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {