@charset "UTF-8";

/*
	Theme Name: HRN Theme
	Description: HRN WordPress Theme

*/

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
	display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ==========================================================================
   Wordpress
   ========================================================================== */

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

img.alignright {
	display: inline-block;
	margin: 0 0 1em 1.5em;
}

img.alignleft {
	display: inline-block;
	margin: 0 1.5em 1em 0;
}


/* ==========================================================================
   layouts
   ========================================================================== */

body{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}

a:link{
	color: #3399cc;
	text-decoration: none;
}
a:visited{
	color: #006699;
	text-decoration: none;
}
a:hover,
a:active{
	color: #0099ff;
	text-decoration: underline;
}

a:hover img,
a:active img,
a:focus img{
	opacity: 0.6;
}
.clearfix{
	zoom: 1;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

p{
	margin: 20px 0;
}


#container{
	width: 960px;
	margin: 0 auto;
	zoom: 1;
}
#container:after{
	content: "";
	display: block;
	clear: both;
}

#main{
	float: left;
	width: 740px;
}

#side{
	float: right;
	width: 200px;
}

.title-green{
	font-size: 16px;
	color: #1d95d4;
	margin: 0;
}
.title-green a{
	color: #1d95d4;
}

/* header */
body{
	line-height: 1.5;
}
#header{
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	zoom: 1;
}
#header:after{
	content: "";
	display: block;
	clear: both;
}

#header-logo{
	margin: 0;
	width: 417px;
	float: left;
}
#header-logo a{
	display: block;
	height: 0;
	padding-top: 63px;
	overflow: hidden;
	background: url(images/header-logo.png) no-repeat bottom center;
}

#header-lang{
	float: right;
	text-align: right;
}
#header-lang ul{
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
	font-size: 20px;
	line-height: 1em;
	font-weight: bold;
}
#header-lang ul li{
	display: inline-block;
	vertical-align: middle;
}
#header-lang ul li a{
	color: #000;
}
#header-lang ul li.tw iframe{
	width: 90px !important;
	vertical-align: middle;
}
#header-lang input[type="text"]{
	width: 133px;
	height: 12px;
	padding: 2px 5px;
	display: inline-block;
	border: 1px solid #000;
	font-size: 12px;
}
#header-lang input[type="submit"]{
	display: inline-block;
	font-size: 11px;
}


/* footer */
#footer{
	background: #E0DFDF;
	color: #444;
}
#footer a{
	color: #444;
}
#footer-inner{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	zoom: 1;
}
#footer-inner:after{
	content: "";
	display: block;
	clear: both;
}
.footer-copyright{
	clear: both;
	display: block;
	font-size: 12px;
	text-align: right;
}

.footer-navi{
	float: left;
}
.footer-navi#footer-navi-1{
	width: 200px;
}
.footer-navi#footer-navi-2{
	width: 400px;
}
.footer-navi#footer-navi-3{
	width: 190px;
}
.footer-navi#footer-navi-4{
	width: 170px;
}
.footer-navi h3{
	font-size: 14px;
	color: #000;
	margin: 0;
}
.footer-navi ul{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 1.2em;
}



#g-navi{
	padding: 0;
	margin: 0;
	list-style: none;
	zoom: 1;
}
#g-navi:after{
	content: "";
	display: block;
	clear: both;
}
#g-navi li{
	width: 183px;
	width: 146px;
	margin: 0 2px 0 0;
	float: left;
}
#g-navi li:last-child{
	margin: 0 0 0 1px;
}
#g-navi li a{
	display: block;
	background: #1d95d4;
	font-size: 21px;
	line-height: 40px;
	color: #fff;
	text-shadow: 4px 4px 3px #003314;
	text-align: center;
}



/* top */
#top-slide{
	border: 1px solid #000;
	margin: 15px 0;
	min-height: 310px;
}

/* .flickSlider
--------------------------- */
.flickSlider {
	margin: 0 auto;
	text-align: left;
	display: none;
}

/* .flickView
--------------------------- */
.flickSlider .flickView {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.flickSlider .flickView ul {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.flickSlider .flickView ul li {
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;
}
.flickSlider .flickView ul li img {
	width: 100%;
}

/* .flickThumb
--------------------------- */
.flickSlider .flickThumb {
	width: 100%;
	overflow: hidden;
	margin: 5px 0 0;
	border-top: 1px solid #039b08;
}
.flickSlider .flickThumb ul {
	width: 110%;
}
.flickSlider .flickThumb ul li {
	float: left;
	cursor: pointer;
	display: block;
}
.flickSlider .flickThumb ul li img {
	width: 100%;
	height: auto;
	display: block;
}
.flickSlider .flickThumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* sideNavi
------------------------- */
.flickSlider .btnPrev,
.flickSlider .btnNext {
	top: 0;
	width: 5%;
	height: 100%;
	position: absolute;
	cursor: pointer;
}
.flickSlider .btnPrev {
	left: 0;
	background: #ccc url("../img/btnPrev.png") no-repeat center center;
}

.flickSlider .btnNext {
	right: 0;
	background: #ccc url("../img/btnNext.png") no-repeat center center;
}

.flickSlider .flickView ul:after,
.flickSlider .flickThumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#top-about{
	width: 430px;
	float: left;
	background: #ccff33;
	padding: 20px;
}
#top-about p{
	font-size: 16px;
	margin: 5px 0 0;
}
#top-video{
	width: 250px;
	float: right;
}
#top-video p{
	margin: 0;
}
#top-video iframe{
	display: block;
	margin-top: 4px;
}

#top-list{
	background: #ececec;
	margin: 20px 0;
	padding: 20px;
}
#top-topic{
	float: left;
	width: 220px;
}
#top-news{
	float: right;
	width: 450px;
}
#top-topic article{
	border-bottom: 1px solid #1d95d4;
	padding: 10px 0;
}
#top-topic article:last-child{
	border-bottom: none;
}
#top-topic article h3{
	margin: 0;
}
#top-topic article h3 a{
	color: #000;
}
#top-topic article p{
	margin: 10px 0;
}
#top-topic .article-more{
	text-align: right;
}
#top-topic .article-more a{
	color: #1d95d4;
}
#top-news ul{
	background: #fff;
	margin: 15px 0 0;
	padding: 0 10px;
	list-style: none;
}
#top-news ul li{
	border-bottom: 1px dotted #999;
	padding: 10px 0;
}
#top-news ul li:last-child{
	border-bottom: none;
}
#top-news ul li .category{
	display: inline-block;
	margin-right: 5px;
}
#top-news ul li h3{
	display: inline;
	margin: 0;
	font-weight: normal;
}
#top-news ul li h3 a{
	color: #000;
	text-decoration: underline;
}
#top-news ul li h3 a:hover{
	text-decoration: none;
}
#top-news ul li time{
	display: block;
	color: #1d95d4;
}
#top-news-foot{
	margin: 5px 5px 0;
	text-align: right;
}
#top-news-foot a{
	color: #000;
	text-decoration: underline;
}
#top-issue{
	margin-bottom: 2rem;
}
#top-issue:after{
	clear: both;
	content: "";
	display: block;
	visibility: hidden;
}
#top-issue h2{
	background: #1d95d4;
	color: #FFFFFF;
	padding: 3px 1em;
	margin-bottom: 10px;
}
#top-issue a{
	display: block;
	float: left;
	width: 240px;
	margin-right: 10px;
}
#top-issue a:nth-child(3n){
	margin-right: 0;
}
#top-issue a:nth-child(3n + 1){
	clear: both;
}
#top-issue a img{
	width: 100%;
	height: auto;
}

/* main */
#main-navi{
	float: left;
	width: 160px;
	margin: 0 0 20px;
}
#main-navi ul{
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #000;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: bold;
}
#main-navi ul li{
	border-bottom: 1px solid #000;
}
#main-navi ul li a{
	display: block;
	color: #000;
	padding: 10px;
}
#main-navi ul li a:before{
	content: "> ";
}

/* blog post */
#single-content{
	width: 560px;
	float: right;
	margin: 0 0 20px;
}
.post .post-title{
	border-left: 8px solid #1d95d4;
	color: #1d95d4;
	font-size: 18px;
	line-height: 1.2em;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}
.post .post-date{
	color: #1d95d4;
}
.post ul{
	list-style: none;
	padding: 0;
}
.post ul li{
	background: url(images/list-circle.png) left 0.3em no-repeat;
	padding-left: 20px;
}
.post ul.post-category{
	margin: 0 0 10px;
}
.post ul.post-category li{
	background: none;
	padding: 0;
	display: inline;
}
.post ul.post-category li:after{
	content: " / ";
}
.post ul.post-category li:last-child:after{
	content: none;
}
.post ul.post-category li a{
	color: #060;
}
.post ul.post-social{
	margin: 0;
	text-align: right;
}
.post ul.post-social:after{
	clear: both;
	content: "";
	display: block;
	visibility: hidden;
}
.post ul.post-social li{
	background: none;
	padding: 0;
	display: inline-block;
	float: right;
}
.post ul.post-social li.tw iframe{
	width: 90px !important;
}

.footer-post-meta{
	margin: 20px 0;
}
.post .footer-post-meta ul{
	margin: 0;
	line-height: 24px;
}
.post .footer-post-meta ul li a{
	color: #000;
}


/* page */
#page-content{
	background: #feeeb2;
	padding: 20px;
	margin: 0 0 20px;
	width: 520px;
	float: right;
}
#page-content a{
	color: #000;
	text-decoration: underline;
	font-style: italic;
}
.page-title{
	background: #1d95d4;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.2em;
	padding: 5px 10px;
	margin: 0 0 20px;
}
#page-content h2{
	border-left: 8px solid #1d95d4;
	color: #1d95d4;
	font-size: 18px;
	line-height: 1.2em;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}
#page-content h3{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	margin: 20px 0;
}

.about-message-photo{
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}
#page-content .about-message-title{
	font-weight: normal;
	font-size: 13px;
}
#page-content .about-message-title strong{
	font-weight: normal;
	font-size: 16px;
}

.join-table{
	width: 100%;
	outline: 1px solid #003300;
	border: 5px solid #feeeb2;
	margin: 20px 0;
	table-layout: fixed;
}
.join-table th,
.join-table td{
	border-bottom: 5px solid #fff;
	padding: 5px;
	font-size: 12px;
	line-height: 16px;
	vertical-align: top;
}
.join-table th{
	background: #99CC66;
	border-right: 5px solid #feeeb2;
	width: 120px;
}
.join-table td{
	background: #CCCC99;
	border-right: 5px solid #fff;
}
.join-table td:last-child{
	border-right: none;
}
.join-table tr:last-child th,
.join-table tr:last-child td{
	border-bottom: none;
}
.join-table td a{
	display: block;
	text-align: center;
	font-weight: bold;
}

#page-content h2.join-internship-title{
	color: #000;
	background: #99cc66;
	font-size: 16px;
	font-weight: normal;
	width: 200px;
	border: none;
	padding: 5px;
	margin: 20px 0;
}
.join-contact{
}
.join-contact h4{
	margin: 0;
	font-weight: normal;
	font-size: 16px;
}
.join-contact p{
	margin: 10px 0;
}
.join-contact input[type="text"],
.join-contact input[type="email"],
.join-contact textarea{
	border: 1px solid #000;
	box-sizing: border-box;
}
.join-contact input[type="text"],
.join-contact input[type="email"]{
	width: 180px;
}
.join-contact textarea{
	width: 100%;
}
.join-contact input[type="submit"]{
	background: #1d95d4;
	color: #fff;
	border: none;
	width: 90px;
	height: 30px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	display: block;
	margin: 20px 0 0;
}

#page-content .issues-list{
	margin: 20px 0;
	padding: 0;
	list-style: none;
}
#page-content .issues-list li{
	margin: 10px 0;
	padding-left: 25px;
	background: url(images/list-icon.png) no-repeat 5px center;
}
#page-content .issues-list li a{
	text-decoration: none;
	font-style: normal;
}
#page-content .issues-list li a:hover{
	text-decoration: underline;
}

.about-report-table{
	width: 100%;
	font-size: 16px;
	line-height: 1.5em;
}
.about-report-table th,
.about-report-table td{
	vertical-align: top;
	font-weight: normal;
	text-align: left;
	padding: 5px 0;
}

/* archives */
#archives-content{
	margin: 0 0 20px;
	width: 560px;
	float: right;
}
.archives-title{
	background: #1d95d4;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2em;
	padding: 5px 10px;
	margin: 0 0 20px;
}
#archives-content ul{
	background: #fff;
	margin: 0;
	padding: 0;
	list-style: none;
}
#archives-content ul li{
	border-bottom: 1px dotted #999;
	padding: 10px 0;
}
#archives-content ul li:last-child{
	border-bottom: none;
}
#archives-content ul li .category{
	display: inline-block;
	margin-right: 5px;
}
#archives-content ul li h2{
	display: inline;
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5em;
}
#archives-content ul li h2 a{
	color: #000;
	text-decoration: underline;
}
#archives-content ul li h2 a:hover{
	text-decoration: none;
}
#archives-content ul li time{
	display: block;
	color: #1d95d4;
}


/* tags */
#tags-content{
	background: #feeeb2;
	padding: 20px;
	width: 520px;
	float: right;
	margin: 0 0 20px;
}
.archives-title{
	background: #1d95d4;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.2em;
	padding: 5px 10px;
	margin: 0 0 20px;
}
#tags-content ul{
	background: #fff;
	margin: 15px 0 0;
	padding: 0 10px;
	list-style: none;
}
#tags-content ul li{
	border-bottom: 1px dotted #999;
	padding: 10px 0;
}
#tags-content ul li:last-child{
	border-bottom: none;
}
#tags-content ul li .category{
	display: inline-block;
	margin-right: 5px;
}
#tags-content ul li h2{
	display: inline;
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5em;
}
#tags-content ul li h2 a{
	color: #000;
	text-decoration: underline;
}
#tags-content ul li h2 a:hover{
	text-decoration: none;
}
#tags-content ul li time{
	display: block;
	color: #1d95d4;
}

.navigation{
	margin: 20px 0;
	font-size: 12px;
	line-height: 1.5em;
}
.navigation .alignleft,
.navigation .alignright{
	width: 48%;
}
.navigation .alignleft{
	text-align: right;
}
.navigation .alignright{
	text-align: left;
}
.navigation a{
	color: #000;
	text-decoration: underline;
}

/* #side */
#side{
}
#side .widget{
	border: 1px solid #666;
	margin: 0 0 10px;
}
#side .widgettitle{
	font-size: 14px;
	font-weight: bold;
	margin: 5px;
}
#side .widget ul{
	padding: 0 0 0 20px;
	margin: 5px;
}

#side .widget.widget_sp_image{
	border: none;
}
#side .widget.widget_sp_image img{
	display: block;
}


.breadcrumbs{
	padding: 0;
	font-size: 11px;
	line-height: 1.5em;
}
.breadcrumbs li{
	display: inline;
}
.breadcrumbs a{
	color: #000;
}



.yellow-bg{
	background: #FEEEB2;
	padding: 5px 10px;
}

/* 2015/11/27 色変更 */
body{
	line-height: 1.5;
}
#header-logo a{
	background-image: url("/eng/wp-content/uploads/2016/04/h_logo_eng.png");
	background-position: left bottom;
}
.title-green{
	color: #1d95d4;
}
.title-green a{
	color: #1d95d4;
}
#g-navi li a{
	background: #1d95d4;
}
#top-topic article{
	border-bottom: 1px solid #1d95d4;
}
#top-topic .article-more a{
	color: #1d95d4;
}
#top-news ul li time{
	color: #1d95d4;
}
.post .post-title{
	border-left: 8px solid #1d95d4;
	color: #1d95d4;
}
.post .post-date{
	color: #1d95d4;
}
.page-title{
	background: #1d95d4;
}
#page-content h2{
	border-left: 8px solid #1d95d4;
}
#top-about{
	background-color: #fefebe;
}
#top-list{
	background-color: #f1f1f1;
}
.join-contact input[type="submit"]{
	background: #1d95d4;
}
.archives-title{
	background: #1d95d4;
}
#archives-content ul li time{
	color: #1d95d4;
}
#tags-content ul li time{
	color: #1d95d4;
}
#footer{
	background-color: #d3e4f6;
}

#side .widget.widget_text{
	border: none;
}
/* Buttons */

a.btn{
	display: block;
	text-align:center;
	padding: 0.3em 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #1d95d4;
	background: #1d95d4;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size:1.2em;
	letter-spacing: 0.1em;
}
a.btn:hover{
	background: #FFFFFF;
	color: #1d95d4;
	text-decoration: none;
}
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:600);
a.link_block{
	background: url('/eng/wp-content/uploads/2015/12/link_block_bdr.png') no-repeat right bottom #01579b;
	padding: 1em ;
	color: #FFFFFF;
	font-family: 'Source Code Pro', ;
	text-decoration: none;
	display: block;
	letter-spacing: 0.1em;
	padding: 0.5em 0.8em;
	line-height: 1.2;
	font-size:;
}
a.link_block:hover{
	opacity: 0.7;
}
a.link_block.red{ background-color: #ea6257; }
a.link_block.text_large{ font-size: 1.3em; }
.row:after{
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}
.row .left{
	float: left;
	width: 49%;
	margin-bottom: 0.5em;
}
.row .right{
	float: right;
	width: 49%;
	margin-bottom: 0.5em;
}
.f-left{
	float: left;
	margin: 0 0.5em 0.5em 0;
}

#page-content .posts_block .readmore{
	text-align: right;
}
#page-content .posts_block h2{
	margin: 0;
}
#page-content .posts_block ul{
	padding: 0;
	margin: 0;
}
#page-content .posts_block ul li{
	list-style-type: none;
	padding: 10px 0 5px;
	margin: 0;
	border-bottom: 1px dotted #999;
}
#page-content .posts_block ul li:last-child{
	border-bottom: none;
}
#page-content .posts_block ul li h3{
	font-weight: normal;
	font-size: 1em;
	padding:0;
	margin: 0;
}
#page-content .posts_block ul li time{
	color: #1d95d4;
}
#page-content .box_white{
	background: #FFFFFF;
	padding: 1em 10px;
}

#page-content a.btn-inline{
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}
#page-content a.btn-inline:hover,
#page-content a.btn-inline:focus{
	color: #1d95d4;
}

/* スマホ対応 */
#btn-menu{
	display: none;
}
@media (max-width: 767px) {
	img{
		max-width: 100%;
	}
	#container{
		width: 100%;
	}
	#header,
	#footer-inner,
	#main,
	#side,
	#single-content{
		width: 96%;
		margin: 0 auto;
		float: none;
	}
	#header-logo{
		max-width: 100%;
	}
	#header-logo a{
		background-size: contain;
	}
	#header{
		position: relative;
	}
	#btn-menu{
		display: inline-block;
		border: 1px solid #CCCCCC;
		background: #FFFFFF;
		padding: 5px 10px;
		border-radius: 5px;
		position: absolute;
		left: 0;
		bottom: 5px;
	}
	#g-navi{
		display: none;
	}
	#g-navi li{
		float: none;
		width: auto;
		margin: 0;
		border-bottom: 1px dotted #FFFFFF;
	}
	#g-navi li a{
		padding-left: 10px;
		text-align: left;
	}
	.flickSlider .flickView ul li img{
		height: auto;
	}
	#top-about,
	#top-video,
	#top-topic,
	#top-news,
	#main-navi,
	#page-content,
	#archives-content,
	.navigation .alignleft,
	.navigation .alignright{
		float: none;
		width: auto;
		margin-bottom: 1rem;
	}
	#top-slide{
		min-height: 0;
	}
	#top-video iframe{
		margin: 0 auto;
	}
	#top-issue a{
		width: 49%;
		margin-right: 2%;
	}
	#top-issue a:nth-child(3n){
		margin-right: 2%;
	}
	#top-issue a:nth-child(3n + 1){
		clear: none;
	}
	#top-issue a:nth-child(2n){
		margin-right: 0;
	}
	#top-issue a:nth-child(2n + 1){
		clear: both;
	}
	#side .widget form{
		padding: 5px;
	}
	#side .widget iframe{
		display: block;
		margin: 0 auto;
	}
	#footer .footer-navi{
		float: none;
		width: auto;
		margin-bottom: 1rem;
	}
	#footer .footer-navi h3{
		background: url("images/ico_arrow_down.png") no-repeat right center;
		background-size: contain;
	}
	#footer .footer-navi h3.open{
		background-image: url("images/ico_arrow_up.png");
	}
	#footer .footer-navi h3 + ul{
		display: none;
	}

}