@charset "UTF-8";

/* -----------------------------------------------
FileName: lp.css
----------------------------------------------- */

/* .lp */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); 
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

.lp #content {
	width:1000px;
	color:#1E1E1E;
	margin:0 auto 0 auto;
	font-family: 'Noto Sans Japanese', serif;
	font-size:14px;
}

.lp #keyImg {
	margin:0 auto 60px auto;
}

.lp #responsiveTabsDemo h4 {
	text-align: center;
	margin: 0 0 25px 0;
}

.lp #responsiveTabsDemo li {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 1.5em;
}

.lp #responsiveTabsDemo li span {
	font-family: 'Lato', sans-serif;
	font-size: 0.8em;
	font-weight: 700;
}

.lp #responsiveTabsDemo dl {
	margin: 0 0 10px 0;
}

.lp #responsiveTabsDemo dt {
	float: left;
}

.lp #responsiveTabsDemo dd {
	padding: 0 0 0 150px;
}

.lp #caution {
	color: #969696;
	text-align: center;
	margin: 50px 0 0 0;
}

/* Tabs container */

.r-tabs {
	margin: 0 auto;
	width: 600px;
	position: relative;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 14px;
	color: #1E1E1E;
}

* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #87C8DC;
	text-shadow: none;
	background-color: white;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
	background-color: white;
	border-bottom: 4px solid white;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	background: #C8E6F5;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #87C8DC;
	color: #fff;
	text-shadow: none;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}

/* Buttons */
button {
	display:inline-block;
	margin-top: 10px;
	padding: 10px 20px;
	line-height: 100%;

	color: #fff;
	font-size: 14px;
	text-align: center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	vertical-align: middle;
	font-weight: bold;
	
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #00c5ad;
	box-shadow: 0px 3px 0px 0px #00ab94;
	
	cursor: pointer;
}

/* Info bar */
.info {
	display:inline-block;
	margin-top: 10px;
	padding: 10px 20px;
	width: 300px;
	line-height: 100%;

	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
	font-size: 14px;
	color: #00c5ad;
	border: 2px solid #00ab94;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;

	cursor: pointer;
} 

#responsiveTabsDemo ul {
	border-bottom: 1px #1E1E1E dashed;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#responsiveTabsDemo li {
 	width: 150px;
	margin: 0;
	padding: 0;
	text-align: center;
 }
 
#tab-1,#tab-2,#tab-3 {
	padding: 20px 0 10px 0;
}