/*
Theme Name: NGN
Theme URI: https://wordpress.com/themes/sela/
Description: Sela is not your typical business theme. Vibrant, bold, and clean, with lots of space for large images, this theme will look great on all devices, from desktop to mobile.
Version: 1.0.17
Author: Automattic
Author URI: https://wordpress.com/themes/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sela
Tags: blog, custom-background, custom-colors, custom-menu, featured-images, full-width-template, microformats, right-sidebar, rtl-language-support, sticky-post, translation-ready, two-columns
*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}
html {
	font-size: 62.5%; /* 10px */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
		-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
	color: #333;
	font-family: YuGothic, "游ゴシック体", YuGothicM, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
	font-size: 1.4rem;
	word-break: break-all;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
p {
	font-size: 1.4rem;
}
ol,
ul {
	list-style: none;
	font-size: 1.4rem;
}
ol li,
ul li {
	font-size: 1.4rem;
}
table {
	border-spacing: 0;
	border-collapse: separate;
}
caption,
th,
td {
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
a {
	color: #333;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	opacity: 0.8;
	transition: 0.2s ease;
	text-decoration: none;
}
a:hover,
a:active {
	outline: 0;
}
a:focus {
	outline: thin dotted;
}
a.more {
	width: 200px;
    padding: 10px;
    border: solid 2px #016bb9;
    color: #016bb9;
    font-weight: bold;
    text-align: center;
    margin: 30px auto 0;
    display: table;
}
a img {
	border: 0;
}
img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: YuGothic, "游ゴシック体", YuGothicM, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 300;
	letter-spacing: 2px;
}
h1 {
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.1429;
	margin-bottom: 1.1429em;
    margin-bottom: 26px;
	text-align: center;
	font-weight: bold;
}
h3 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3333;
    border-bottom: 2px solid #006bba;
	padding: 5px 0;
    margin-bottom: 10px;
}
h4 {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 10px;
}
h5 {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
h6 {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.7143em;
	margin-bottom: 1.7143em;
}


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	color: #888;
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#infinite-handle span {
	background-color: #828282;
	border: solid 1px #FFF;
	border-style: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	padding: 8px 15px;
	text-align: center;
	vertical-align: middle;
	
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	-webkit-appearance: none;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#infinite-handle span:hover {
	opacity: 0.85;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
#infinite-handle span:active {
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"],
input[type="password"] {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"] {
	border: 1px solid #eee;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 5px 10px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	-webkit-transition: 0.2s ease-in;
			transition: 0.2s ease-in;
	background: #FFF;
	color: #999;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus {
	outline: none;
	-webkit-transition: 0.2s ease-in;
			transition: 0.2s ease-in;
}
textarea {
	border: 1px solid #eee;
	border-radius: 2px;
	font-size: 14px;
	font-size: 1.4rem;
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding: 1.5625%;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 96.875%;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	-webkit-transition: 0.2s ease-in;
			transition: 0.2s ease-in;

}

/* Genericons */
.entry-meta .post-format a:before,
.featured-post:before,
.social-links ul a:before,
.format-link .entry-title a:after,
.menu-toggle:before {
	display: inline-block;
	font-family: Genericons;
	font-size: 14px;
	font-size: 1.0769rem;
	font-weight: normal;
	line-height: 1;
	vertical-align: text-bottom;
	-webkit-font-smoothing: antialiased;
}
/*--------------------------------------------------------------
5.0 Layout
--------------------------------------------------------------*/
.inner {
	max-width: 990px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
}
#left_area {
    position: relative;
    width: 20.3%;
    float: left;
    max-width: 200px;
    margin-top: 100px;
}
.entry-content {
    float: right;
    width: 76%;
    max-width: 730px;
	position: relative;
    margin-top: 50px;
}
.entry-content.full {
    float: none;
    width: 100%;
    max-width: 960px;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
#left_area #banner li {
    margin-bottom: 20px;
	position: relative;
}
#left_area #banner li.border,
#left_area #banner li.border2 {
	position: relative;
	box-sizing: border-box;
}
/*
#left_area #banner li.border2 {
}
*/
#left_area #banner li.border a,
#left_area #banner li.border2 a{
	content: "";
	clear: both;
	display: block;
}
#left_area #banner li.border a:after {
	content: "";
	display: block;
    margin: 5px;
	border: solid 2px #FFF;
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
	top: 0;
}
#left_area #banner li.border2 a:after {
	content: "";
	display: block;
    margin: 2px;
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
	top: 0;
}
#left_area #banner li:last-child {
    margin-bottom: 0;
}
#left_area #ranking {
    margin-top: 40px;
}
#left_area #ranking h3 {
    padding: 10px 0;
    color: #FFF;
    background: #fbb03b;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    line-height: 1;
	margin-bottom: 0;
    border: none;
}
#left_area #ranking ol {
    padding: 20px 10px;
	background: #f7f7f7;
}
#left_area #ranking ol li {
    margin-bottom: 20px;
}
#left_area #ranking ol li:before {
    margin-right: 5px;
	display: inline-block;
	position: relative;
	width: 22px;
	height: 22px;
}
#left_area #ranking ol li:nth-child(1):before {
    content: url(images/ranking_n1.svg);
}
#left_area #ranking ol li:nth-child(2):before {
    content: url(images/ranking_n2.svg);
}
#left_area #ranking ol li:nth-child(3):before {
    content: url(images/ranking_n3.svg);
}
#left_area #ranking ol li:last-child {
    margin-bottom: 0;
}
#left_area #ranking ol li .image {
    background-color: #FFF;
	background-position: center;
	background-size: contain;
    display: block;
    margin: 0 10px;
	height: 80px;
}
#left_area #ranking ol li .cloud {
    background-image: url(images/icon_cloud.svg);
}
#left_area #ranking ol li .network  {
    background-image: url(images/icon_network.svg);
}
#left_area #ranking ol li .db {
    background-image: url(images/icon_db.svg);
}
#left_area #ranking ol li .os {
    background-image: url(images/icon_os.svg);
}
#left_area #ranking ol li .other {
    background-image: url(images/icon_other.svg);
}
#left_area #ranking ol li h4 {
    font-size: 1.4rem;
    margin-bottom: 0;
    display: inline-block;
    word-break: break-all;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
header#nav {
	border-top: solid 5px #006cb9;
}
header#nav .inner {
    padding-top: 8px;
	height: 78px;
}
header#nav .site-title {
	float: left;
	margin-right: 10px;
}
header#nav .site-title img {
	width: 56px;
	height: 64px;
}
header#nav #mini {
	display: inline-block;
	float: right;
    margin-top: 12px;
}
header#nav #mini ul li {
	display: inline-block;
	padding: 0 10px;
	position: relative;
	font-size: 1.4rem;
}
header#nav #mini ul li:after {
	content: "";
    height: 20px;
    display: inline-block;
    background: #CCC;
    width: 1px;
    position: absolute;
    top: 1px;
    right: 0;
}
header#nav #mini ul li:last-child {
	padding-right: 0;
}
header#nav #mini ul li:last-child:after {
	content:none;
}
header#nav #mini ul li:last-child a {
	display: inline-block;
    background: #006bba;
    border-radius: 3px;
    padding: 5px 20px;
    color: #FFF;
}
header#nav #mini ul li:last-child a:before {
	content: '';
	background: url(images/mail.svg) no-repeat;
	display: inline-block;
	position: relative;
	margin: 0 10px 0 -5px;
	width: 18px;
	height: 16px;
	top: 4px;
}
@media all and (-ms-high-contrast: none){
	header#nav #mini ul li:last-child a:before {
	  top: 3px;
	}
}
header#nav p {
	display: inline-block;
    padding-top: 17px;
}
/*--------------------------------------------------------------
5.3 footer 
--------------------------------------------------------------*/
footer#colophon {
	background: #333;
    margin-top: 50px;
	padding-top: 30px;
	color: #FFF;
	text-align: center;
}
#menu-footer {
    text-align: center;
}
#menu-footer li {
	display: inline-block;
	padding: 0 15px;
}
#menu-footer li a {
	color: #FFF;
}
footer#colophon .site_info {
	padding: 50px 15px;
}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation {
	background-color: #006cb9;
	color: #fff;
	display: block;
	padding: 0;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	text-align: left;
}
.main-navigation a {
	color: #fff;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	
	-webkit-transition: color 0.2s ease;
			transition: color 0.2s ease;
}
.main-navigation a span {
	font-size: 16px;
	font-size: 1.6rem;
	margin-right: 3px;
}
.main-navigation ul li {
	border-top: 1px solid rgba(255, 255, 255, 0.7);
	padding: 0;
	position: relative;
}
.main-navigation ul li span.plus {
	position: absolute;
    right: 10px;
    top: 7px;
    padding: 3px 6px 4px;
    line-height: 1;
    color: #FFF;
    border: solid 1px #FFF;
    border-radius: 2px;
    font-size: 1.6rem;
    text-align: center;
    text-align: center;
	cursor: pointer;
    font-weight: bold;
}
.main-navigation ul li span.plus:before {
	content: "+"
}
.main-navigation ul li span.plus.active:before {
	content: "-"
}
.main-navigation ul li ul li div {
	position: absolute;
    top: 0;
    margin-left: 192px;
    width: 770px;
    padding: 20px;
    color: #333;
	display: none;
}
.main-navigation ul li ul li:nth-of-type(2) div {
    top: -40px;
}
.main-navigation ul li ul li:nth-of-type(3) div {
    top: -80px;
}
.main-navigation ul li ul li:nth-of-type(4) div {
    top: -120px;
}
.main-navigation ul li ul li:nth-of-type(5) div {
    top: -160px;
}
.main-navigation ul li ul li:hover div {
	display: block;
}
.main-navigation ul li ul li div img {
    float: left;
	margin-right: 20px;
}
.main-navigation ul li ul li div h3 {
    border-bottom: none;
	margin-bottom: 10px;
	display: inline-block;
}
.main-navigation ul li ul li div p {
    display: table !important;
}
.main-navigation ul li:first-child {
	border-top: 0;
}
.main-navigation ul ul li {
	border-top: 0;
}
.main-navigation ul ul a {
	color: #fff;
    padding: 0.8em 20px;
    border-top: 1px dotted rgba(255, 255, 255, 0.7);
}
.main-navigation a:hover,
.main-navigation ul > :hover > a,
.main-navigation ul > .focus > a {
	opacity: 1;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul li.focus > a {
}
.main-navigation ul ul ul {
	margin-bottom: 0;
}
.main-navigation ul ul ul li {
	border-top: 0;
}
.main-navigation a:hover,
.main-navigation ul > :hover > a,
.main-navigation ul > .focus > a {
	color: rgba(255,255,255,0.7);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display: block;
}
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a,
.main-navigation li.current-menu-ancestor > a {
	color: #4f4f4f;
}
.menu-toggle {
	box-shadow: none;
    color: #006bba;
    display: block;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 0;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    right: 10px;
    text-align: center;
    
    top: 17px;
    background: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
	background: none;
}
.menu-toggle:before {
	content: "\f419";
    font-size: 23px;
	position: relative;
	top: -2px;
}
.menu-toggle,
.main-navigation.toggled .nav-menu {
	display: block;
}
div.search {
	background: #828282;
}
div.search form.inner {
	padding: 10px 15px;
    height: auto !important;
}
div.search form ul,
div.search form ul li {
	display: inline-block;
	color: #fff;
    margin: 2px 10px 0 0;
}
div.search form ul li a {
	color: #fff;
	text-decoration: underline;
}
div.search form ul li:last-child {
	margin-right: 0;
}
div.search form ul li:last-child:after {
	content: none;
}
div.search form div {
	float: right;
	max-width: 480px;
	padding-right: 66px;
	position: relative;
}
div.search form input[type="text"] {
    width: 100%;
	background-image: url(images/search_lens.svg);
	background-size: 18px 18px;
	background-position: top 5px left 10px;
	background-repeat: no-repeat;
    padding-left: 40px;
}
div.search form input[type="submit"] {
    position: absolute;
	right: 0;
    top: 0;
	border: solid 1px #FFF !important;
}
.pagenation {
	text-align: center;
	margin: 50px 0;
}
.pagenation span {
	text-align: center;
	display: inline-block;
    padding: 2px 8px;
    border: solid 1px #CCC;
    margin: 5px;	
}
.pagenation a {
	text-align: center;
	display: inline-block;
    padding: 2px 8px;
    background: #036cb9;
	color: #FFF;
    margin: 5px;	
}
/* Social Links */
.social-links {
	clear: both;
	margin: 0 auto 1.5em;
}
.social-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social-links ul li {
	display: inline-block;
	list-style: none;
	margin: 0;
}
.social-links ul a {
	display: inline-block;
	text-decoration: none;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}
.social-links ul a:before {
	background: #f25f70;
	color: #fff;
	content: "\f415";
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 8px 6px 8px 8px;
	position: relative;
	text-align: center;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
		 -o-transition: all 0.1s ease-in-out;
			transition: top 0.3s ease-in-out;
			transition: all 0.1s ease-in-out;
}
.social-links ul a:hover {
	text-decoration: none;
}
.social-links ul a:hover:before {
	opacity: 0.75;
	text-decoration: none;
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
		 -o-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
}
.social-links ul a[href*='wordpress.org']:before,
.social-links ul a[href*='wordpress.com']:before {
    content: '\f205';
}
.social-links ul a[href*='facebook.com']:before {
    content: '\f204';
}
.social-links ul a[href*='twitter.com']:before {
    content: '\f202';
}
.social-links ul a[href*='dribbble.com']:before {
    content: '\f201';
}
.social-links ul a[href*='plus.google.com']:before {
    content: '\f206';
}
.social-links ul a[href*='pinterest.com']:before {
    content: '\f209';
}
.social-links ul a[href*='github.com']:before {
    content: '\f200';
}
.social-links ul a[href*='tumblr.com']:before {
    content: '\f214';
}
.social-links ul a[href*='youtube.com']:before {
    content: '\f213';
}
.social-links ul a[href*='flickr.com']:before {
    content: '\f211';
}
.social-links ul a[href*='vimeo.com']:before {
    content: '\f212';
}
.social-links ul a[href*='instagram.com']:before {
    content: '\f215';
}
.social-links ul a[href*='codepen.io']:before {
    content: '\f216';
}
.social-links ul a[href*='linkedin.com']:before {
    content: '\f207';
}
.social-links ul a[href*='foursquare.com']:before {
    content: '\f226';
}
.social-links ul a[href*='reddit.com']:before {
    content: '\f222';
}
.social-links ul a[href*='digg.com']:before {
    content: '\f221';
}
.social-links ul a[href*='getpocket.com']:before {
    content: '\f224';
}
.social-links ul a[href*='path.com']:before {
    content: '\f219';
}
.social-links ul a[href*='stumbleupon.com']:before {
    content: '\f223';
}
.social-links ul a[href*='spotify.com']:before {
    content: '\f515';
}
.social-links ul a[href*='twitch.tv']:before {
    content: '\f516';
}
.social-links ul a[href*='dropbox.com']:before {
    content: '\f225';
}
.social-links ul a[href*='/feed']:before {
    content: '\f413';
}
.social-links ul a[href*='skype']:before {
    content: '\f220';
}
.social-links ul a[href*='mailto']:before {
    content: '\f410';
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: 0.5em 1.5em 1em 0;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 1.5em auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.comment-meta:before,
.comment-meta:after,
.entry-meta:before,
.entry-meta:after,
.footer-widget-area:before,
.footer-widget-area:after,
.hentry:after,
.main-navigation > ul:before,
.main-navigation > ul:after,
.site-main:before,
.site-main:after,
.subordinate-navigation ul:before,
.subordinate-navigation ul:after,
.testimonials:before,
.testimonials:after,
.testimonials .hentry:before,
.testimonials .hentry:after,
.clear:before,
.clear:after,
[class*="area"]:before,
[class*="area"]:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="navigation"]:before,
[class*="navigation"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: "";
	display: table;
}
.comment-meta:after,
.entry-meta:after,
.footer-widget-area:after,
.main-navigation ul:after,
.site-main:after,
.subordinate-navigation ul:after,
.testimonials:after,
.testimonials .hentry:after,
.clear:after,
[class*="area"]:after,
[class*="content"]:after,
[class*="navigation"]:after,
[class*="site"]:after {
	clear: both;
}




/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
audio,
video {
	display: block;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.jetpack-video-wrapper {
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption-dd,
.wp-caption-text {
	clear: both;
	font-family: "Droid Serif", Georgia, serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-style: italic;
	text-align: center;
	width: 100%;
}
.wp-caption .wp-caption-dd,
.wp-caption .wp-caption-text {
	line-height: 1.8462;
	margin: 0.9231em 0;
}


/*--------------------------------------------------------------
13 Media Queries
--------------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.pc_only {
		display: inherit !important;
	}
	.sp_only {
		display: none !important;
	}
	/* Navigation */
	.main-navigation ul:before {
		content: "";
	    height: 36px;
		display: inline-block;
		background: #FFF;
		width: 1px;
		position: absolute;
		top: 10px;
		left: 15px;
	}
	.main-navigation ul {
		display: block;
		list-style: none;
		text-align: center;
		max-width: 990px;
		padding: 0 15px;
	    margin: auto;
		position: relative;
	}
	.main-navigation ul li {
		border: 0 none;
		width: 20%;
	    margin: 0 -2px;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		height: 54px;
	}
	.main-navigation ul a {
		padding: 20px 0;
		height: 54px;
	}
	.main-navigation ul a:before {
		display: inline-block;
		position: relative;
		margin-right: 5px;
		width: 25px;
		height: auto;
		margin-top: -25px;
	    top: 6px;
	}
	.main-navigation ul li:nth-child(2) a:before {
		content: url(images/menu_item1.svg);
	}
	.main-navigation ul li:nth-child(3) a:before {
		content: url(images/menu_item2.svg);
	}
	.main-navigation ul li:nth-child(4) a:before {
		content: url(images/menu_item3.svg);
	}
	.main-navigation ul li:nth-child(5) a:before {
		content: url(images/menu_item4.svg);
	}
	.main-navigation ul li:nth-child(6) a:before {
		content: url(images/menu_item5.svg);
	}
	.main-navigation ul li:nth-child(2):hover a:before {
		content: url(images/menu_item1_on.svg);
	}
	.main-navigation ul li:nth-child(3):hover a:before {
		content: url(images/menu_item2_on.svg);
	}
	.main-navigation ul li:nth-child(4):hover a:before {
		content: url(images/menu_item3_on.svg);
	}
	.main-navigation ul li:nth-child(5):hover a:before {
		content: url(images/menu_item4_on.svg);
	}
	.main-navigation ul li:nth-child(6):hover a:before {
		content: url(images/menu_item5_on.svg);
	}
	.main-navigation ul li:hover ul.children li a:before,
	.main-navigation ul li:hover ul.children li a:before {
		content: none;
	}
	.main-navigation .nav-menu > li:after,
	.main-navigation .menu > li:after {
		content: "";
	    height: 36px;
		display: inline-block;
		background: #FFF;
		width: 1px;
		position: absolute;
		top: 10px;
		right: 0;
	}
	.main-navigation .nav-menu > li:nth-child(2):before,
	.main-navigation .menu > li:nth-child(2):before {
		content: "";
		background: #FFF;
		width: 501%;
		position: absolute;
		top: 100%;
		left: 0;
		height: 200px;
		display: none;
	    z-index: 1;
		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	}
	.main-navigation .nav-menu > li:hover:before,
	.main-navigation .menu > li:hover:before {
		display: block;
	}
	.main-navigation .nav-menu > li:hover a,
	.main-navigation .menu > li:hover a {
		background: #FFF;
		color: #006abb;
	}
	.main-navigation .nav-menu > li:hover ul li a, 
	.main-navigation .menu > li:hover ul li a {
		background: #f7f7f5;
		color: #333;
		position: relative;
	}
	.main-navigation .nav-menu > li:hover ul li a:after, 
	.main-navigation .menu > li:hover ul li a:after {
		content: '';
		background: url(images/menu.svg) no-repeat;
		position: absolute;
		width: 12px;
		height: 16px;
		right: 20px;
		display: inline-block;
		transition: 0.2s ease;
	}
	.main-navigation .nav-menu > li:hover ul li:hover a, 
	.main-navigation .menu > li:hover ul li:hover a {
		background: #FFF;
	}
	.main-navigation .nav-menu > li:hover ul li:hover a:hover:after, 
	.main-navigation .menu > li:hover ul li:hover a:hover:after {
		right: 15px;
	}
	.main-navigation .nav-menu > li:last-child,
	.main-navigation .menu > li:last-child {
		padding-right: 0;
	}
	.main-navigation .nav-menu > li:last-child > a:after,
	.main-navigation .menu > li:last-child > a:after {
		display: none;
	}
	.main-navigation ul ul {
		background-color: #fff;
		display: block;
		left: -99999em;
		margin: 0;
		position: absolute;
		top: 54px;
		width: 100%;
		z-index: 99999;
	}

	/* Hover behavior*/
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0;
		padding: 0;
	}
	.main-navigation ul li:hover > ul ul,
	.main-navigation ul li.focus > ul ul {
		left: -99999em;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.main-navigation ul ul li {
		padding: 0;
		text-align: left;
		width: 100%;
		height: 40px;
		background: #f7f7f7;
	}
	.main-navigation ul ul li:hover,
	.main-navigation ul ul li.focus {
		background: #f2f2f2;
	}
	.main-navigation ul ul a:hover,
	.main-navigation ul ul > li.focus > a {
		color: #e1122a;
	}
	.main-navigation ul ul a {
		color: #333;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: normal;
		width: 100%;
		height: 40px;
		padding: 13px 20px;
	}
	.main-navigation ul ul ul {
		top: 0;
		left: 100%;
		width: 160px;
	}
	.main-navigation ul ul ul a {
		width: 136px;
	}
	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: none;
	}
}
@media screen and (max-width: 990px) {
header#nav p {
	display: none;
}
header#nav .search Ul {
    display: none;
}
.main-navigation ul li ul li div {
    position: fixed ;
    margin-left: 0 ;
    left: 20% ;
    width: 80% ;
}
.search form div {
    float: none;
	max-width: 100%;
}
.main-navigation a {
    padding: 13px 10px;
}
.main-navigation a:hover, .main-navigation ul > :hover > a,
.main-navigation ul > .focus > a {
    color: rgba(255,255,255,1);
}
.main-navigation a span {
    font-size: 1.4rem;
}
.main-navigation ul a:before {
	display: inline-block;
	position: relative;
    margin-right: 3px;
    width: 20px;
    height: auto;
    margin-top: -20px;
    top: 4px;
}
.entry-content {
    float: none;
    width: auto;
    max-width: 100%;
    margin-top: 30px;
}
#left_area {
    width: auto;
    float: none;
    max-width: 100%;
    margin-top: 50px;
}
#left_area #banner li {
    margin: 0 5% 0 0;
	width: 30%;
	float: left;
    text-align: center;
}
#left_area #banner li:first-child {
	background: #235faa;
}
#left_area #banner li:nth-child(5) {
    margin-right: 0;
    margin-bottom: 0;
}
#left_area #banner li:last-child {
	width: 100%;
	background: #22b573;
    margin: 20px 0 0;
}	
#left_area #banner li.border img,
#left_area #banner li.border2 img {
	height: 80px;
}	
#left_area #ranking ol li {
    margin-bottom: 0;
    border-bottom: dotted 1px #CCC;
    padding: 10px;
}
#left_area #banner li.banner_s,
#left_area #banner li.banner_s_right {
	width: 47.5%;
	margin-bottom: 5%;
}
#left_area #banner li.banner_s_right {
	margin-right: 0;
}
#left_area #ranking ol li:first-child {
    border-top: dotted 1px #CCC;
}
#left_area #ranking ol li h4 {
    width: 80%;
	float: right;;
}
#left_area #ranking ol li .image {
    background-color: #FFF;
    background-position: center;
    background-size: contain;
    display: block;
    margin: 0 10px;
    height: 80px;
    float: left;
    width: 20%;
    height: 50px;
    margin: 0 2% 0 0;
}
#left_area #ranking ol li:before {
    margin-right: 2%;
    width: 8%;
    height: auto;
	top: 11px;
    max-width: 30px;
}
#left_area #ranking ol li h4 {
    width: 68%;
    float: right;
    max-width: 68%;
    top: 13px;
    position: relative;
}
}
@media screen and (max-width: 769px) {
.pc_only {
	display: none !important;
}
.sp_only {
	display: inherit !important;
}
header#nav .inner {
    padding-top: 5px;
    height: 60px;
}
header#nav {
    border-bottom: 2px solid #c1d4e3;
}
header#nav .site-title img {
    width: 42px;
    height: 48px;
}
header#nav #mini ul li:last-child a {
    padding: 5px 10px 4px;
}
header#nav #mini ul li:last-child a span {
    display: none;
}
header#nav #mini ul li:last-child a:before {
    margin: 0;
}
.main-navigation ul li.sp_only:first-child {
    padding: 10px;
}
.main-navigation ul li ul li:hover div {
    display: none;
}
div.search {
    background: #016bb9;
}
div.search form input[type="submit"] {
    background: transparent;
}
header#nav #mini ul li {
	display: none;
}
header#nav #mini ul li:last-child {
	display: inline-block;
}
header#nav #mini ul li:last-child a {
	margin: -1px 50px 0 0;
    background: none;
    border: solid 1px#006bba;
    color: #006bba;
}
header#nav #mini ul li:last-child a:before {
	content: url(images/mail_sp.svg);
	top: 1px;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    display: none;
}
.main-navigation {
	padding: 0;
}
#menu-footer li {
    display: block;
    padding: 5px;
    text-align: left;
}
}
.date table td.price .tax {
  font-weight: normal;
  font-size: 12px;
}