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

/*
@font-face {0
	font-family: "hannari";
	src: url('Hannari.eot');
	src: url('Hannari.eot?#iefix') format('embedded-opentype'),
		 url("Hannari.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

body, fieldset, input, select, option, textarea, pre {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'ＭＳＰゴシック', Arial, verdana, sans-serif;
	letter-spacing:0.05em;
	line-height:1.5;
	word-wrap: break-word;
/*	font-size:1rem;*/
}

h1 {font-size:150%;}
h2 {font-size:133%;}
h3 {font-size:113%;}
h4 {font-size:100%;}
h5 {font-size:88%;}
h6 {font-size:75%;}

.sp h1 {font-size:133%;}
.sp h2 {font-size:113%;}
.sp h3 {font-size:100%;}
.sp h4 {font-size:88%;}
.sp h5 {font-size:75%;}
.sp h6 {font-size:67%;}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0 0 0.5em;
	line-height:2em;
/*	font-weight:200;*/
	font-weight:bold;
}

p, .content_box li {
	margin:0;
	padding-bottom:1em;
}

footer p {
	padding:0 1em 0 0;
}

article a, .content_box a {
	text-decoration:underline;
}

.navbar-brand {font-size:100%;}

.navbar-default .navbar-brand:hover {
	color:#fff;
}

@media screen {
	
	header a,
	footer a,
	header .navbar-brand,
	header .navbar-nav > li > a
	{
		height:50px;
		line-height:46px;
	
		box-sizing:border-box;
		padding-top:2px;
		padding-bottom:2px;
	}
	
	header .navbar-nav a span {
		display:block;
		margin: 0 auto;
		line-height:1.2;
		text-align:center;
	}
	
	header .navbar-nav a span.glyphicon {
		font-size:1.5em;
	}
	
	#main {
		font-size:1.5rem;
	}
}

.navbar-brand img {
	display:inline-block;
	padding-right:1em;
	vertical-align:top;
}

header a, footer a, .navbar-default .navbar-nav > li > a
{
	color:#fff;
	text-shadow:-1px -1px 1px rgba(0,0,0,0.3);
}

header a:hover, footer a:hover, .navbar-default .navbar-nav > li > a:hover,
header a:active, footer a:active, .navbar-default .navbar-nav > li > a:active
{
	color:#fff;
}

#main, #side {
	margin:0;
	padding:0;
}

article, #side > div {
	margin:1em;
	padding:1em;
	
	box-sizing:border-box;
	border-radius:1em;
}

.date_info {
	text-align:right;
	padding-bottom:0;
}

/* topic_list */

/*
.topic_list {
	margin-left:0;
	padding-left:0;
}

.topic_list li {
	list-style:none;
	height:3em;
}
*/

.topic_list a {
	display:block;
	position:relative;

	min-height:3em;

	border-top:rgba(255,255,255,0.6);
	border-bottom:rgba(0,0,0,0.6);

	text-decoration:none;
	text-shadow:-1px -1px 1px rgba(0,0,0,0.3);
	
box-shadow:
inset 0 -0.125em 0.125em rgba(0,0,0,0.3),
inset 0  0.125em 0.125em rgba(255,255,255,0.3);
}

.topic_list a:hover {
	background-color:#fff;
}

.topic_list img,
.topic_list span {
	display:block;
	vertical-align:middle;
}
/*
.topic_list img {
	width:3em;
	height:3em;
}

*/
/*
.topic_list .wrap_list_img {

	width:3em;
	height:3em;
	
	overflow:hidden;
}
*/
span.topic_title {
	padding:0 2.5em 0 0.5em;
}

.topic_list .link_icon {

	display:block;
	
	position:absolute;
	top:50%;
	right:0;
	margin-top:-0.5em;

	text-align:right;
}

/* contact */

#contact2, #contact_3 {display:none;}

#contact p * {
	display:inline-block;
	vertical-align:top;
}

#contact label {
	line-height:1.3;
}

#contact .glyphicon {
	line-height:1.5;
}

#contact span.ng {
	color:hsl(0,100%,40%);
}

#contact span.ok {
	color:hsl(166,100%,40%);
}

#contact textarea {
	height:7.5em;
}

#contact .disabled {
	opacity:0.5;
}


/* button */

.wrap_button {
	text-align: center;
}

.button.full_width {
	width: calc(100% - 2em);
	margin: 1em;
	padding: 1em;

	font-weight:bold;
	font-size:2rem;
}

.button, .button_yes, .button_no
{
	display:inline-block;
	cursor:pointer;
	
	width:auto; height:auto;
	
	padding:0.25em 0.5em; margin:0.5em auto;
	text-indent:0;

	color:#fff;
	text-decoration: none;

	background-color:#008a8a; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008a8a', endColorstr='#003d3d'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(hsl(140,100%,50%)), to(hsl(140,50%,25%))); /* for webkit browsers */
background: -moz-linear-gradient(top, hsl(140,100%,50%)), to(hsl(140,50%,25%)); /* for firefox 3.6+ */ 

-o-border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;

-o-box-shadow:  1px  1px 2px rgba(0,0,0,0.66);
-ms-box-shadow:  1px  1px 2px rgba(0,0,0,0.66);
-moz-box-shadow:  1px  1px 2px rgba(0,0,0,0.66);
-webkit-box-shadow:  1px  1px 2px rgba(0,0,0,0.66);
box-shadow:  1px  1px 2px rgba(0,0,0,0.66);
/*-webkit-box-shadow: -1px -1px 2px rgba(255,255,255,0.66);*/

-o-text-shadow: -1px -1px 2px rgba(0,0,0,1), 1px 1px 2px rgba(255,255,255,0.3);
-ms-text-shadow: -1px -1px 2px rgba(0,0,0,1), 1px 1px 2px rgba(255,255,255,0.3);
-moz-text-shadow: -1px -1px 2px rgba(0,0,0,1), 1px 1px 2px rgba(255,255,255,0.3);
-webkit-text-shadow: -1px -1px 2px rgba(0,0,0,1), 1px 1px 2px rgba(255,255,255,0.3);
text-shadow: -1px -1px 2px rgba(0,0,0,1), 1px 1px 2px rgba(255,255,255,0.3);

border:1px solid rgba(51,51,51,0.5);

behavior: url(PIE.htc);
}

.button:visited, .button_yes:visited, .button_no:visited
{color:hsl(166,100%,95%);}

.button:hover, .button_yes:hover, .button_no:hover
{
color: #fff;

background: #00bdbd; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bdbd', endColorstr='#007070'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(hsl(140,100%,60%)), to(hsl(140,50%,35%))); /* for webkit browsers */
background: -moz-linear-gradient(top, hsl(140,100%,60%), hsl(140,70%,35%)); /* for firefox 3.6+ */ 

}

.button_no {color:hsl(166,100%,95%);}

.button_no:hover {color:hsl(166,50%,100%);}

.button_yes {
	color:hsl(12,100%,95%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a003d', endColorstr='#3d001e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(hsl(12,70%,30%)), to(hsl(12,70%,15%))); /* for webkit browsers */
background: -moz-linear-gradient(top, hsl(12,70%,30%), hsl(12,70%,15%)); /* for firefox 3.6+ */ 
}

.button_yes:hover {
	color:hsl(12,100%,100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a003d', endColorstr='#3d001e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(hsl(12,70%,40%)), to(hsl(12,70%,25%))); /* for webkit browsers */
background: -moz-linear-gradient(top, hsl(12,70%,40%), hsl(12,70%,25%)); /* for firefox 3.6+ */ 
}

.button.disabled,
.button.disabled:hover {
	
	opacity:0.5;
	cursor:default;
	
	color:hsl(12,0%,60%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(hsl(12,0%,40%)), to(hsl(12,0%,20%))); /* for webkit browsers */
background: -moz-linear-gradient(top, hsl(12,0%,40%), hsl(12,0%,20%)); /* for firefox 3.6+ */ 
}