/* CSS Document */

/* -----------------------------------------
 *
 * Table of Contents:
 *
 * 0.0 - tags
 * 1.0 - Repeatable Patterns
 * 2.0 - page Layout
 * 3.0 - 
 ----------------------------------------- */

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

	0.0 - tags

-----------------------------------------*/
body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
header {
	background: #000;
	border-bottom: 1px solid #FFF;
	-webkit-background-size: 4px 4px;
	padding: 6px 10px 6px 10px;
	height: 30px;
	overflow: hidden !important;
}
a:hover img {
	opacity: 0.7;
}
.nav {
	background: #231816;
}
/* -----------------------------------------

	1.0 - Repeatable Patterns

-----------------------------------------*/
#contents-special {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 1.6;
}
#contents-special .w-base {
	max-width: 640px;
	margin: auto;
}
#contents-special .att {
	color: #FF0000;
}
#contents-special .ov-h {
	overflow: hidden;
}
#contents-special .fl {
	float: left;
}
#contents-special .fr {
	float: right;
}
#contents-special .al {
	text-align: left;
}
#contents-special .ar {
	text-align: right;
}
#contents-special .p-rel {
	position: relative;
}
#contents-special .p-abs {
	position: absolute;
}
#contents-special .w-100 {
	width: 100%;
}
#contents-special .mb1 {
	margin-bottom: 3%;
}
#contents-special .mb2 {
	margin-bottom: 5%;
}
#contents-special .mb3 {
	margin-bottom: 6%;
}
#contents-special .mb4 {
	margin-bottom: 8%;
}
#contents-special .mb5 {
	margin-bottom: 13%;
}
#contents-special .w10 {
	width: 10%;
}
#contents-special .w15 {
	width: 15%;
}
#contents-special .w20 {
	width: 20%;
}
#contents-special .w23 {
	width: 23.75%;
}
#contents-special .w25 {
	width: 25%;
}
#contents-special .w26 {
	width: 26.25%;
}
#contents-special .w30 {
	width: 30%;
}
#contents-special .w35 {
	width: 35%;
}
#contents-special .w40 {
	width: 40%;
}
#contents-special .w50 {
	width: 50%;
}
#contents-special .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#contents-special .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#contents-special .att_zeikomi {
	font-size: 85%;
	padding: 20px 10px;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#contents-special #social_btn {
	width: 100%;
	text-align: center;
}
#contents-special #social_btn > div {
	display: inline-block;
	vertical-align: top;
}
#contents-special #social_btn span {
	vertical-align: top;
}
#contents-special #social_btn .fb_iframe_widget > span {
	vertical-align: baseline !important;
}
#contents-special #btn-nav {
	text-align: right;
}
#contents-special #btn-nav a {
	display: inline-block;
	width: 13%;
	padding: 10px 10px 0 0;
}
#contents-special nav {
	top: 40px;
	width: 100%;
	max-width: 640px;
	position: absolute;
	z-index: 3000;
}
#contents-special .fixed {
	position: fixed !important;
}
#contents-special #nav.fixed {
	top: 0px !important;
}
#contents-special #nav-toggle {
	display: none;
	border-top: 1px solid #FFF;
}
#contents-special #nav-toggle li {
	border-bottom: 2px solid #FFF;
}
#contents-special #nav-toggle li a {
	display: block;
	padding: 10px;
	color: #333;
}
#contents-special #nav-toggle .l01 a {
	background: #DDD;
}
#contents-special #nav-toggle .l02 a {
	background: #DDD;
}
#contents-special #nav-toggle .l03 a {
	background: #DDD;
}
#contents-special #nav-toggle .l04 a {
	background: #DDD;
}
#btn-nav {
	text-align: right;
}
#btn-nav a {
	display: inline-block;
	width: 13%;
	padding: 10px 10px 0 0;
}
#nav {
	top: 40px;
	width: 100%;
	max-width: 640px;
	position: absolute;
	z-index: 3000;
}
.fixed {
	position: fixed !important;
}
#nav.fixed {
	top: 0px !important;
}
#nav-toggle {
	display: none;
	border-top: 1px solid #FFF;
}
#nav-toggle li {
	border-bottom: 2px solid #FFF;
}
#nav-toggle li a {
	display: block;
	padding: 10px;
	color: #333;
}
#nav-toggle .l01 a {
	background: #808091;
	color: #FFF;
}
#nav-toggle .l02 a {
	background: #B4808B;
	color: #FFF;
}
#nav-toggle .l03 a {
	background: #445C80;
	color: #FFF;
}
#nav-toggle .l04 a {
	background: #78A4C8;
	color: #FFF;
}
#nav-toggle .l05 a {
	background: #333;
	color: #FFF;
}
/* -----------------------------------------

2.0 - page Layout

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

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

3.0 - 
	
-----------------------------------------*/
.sp {
	display: none;
}
.pc {
	display: block;
}

@media (max-width: 640px) {
.sp {
	display: block;
}
.pc {
	display: none;
}
}





















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

	3.0 - Page setting
	
-----------------------------------------*/


#section-01,#section-02{
	padding: 15px;
}


.indent{
	padding-left:1em;
	text-indent:-1em;
}