@charset "UTF-8";

/* //////////////////////////////////////////////////
[Base]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
p,
blockquote,
th,
td,
form,
fieldset,
legend {
	margin: 0;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display:block;
	margin: 0;
	padding: 0;
}

div {
	outline: none;
}


/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	line-height: 1.2;
}


/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li {
	list-style: none;
}


/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}

caption,
th,
td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}


/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset {
	border: none;
}

input,
textarea,
select,
label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}

label {
	cursor: pointer;
}

textarea {
	overflow: auto;
}


/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: bottom;
}

object {
	vertical-align: middle;
	outline: none;
}

em,
strong {
	font-weight: bold;
	font-style: normal;
}

small {
	font-size: 100%;
}

abbr,
acronym {
	border: none;
	font-variant: normal;
}

q:before,
q:after {
	content: '';
}

address, caption,
cite,
code,
dfn,
var {
	font-weight: normal;
	font-style: normal;
}

code,
pre {
	font-family: monospace;
}

sup {
	position: relative;
	top: -0.25em;
	vertical-align: top;
}

sub {
	position: relative;
	bottom: 0.5em;
	vertical-align: bottom;
}

hr {
	display: none;
}


/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */
/* for ie7: page zoom bug fix */
*:first-child+html body,
*:first-child+html br {
	letter-spacing: 0;
}

/* hasLayout True */
h1, h2, h3, h4, h5, h6, p, address, blockquote,
ol, ul, li, dl, dt, dd, table, th, td, form, div,
header, footer, nav, section, aside {
	*zoom: 1;
}



/* //////////////////////////////////////////////////
[Init]
////////////////////////////////////////////////// */
html {
	font-size: 62.5%; /* 10px */
}

body {
	background: #FFFFFF;
	color: #333333;
	line-height: 1.5;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo","メイリオ",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.2rem;
}

.btn a:hover,
.btn a:active {
	filter: alpha(opacity=65);
	opacity: 0.65;
}

a:link,
a:visited {
	color: #1F3F7D;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #0099CC;
	text-decoration: underline;
}

/* //////////////////////////////////////////////////
[Layout]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Container
-------------------------------------------------- */

#container {
	margin: 0 auto;
}

/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
#header {
	background-color: #FFDA03;
	text-align: center;
}

#header a {
	display: block;
	padding: 10px 0;
}

/* --------------------------------------------------
	2. Contents
-------------------------------------------------- */
#content {
	margin: 0 auto;
	text-align: center;
}

#main {
	padding-bottom: 20px;
	background: url(../img/bg_main_01.png) repeat 0 0;
	background-size: 100px auto;
}

/* Home
--------------------------------------------------*/
.block-concept img {
	width: 100%;
	height: auto;
}

.block-referee {
	margin: 0 auto 20px;
	background-color: #FFDA03;
}

.block-referee h2 {
	padding: 5px 0 5px 10px;
	background-color: #5BAC02;
	text-align: left;
}

.block-referee .unit-member a {
	display: block;
	padding: 10px 0;
}

.block-member {
	margin: 0 auto;
}

.block-member .unit-btn-tab {
	width: 100%;
	margin: 0 auto 10px;
	border-top: 1px solid #5BAC02;
	border-bottom: 1px solid #5BAC02;
}

.block-member .unit-btn-tab:after {
	display: block;
	content: "";
	clear: both;
}

.block-member .unit-btn-tab li {
	float: left;
	width: 50%;
	background-color: #FFDA03;
}

.block-member .unit-btn-tab li.current {
	background-color: #5BAC02;
}

.block-member .unit-btn-tab li a {
	display: block;
	padding: 6px 0;
}

.block-member h2 {
	margin: 0 auto 10px;
	padding-left: 10px;
	text-align: left;
}

.block-member .unit-members {
	width: 300px;
	margin: 0 auto;
}

.block-member .unit-members:after {
	display: block;
	content: "";
	clear: both;
}

.block-member .unit-members li {
	float: left;
	width: 145px;
	margin-bottom: 10px;
}

.block-member .unit-members li:nth-child(odd) {
	margin-right: 10px;
}

/* Detail
--------------------------------------------------*/
#content.detail {
	background-color: #E6F9D5;
}

#content.detail #main {
	background: none;
}

.block-detail {
	overflow: hidden;
	width: 320px;
	margin: 0 auto;
}

.block-detail .detail-inner {
	width: 100%;
}

.block-detail .detail-inner:after {
	display: block;
	content: "";
	clear: both;
}

.block-detail .unit-detail {
	position: relative;
	float: left;
	width: 320px;
	padding: 20px 10px;
	box-sizing: border-box;
	text-align: left;
}

.block-detail .unit-detail .photo {
	margin: 0 auto 20px;
	text-align: center;
}

.block-detail .unit-detail .photo:before {
	display: inline-block;
	position: absolute;
	top: 120px;
	left: 0;
	content: "";
	width: 25px;
	height: 25px;
	background: url(../img/btn_prev_01.png) no-repeat 0 0;
	background-size: 25px auto;
}

.block-detail .unit-detail .photo:after {
	display: inline-block;
	position: absolute;
	top: 120px;
	right: 0;
	content: "";
	width: 25px;
	height: 25px;
	background: url(../img/btn_next_01.png) no-repeat 0 0;
	background-size: 25px auto;
}

.block-detail .unit-detail .ttl-name {
	margin: 0 auto 20px;
}

.block-detail .unit-detail .ttl-comment {
	margin: 0 auto 10px;
	font-size: 1.4rem;
}

.block-detail .unit-detail p {
	margin: 0 auto 10px;
}

.btn-back {
	background-color: #66BB1F;
	text-align: center;
}

.btn-back a {
	display: block;
	padding: 12px 0;
}

.block-message {
	width: 320px;
	margin: 0 auto;
	padding: 20px 10px;
	box-sizing: border-box;
	text-align: left;
}

/* Message
--------------------------------------------------*/
.block-message h2 {
	margin: 0 auto 10px;
	color: #66BB1F;
	font-size: 1.6rem;
}

.block-message .align-r {
	margin: 0 auto 20px;
}


/* --------------------------------------------------
	3. Footer
-------------------------------------------------- */
.btn-message {
	margin: 0 auto;
	text-align: center;
	background-color: #DCDEE2;
}

.btn-message a {
	display: block;
	padding: 10px 0;
}

#footer {
	padding: 10px 0;
	background-color: #FFDA03;
	text-align: center;
	color: #FFF;
}

#footer .copyright {
}


/* Social
--------------------------------------------------*/

#footer ul.social-sp {
	overflow: hidden;
	width: 210px;
	margin: 0 auto 5px;
}

#footer ul.social-sp li{
	float: left;
}

#footer ul.social-sp iframe {
	margin: 0 !important;
}


/* //////////////////////////////////////////////////
[Module]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	Clearfix
-------------------------------------------------- */
.group { *zoom: 1; } /* for ie6/7 */
.group:after { content: ""; display: block; clear: both; }


.align-l {
	text-align: left;
}

.align-r {
	text-align: right;
}