/*
Theme Name: Attitude
Theme URI: http://themehorse.com/themes/attitude
Author: Theme Horse
Author URI: http://themehorse.com
Description: Attitude is a Simple, Clean and Responsive Retina Ready WordPress Theme which adapts automatically to your tablets and mobile devices. Theme is easily customizable with numerous theme options via Customize. Some of the highlighted options are two site layout (Narrow and Wide), 5 layouts for every post/page, 5 Page Templates, 5 widget areas, 4 custom widgets, featured slider to highlight your post/page, 11 social icons and many more. Also has custom background, header, menu, favicon, CSS, webclip icon, and logo. Supports popular plugins like Breadcrumb NavXT, WP-PageNavi and Contact Form 7. It is also translation ready. Available Translation: Traditional Chinese (Taiwan), Spanish, Norwegian (Nynorsk), German, Russian, Dutch, Italian and Danish. Get free support on http://themehorse.com/support-forum/
Version: 3.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, blue, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, custom-menu, custom-background, custom-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post
Text Domain: attitude

Attitude WordPress Theme, Copyright 2013 Theme Horse
Attitude is distributed under the terms of the GNU GPL
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
 -webkit-text-size-adjust: 100%;
overflow: auto;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
	margin: 0;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, header2 {
	display: block;
}
embed, iframe, object {
	max-width: 100%;
}

/* =Global
----------------------------------------------- */
body, input, textarea {
	color: #424040;
	font: 1em 'PT Sans', sans-serif;
	line-height: 1.5em;
	word-wrap: break-word;
}
body {
	background: url("images/body-bg.png") #ececec;
	overflow: hidden;
}
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px #ddd;
	-moz-box-shadow:  0 0 5px #ddd;
	box-shadow: 0 0 0px #ddd;
}
.container {
	margin: 0 auto;
   max-width: 1150px;
   /* width: 94%; */
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
	font-family: "メイリオ", "Yu Gothic","Philosopher";
	color: #555;
}
h1 {
	font-size: 1.95em;
	padding: .50em 0.3em;
	padding-bottom: .5em;
	margin-bottom: 3px;
	border-bottom: 2px solid #db7093;
	line-height: 34px;
		font-weight: bold;

}
@media (max-width: 480px) {
    h1 {
	font-size: 1.4em;
	padding: .50em 0.5em;
	padding-bottom: .5em;
	margin-bottom: 3px;
	border-bottom: 2px solid #db7093;
	line-height: 25px;
}
}

h2 {
	font-size: 1.6em;
	color: white;
	padding: .5em .50em;
	background-color: #f08dae;
	border-radius: 6px;
	    line-height: 26px;
}
@media (max-width: 900px) {
        h2 {
	font-size: 1.2em;
	color: white;
	margin: 0px 5px;
	padding: .5em .50em;
	background-color: #f08dae;
	border-radius: 6px;
	    line-height: 20px;
	}
}

h3 {
	padding: .50em 0.1em;
	padding-bottom: .5em;
	font-size: 1.4em;
	margin-bottom: 10px;
	border-bottom: 2px solid #db7093;
	line-height: 25px;
}

@media (max-width: 900px) {
        h3 {
	padding: .50em 0.3em;
	padding-bottom: .5em;
	font-size: 1.1em;
	margin-bottom: 10px;
	border-bottom: 2px solid #db7093;
	line-height: 24px;
}
}

h4 {
	font-size: 1.4em;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #f5a2bd;
	margin-left: 4px;
}
h5 {
	font-size: 1.3em;
	line-height: 22px;
}
h6 {
	font-size: 1.2em;
	line-height: 25px;
	text-transform: uppercase;
}

/* No Border/Margin/Padding */
.no-margin-top {
	margin-top:0px !important;
}
.no-margin-bottom {
	margin-bottom:0px !important;
}
.no-margin-left {
	margin-left:0px !important;
}
.no-margin-right {
	margin-right:0px !important;
}
.no-padding-top {
	padding-top:0px !important;
}
.no-padding-bottom {
	padding-bottom:0px !important;
}
.no-padding-left {
	padding-left:0px !important;
}
.no-padding-right {
	padding-right:0px !important;
}
.no-border-top {
	border-top:0 none !important;
}
.no-border-bottom {
	border-bottom:0 none !important;
}
.no-border-left {
	border-left:0 none !important;
}
.no-border-right {
	border-right:0 none !important;
}

/* Horizontal Line */
hr {
	border-color: #eaeaea;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	
}

/* Text elements */
p {
	margin-bottom: 0px;
}

@media (max-width: 600px) {
p {
	margin-bottom: 0px;
	margin: 0em 0.7em;
}
}

strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
}
pre, code, kbd {
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size: 14px;
	line-height: 19px;
	background-color: #F9F9F9;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {

}

/* Superscript and Subscript */
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Blockquote */

blockquote {
position: relative;
margin: 1em 0.5em;
padding: 1.2em 0.3em 1em 0.3em;
font-size: .9em;
border: 1px solid #CCC;
border-radius: 6px;
}
blockquote:before,
blockquote:after{
position: absolute;
font-size: 4em;
opacity: .1;
}
blockquote:before{
top: 15px;
left: 20px;
content: '“';
}
blockquote:after{
bottom: 0px;
right: 20px;
content: '”';
}

/* Breadcrumb */
.breadcrumb {	
   margin-bottom: 2px;
	font-size: 12px;
}
.breadcrumb a {	
	color: #999;
}
.breadcrumb,
.breadcrumb a:hover {
	color: #666;
}

/* Forms */
input, textarea {
 	-webkit-border-radius: 0px;
}
input[type="text"], 
input[type="text2"], 
input[type="email"], 
input[type="search"], 
input[type="password"], 
input[type="tel"],
input[type="url"],
input[type="date"],
textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}
input[type="text"], 
input[type="text2"], 
input[type="email"], 
input[type="password"], 
input[type="tel"],
input[type="url"],
input[type="date"],
textarea {
	padding: 10px;
	border: 1px solid #eaeaea;
	line-height: 20px;
	width: 100%;
	margin: 0 0 0px;
	background-color: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"]:focus, 
input[type="text2"]:focus, 
input[type="email"]:focus, 
input[type="search"]:focus, 
input[type="password"]:focus, 
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus, 
textarea:focus {
	border: 1px solid #ccc;
}
input.s {
	background: url(images/search.png) no-repeat right 6px #fff;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 0;
	padding: 3px 33px 3px 0;
	height: 22px;
	color: #bbb;
	font-style: italic;
	margin: 0;
	border-color: transparent;
	cursor: pointer;
	text-indent: 25px;
}
input.s:focus {
	width: 100px;
	padding-left: 10px;
	border-color: #eaeaea;
	text-indent: 0;
}
input[type="reset"], 
input[type="button"],
input[type="submit"] {
   border: 1px solid #a54d6a;
   color: #fff;
font-weight: bold;
    margin: 3px;
font-size: 0.9em;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 10px;
   height: 35px;
   margin-bottom: 10px;
   padding: 0px 25px;
   -moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	background: #06B8D7;
	background: -webkit-linear-gradient(#06B8D7, #05aac6);
	background: -moz-linear-gradient(#06B8D7, #05aac6);
	background: -ms-linear-gradient(#06B8D7, #05aac6);
	background: -o-linear-gradient(#06B8D7, #05aac6);
	background: -webkit-gradient(#06B8D7, #05aac6);
	background: linear-gradient(#db7093, #db7093);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);	
}
input[type="submit2"] {
   border: 1px solid #0596AF;
   color: #fff;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
   height: 40px;
   margin-bottom: 10px;
   padding: 0px 25px;
   -moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	background: #06B8D7;
	background: -webkit-linear-gradient(#06B8D7, #05aac6);
	background: -moz-linear-gradient(#06B8D7, #05aac6);
	background: -ms-linear-gradient(#06B8D7, #05aac6);
	background: -o-linear-gradient(#06B8D7, #05aac6);
	background: -webkit-gradient(#06B8D7, #05aac6);
	background: linear-gradient(#06B8D7, #05aac6);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);	
}
input[type="reset"]:hover, 
input[type="button"],
input[type="submit"]:hover {
	background: -webkit-linear-gradient(#06C0E1, #05aac6);
	background: -moz-linear-gradient(#06C0E1, #05aac6);
	background: -ms-linear-gradient(#06C0E1, #05aac6);
	background: -o-linear-gradient(#06C0E1, #05aac6);
	background: -webkit-gradient(#06C0E1, #05aac6);
	background: linear-gradient(#db7093, #ee9fb9);
}
input[type="submit2"]:hover {
	background: -webkit-linear-gradient(#06C0E1, #05aac6);
	background: -moz-linear-gradient(#06C0E1, #05aac6);
	background: -ms-linear-gradient(#06C0E1, #05aac6);
	background: -o-linear-gradient(#06C0E1, #05aac6);
	background: -webkit-gradient(#06C0E1, #05aac6);
	background: linear-gradient(#06C0E1, #05aac6);
}
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);	
}
input[type="submit2"]:active {
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);	
}
input[type="radio"],
input[type="checkbox"],
input[type="file"] {
	margin-bottom: 0px;
}
input[type="file"] {
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 40px;
}

/* Links */
a {
	color: #3498db;
	text-decoration: none;
}
a:focus, a:active, a:hover {
color: #92bfde;
	text-decoration: none;
transition: color .3s;
}

/* Images */
figure {
	margin: 0;
	text-align: center;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:top;
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], 
img[class*="wp-image-"], 
img[class*="attachment-"] {

}
img.size-full, img.size-large {
	max-width: 100%;
	height: auto; 
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 0.8em;
}
p img {
	
}
img#wpstats {
 	display: none;
}

/* Assistive text */
.assistive-text,
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus,
.screen-reader-text:active,
.screen-reader-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

/* clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
/* close commented backslash hack */
.clearfix-third {
	clear: both;
}



/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 30px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 30px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Back to Top */
.back-to-top {
	position: fixed;
	bottom: -50px;
	right: 10px;
}
.back-to-top a {
	width: 35px;
	height: 35px;
	text-indent: -20000px;
	display: block;
	background-image: url("images/back-to-top.png");
}

/* =Header
----------------------------------------------- */
#branding {
	background: #ffffff;
	margin-top: 0px;
	margin-right: -500%;
    margin-left: -500%;
    padding-right: 500%;
    padding-left: 500%;
}
.hgroup-wrap {
	padding-top: 0px;
	padding-bottom: 0px;
}
.hgroup-wrap a {
	display: block;
}
#site-logo {
	float:left;
  	margin-top: 0px;
}
#site-title {
	font: 36px 'Philosopher', sans-serif;
  	line-height: 42px;
}
#site-title a {
	color: #555;	
}
#site-title a img {
	vertical-align: inherit;
	max-width: 978px;	
}
#site-title a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
	color: #05a9c5;
}
#site-description {
	font: 13px 'PT Sans', sans-serif;
	line-height: 20px;
	color: #777;
}
.hgroup-right {
	float: right;
	margin-top: 38px;
}

/* Social Profiles */
.social-profiles {
	float: left;
}
.social-profiles ul {
	margin: -10px 0 0;
	float:right;
}
.social-profiles ul li {
	margin-top:10px;
	float:left;
}
.social-profiles ul li a {
	display:block;
	width:30px;
	height:30px;
	text-indent: -99999px;
	background-image: url("images/social-icons.png");
	background-position: right bottom;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.social-profiles ul li.facebook a {
	background-position: 0 0;		
}
.social-profiles ul li.facebook a:hover {
	background-position: 0 -40px;
}
.social-profiles ul li.twitter a {
	background-position: -40px 0;
}
.social-profiles ul li.twitter a:hover {
	background-position: -40px -40px;
}
.social-profiles ul li.google-plus a {
	background-position: -80px 0;
}
.social-profiles ul li.google-plus a:hover {
	background-position: -80px -40px;
}
.social-profiles ul li.pinterest a {
	background-position: -120px 0 ;
}
.social-profiles ul li.pinterest a:hover {
	background-position: -120px -40px ;
}
.social-profiles ul li.linked a {
	background-position: -160px 0;
}
.social-profiles ul li.linked a:hover {
	background-position: -160px -40px;
}
.social-profiles ul li.tumblr a {
	background-position: -200px 0 ;
}
.social-profiles ul li.tumblr a:hover {
	background-position: -200px -40px;
}
.social-profiles ul li.vimeo a {
	background-position: -240px 0;
}
.social-profiles ul li.vimeo a:hover {
	background-position: -240px -40px;
}
.social-profiles ul li.my-space a {
	background-position: -280px 0;
}
.social-profiles ul li.my-space a:hover {
	background-position: -280px -40px;
}
.social-profiles ul li.flickr a {
	background-position: -320px 0;
}
.social-profiles ul li.flickr a:hover {
	background-position: -320px -40px;
}
.social-profiles ul li.you-tube a {
	background-position: -360px 0;
}
.social-profiles ul li.you-tube a:hover {
	background-position: -360px -40px;
}
.social-profiles ul li.rss a {
	background-position: -400px 0;
}
.social-profiles ul li.rss a:hover {
	background-position: -400px -40px;
}

/* Header Image */
.header-image {

	height: auto;
	width: auto;
	max-height: 70px;
        padding-left: 1.5em;
}

@media only screen and (max-width: 414px) {

	.header-image {
		height: 40px;
		padding-left: 0em;
	}

}


/* =Menu
-------------------------------------------------------------- */
#access {
	border-top: 0px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	background-color: rgb(237, 132, 179);

    margin-right: -500%;
    margin-left: -500%;
    padding-right: 500%;
    padding-left: 500%;
}
#access ul {
 
}
#access li {
	float: left;
	position: relative;
	padding: 0 20px 0 0;
}
li.default-menu {
	display: none;
}
#access a {
	color: #777;
	display: block;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	padding: 16px 0 0;	
	height: 39px;
}
#access a:hover, 
#access ul li.current-menu-item a, 
#access ul li.current_page_ancestor a, 
#access ul li.current-menu-ancestor a, 
#access ul li.current_page_item a,
#access ul li:hover > a {
	color: #05A9C5;
}

/* Dropdown */
#access ul li ul, 
#access ul li:hover ul ul, 
#access ul ul li:hover ul ul, 
#access ul ul ul li:hover ul ul, 
#access ul ul ul ul li:hover ul ul {
	display:none;
	z-index: 9999;
}
#access ul li:hover ul, 
#access ul ul li:hover ul, 
#access ul ul ul li:hover ul, 
#access ul ul ul ul li:hover ul,
#access ul ul ul ul ul li:hover ul {
	display:block;
}
#access ul li ul {
	position: absolute;
	background-color: #fff;
	border-top: 4px solid #05A9C5;
	top: 55px;
	left: 0px;
	width: 190px;
}
#access ul li ul li {
	float: none;
	border-bottom: 1px solid #EAEAEA;
	padding: 0;
}
#access ul li ul li a, 
#access ul li.current-menu-item ul li a, 
#access ul li ul li.current-menu-item a,
#access ul li.current_page_ancestor ul li a, 
#access ul li.current-menu-ancestor ul li a,
#access ul li.current_page_item ul li a {
	float: none;
	line-height: 21px;
	font-size: 13px;
	font-weight: normal;
	height: 100%;
	padding: 6px 10px;
	color: #777;
	text-transform: capitalize;
}
#access ul li ul li a:hover, #access ul li ul li:hover > a, #access ul li.current-menu-item ul li a:hover {
	background-color: #F9F9F9;
	color: #05A9C5;
}
#access ul li ul li ul {
	left: 190px;
	top: -4px;
}
#access select { 
	display: none;
}

/* Slogan */
.slogan-wrap {	
	font-family: 'Philosopher', sans-serif;
	background-color: #05a9c5;	
	padding: 24px 0;
	margin-bottom: 4px;	
}
.slogan-wrap .slogan {
	font-size: 24px;	
	line-height: 30px;
	color: #fff;
	width: 80%;
	float: left;
}
.slogan-wrap .slogan span {
	font: 13px 'PT Sans', sans-serif;
	line-height: 20px;
	display: block;
	padding-top: 5px;
}
.slogan-wrap .view-work {
	color: #494949;
	font-size: 18px;	
	float: right;
	display: block;
	border: 2px solid #fff;
	text-align: center;
	height: 28px;
	padding: 8px 15px 0;
	margin-top: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
   background: #b5e6ee;
	background: -webkit-linear-gradient(#d0eef4, #b5e6ee);
	background: -moz-linear-gradient(#d0eef4, #b5e6ee);
	background: -ms-linear-gradient(#d0eef4, #b5e6ee);
	background: -o-linear-gradient(#d0eef4, #b5e6ee);
	background: -webkit-gradient(#d0eef4, #b5e6ee);
	background: linear-gradient(#d0eef4, #b5e6ee);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);	
	text-shadow:0 1px 0 rgba(251, 251, 251, 0.7)
}
.slogan-wrap .view-work:hover {
	background: -webkit-linear-gradient(#E3F5F9, #b5e6ee);
	background: -moz-linear-gradient(#E3F5F9, #b5e6ee);
	background: -ms-linear-gradient(#E3F5F9, #b5e6ee);
	background: -o-linear-gradient(#E3F5F9, #b5e6ee);
	background: -webkit-gradient(#E3F5F9, #b5e6ee);
	background: linear-gradient(#E3F5F9, #b5e6ee);
}
.slogan-wrap .view-work:active {
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

/* =Featured Slider
-------------------------------------------------------------- */
.featured-slider, 
.featured-slider .slider-cycle {
	position: relative;
	margin-top: -1px;
	margin-bottom: 4px;
}
.featured-slider .displayblock {
	display: block;
}
.featured-slider .displaynone {
	display: none;
}
.featured-text {
	position: absolute;
	bottom: 55px;
	right: 30px;
	text-align: right;	
	color: #fff;
}
.featured-text .featured-title {
	font: 24px 'Philosopher',sans-serif;
	line-height: 30px;
	padding: 10px 20px;
	background: #05A9C5;
	background: rgba(5, 169, 197, 0.9);
	float: right;
	max-width: 525px;
}
.featured-text .featured-title a {
	color: #fff;
}
.featured-text .featured-content {
	padding: 20px;
	background: #555;
	background: rgba(85, 85, 85, 0.9);
	margin-top: 4px;
	float: right;
	clear: right;
	max-width: 355px;	
}

/* Controllers */
#controllers {
	text-align:center;
	line-height:0;
	position: absolute;
	width: 100%;
	bottom: 15px;
	z-index: 9999;
}
#controllers a {
	width: 14px;
	height: 14px;
	margin: 0 4px;
	overflow:hidden;
	display:inline-block;
	background-color: #fff;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
}
#controllers a:hover, #controllers a.active {
	background-color: #05A9C5;
	color: #05A9C5;
}

/* Search Form */
#branding .searchform {
	float: right;
}

/* =Content
----------------------------------------------- */
#main {
	padding: 1em 0em;
}
#main select {
	background-color: #F9F9F9;
	border: 1px solid #EAEAEA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 40px;
	padding: 10px 8px;
	width: 100%;
	color: #777777;
}
#main form input, #main form textarea {	
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#content h3, #content h4, #content h5, #content h6 {
    padding-bottom: 0px;
}
#content h1 {
    	padding-bottom: 3px;
	}
#content h2 {
    	padding-bottom: 10px;
	}
#content ul {
	
}
#content ul, #content ol {
	margin: 0 0 20px 0px;
}
#content ul a, #content ol a {
	color: #f9f9f9;
}
#content ul a:hover, #content ol a:hover {
	text-decoration: none;
	color: #05A9C5;
}
#content ol {
	list-style-type: decimal;
}
#content ol ol {
	list-style: upper-alpha;
}
#content ol ol ol {
	list-style: lower-roman;
}
#content ol ol ol ol {
	list-style: lower-alpha;
}
#content ul ul, #content ol ol, #content ul ol, #content ol ul {
	margin-bottom: 0;
}
.service-item {
	padding-bottom: 15px;
}
.service-item .service-icon {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: rgba(0, 0, 0, 0.6);
	float: left;
	display: block;
	margin-right: 20px;
	text-align: center;
}
.service-item .service-icon img {
	height: 40px;
	width: 40px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
#content .service-item .service-title {
	font-size: 20px;
	line-height: 25px;
	color: #555;
	display: block;
	overflow: hidden;
	padding-top: 7px;
	padding-bottom: 0;
}

#primary {
	float: left;
	margin-left: 3.06%;
	width: 63.64%;
}
#content .post {
	padding-top: 0px; 
   padding-bottom: 0px;   
	border-top: 0px solid #eaeaea;
}
#content .sticky {
	background-color: #E6E6E6;
	padding: 20px 20px 30px;
	margin-bottom: 40px;
}
.sticky .entry-meta-bar {
    display: none;
}
.page-title-wrap {
	background-color: #F9F9F9;
	border-bottom: 1px solid #EAEAEA;
	padding: 0px 0; 
    margin-right: -500%;
    margin-left: -500%;
    padding-right: 500%;
    padding-left: 500%;
}
.page-title {
border-bottom: 0px solid #db7093;
    font-size: 15px;
    line-height: 1px;
    color: #555;
    font-weight: normal;
    float: left;
    padding-top: 12px;
    margin-bottom: 5px;
}
.page-title a {
	color: #555;
}


.entry-title,
.entry-title a {
	color: #555;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #05A9C5;
}


.tags {
	margin-bottom: 10px;
}
.tags a {

	color: #888;	
	padding: 0 0 0 10px;
}
.tags a:hover {
	color: #05A9C5;
}
.post-featured-image {
	margin-bottom: 8px;
	max-width: 100%;
}
.post-featured-image a {
	display: block;
}
.entry-content dt, 
.comment-content dt {
	font-weight: bold;
}
.entry-content dd, 
.comment-content dd {
   margin-bottom: 20px;
}
.entry-content {
	padding-bottom: 3px;
	padding-top: 3px;
	display: block;
	overflow: hidden;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 0.4em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 5px;
}
.wp-video {
	margin-bottom: 20px;
}

/* Column */
.column {
	margin-left: -3.06%;
}
.column a {
	margin-bottom: 10px;
	display: block;
}
.one-half, .one-third, .one-fourth  {
	float: left;
	margin: 0 0 0 2.97%;
	padding-bottom: 20px;
}
.one-half {
	width: 47.03%;
}
.one-third {	
	width: 30.36%;
}
.one-fourth {	
	width: 22.02%;
}

/* Sidebar */
#secondary {
	float: left;
	margin-left: 3.06%;
	width: 33.28%;
}

/* Left Sidebar Template */
.left-sidebar-template #primary {
    float: right;
}
.left-sidebar-template #secondary {
    float: left;
}

/* One Column Template */
.one-column-template .wrapper {
	width: 708px; 
}
.one-column-template .container {
	width: 668px;
}
.no-sidebar-template #content {
	width: 668px;
	margin: 0 auto;
}

/* Custom Gallery Page */
.custom-gallery #main {
	padding-bottom: 20px;
}
#content .custom-gallery-title, 
.custom-gallery-title a {
   font-size: 20px;
	text-align: center;
	line-height: 25px;
	color: #555;
	padding-bottom: 0;
}
.custom-gallery-title a:hover {
   color: #05A9C5;
}

/* Blog Medium Page */
.blog-medium .post-featured-image {
	width: 34.57%;
	float: left;
	margin-right: 4.67%;
}
.blog-medium .entry-content {
	padding-bottom: 0;
}

/* Contact Page */
.map-location {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-bottom: 26px;
	padding: 5px;
}
.contact #primary .form label {
	display: block;
	padding-bottom: 5px;
}
.wpcf7 p {
	margin-bottom: 0;
}
#main .wpcf7 select {
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	margin: 0 0 30px;
	width: 50%;
	background-color: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Single Page */
.single .entry-meta {
   float: none;
   width: 100%;

}
.single .entry-meta-bar {
   padding-bottom: 10px;
	    text-align: right;
	font-size: 0.8em;
    padding-right: 10px;
}
.single #content .post {
	border-top: 0 none;
   padding-top: 0px;
}

/* Wide Layout */
.wide-layout .wrapper {
	max-width: 100%;
	width: 100%;
	-webkit-box-shadow: 0 0 0 #ddd;
	-moz-box-shadow:  0 0 0 #ddd;
	box-shadow: 0 0 0 #ddd;
}
.wide-layout #branding, 
.wide-layout #colophon {
	margin: 0;
}

/* =Attachments
----------------------------------------------- */
.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}

/* =Comments
-------------------------------------------------------------- */
#content .comments-area ul,
#content .comments-area ol,
.comments-area article {
	margin: 0 0 0px 10px;
}
.comments-area article header {
	margin-bottom: 0px;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 0px;
}
.comments-area article header cite {
	font-style: normal;
	line-height: 1.42857143;
	font-size: 20px;
}
.comments-area article header time {
	text-decoration: none;
	font-size: 13px;
	color: black;
}
.comments-area article header a {
	text-decoration: none;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
#content .comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 20px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #05a9c5;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
}
.comments-area .comment-content p {
	margin-bottom: 10px;
}
a.comment-reply-link {
	font-size: 13px;
	color: black;
}
.commentlist .pingback {
	margin-bottom: 30px;
}
.commentlist .children {
	margin-left: 30px;
}

/* Comment form */
.commentlist #respond {
	margin: 20px 0 30px;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	font-weight: normal;
	font-size: 14px;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	margin-bottom: 0;
}
#respond form input[type="text2"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	margin-bottom: 0;
}
#respond .form-submit,
#respond .form-submit input {
	margin-bottom: 10;
}
#respond .form-submit2,
#respond .form-submit2 input {
	margin-bottom: 10;
}
.required {
	color: red;
}
label ~ span.required {
	display: block;
	float: left;
	margin: -18px 0 0 -16px;
	margin: -1.285714286rem 0 0 -1.142857143rem;
}

/* Image borders */
.img-border {
	background-color: #fff;
  	padding: 5px;
  	border: 1px solid #ccc;
 }

/* =Pagination
-------------------------------------------------------------- */
#wp_page_numbers {
	margin-bottom: 40px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 7px 0; 
}
#wp_page_numbers ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	float: right;
}
#wp_page_numbers ul li {
	float: left;
	margin-left: 7px; 
}
#wp_page_numbers ul li.page_info {
	padding: 3px 8px 0;
	color: #999;
}
#wp_page_numbers ul li a {
	color: #777;
   display: block;
   float: left;
   background-color: #f9f9f9;
   border: 1px solid #eaeaea;     	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px 2px;
}
#wp_page_numbers ul li a:hover, #wp_page_numbers ul li.active_page a {
   border: 1px solid #0596AF;
   color: #fff; 
   background: #06B8D7;
	background: -webkit-linear-gradient(#06B8D7, #05aac6);
	background: -moz-linear-gradient(#06B8D7, #05aac6);
	background: -ms-linear-gradient(#06B8D7, #05aac6);
	background: -o-linear-gradient(#06B8D7, #05aac6);
	background: -webkit-gradient(#06B8D7, #05aac6);
	background: linear-gradient(#06B8D7, #05aac6);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);	
}
#wp_page_numbers ul li a:active {
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
}

/* wp-pagenavi */
.wp-pagenavi {
	margin-bottom: 40px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 7px 0; 
	text-align: center;
}
.wp-pagenavi .pages { 
	padding: 3px 7px 0;
	color: #999;
}
.wp-pagenavi .current, .wp-pagenavi a {	
   display: inline-block;
   color: #777;
   background-color: #f9f9f9;
   border: 1px solid #eaeaea;     	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px 2px;
	margin-left: 4px;
}
.wp-pagenavi .current, .wp-pagenavi a:hover {
   border: 1px solid #0596AF;
   color: #fff; 
   background: #06B8D7;
	background: -webkit-linear-gradient(#06B8D7, #05aac6);
	background: -moz-linear-gradient(#06B8D7, #05aac6);
	background: -ms-linear-gradient(#06B8D7, #05aac6);
	background: -o-linear-gradient(#06B8D7, #05aac6);
	background: -webkit-gradient(#06B8D7, #05aac6);
	background: linear-gradient(#06B8D7, #05aac6);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);	
}
.wp-pagenavi a:active {
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
}

/* Default wp-page */ 
#content ul.default-wp-page {
	margin: 0;
	list-style: none;
	margin-bottom: 10px;	
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 7px 0 0; 
}
ul.default-wp-page li {
	padding-bottom: 7px;
}
ul.default-wp-page li.previous {
	float:left;	
}
ul.default-wp-page li.next {
	float:right;
}
ul.default-wp-page li a {
   display: inline-block;
   color: #777;
   background-color: #555;
   border: 1px solid #eaeaea;     	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px 2px;
}
ul.default-wp-page li a:hover {
   border: 1px solid #0596AF;
   color: #fff !important; 
   background: #06B8D7;
	background: -webkit-linear-gradient(#06B8D7, #05aac6);
	background: -moz-linear-gradient(#06B8D7, #05aac6);
	background: -ms-linear-gradient(#06B8D7, #05aac6);
	background: -o-linear-gradient(#06B8D7, #05aac6);
	background: -webkit-gradient(#06B8D7, #05aac6);
	background: linear-gradient(#06B8D7, #05aac6);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);	
}
ul.default-wp-page li a:active {
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
}

/* Single pagination */ 
.pagination {
	margin-bottom: 40px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 7px 0; 
	text-align: center;
	color: #999;
}
.pagination span {
   display: inline-block;
   color: #fff;    
   background-color: #06B8D7;
   border: 1px solid #0596AF;   	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px 2px;	
	margin-left: 3px;
}
.pagination a span {
	background-color: inherit;
   border: 1px solid #fff; 
   color: #777;
}
.pagination a:hover span {
 	background-color: #f9f9f9;
   border: 1px solid #eaeaea; 
}

/* =bbPress
----------------------------------------------- */
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size: 13px;
}
#bbpress-forums div.bbp-search-form {
	float: none;
	text-align: center;
}
#bbpress-forums ul,
#bbpress-forums ol {
	margin: 0;
}
#bbpress-forums #bbp-search-form #bbp_search {
	width: 70%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-right: 0 none;
}
#bbpress-forums #bbp-search-form #bbp_search_submit {
	padding: 0 3%;
	height: 42px;
	margin-left: -4px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	display: inline-block;
	margin: 0 0 0 -3px;
}
#bbpress-forums #bbp-search-form #bbp_search_submit2 {
	padding: 0 3%;
	height: 42px;
	margin-left: -4px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	display: inline-block;
	margin: 0 0 0 -3px;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
	display: inline-block;
	line-height: 20px;
	margin-top: 5px;
}
div.bbp-search-form input,
div.bbp-search-form button {
	padding: 10px;
}
#bbpress-forums button {
	border: 1px solid #0596AF;
	color: #fff;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 40px;
	margin-bottom: 10px;
	padding: 0px 25px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	background: #06B8D7;
	background: -webkit-linear-gradient(#06B8D7, #05aac6);
	background: -moz-linear-gradient(#06B8D7, #05aac6);
	background: -ms-linear-gradient(#06B8D7, #05aac6);
	background: -o-linear-gradient(#06B8D7, #05aac6);
	background: -webkit-gradient(#06B8D7, #05aac6);
	background: linear-gradient(#06B8D7, #05aac6);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* =Widgets
----------------------------------------------- */
.widget {
	margin-bottom: 10px;
}

.widget-title {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #ffb3cc;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
    padding-bottom: 5px;
	padding-top: 10px;
margin-top: 10px;
}

.widget-title, .widget-title a {
	color:#555;
}
.widget-title a:hover {
	color: #05A9C5;
}
/* Search Widget */
.widget_search input.s {
	width: 100%;
	height: 40px;
	padding: 0 35px 0 15px; 
	color: #777;
	background-color: #f9f9f9;
	background-position: right 10px; 
	border-color: #eaeaea;
	cursor: text;
	text-indent: 0;
}
.widget_search input.s:focus { 
	border-color: #ccc;
}
/* Calendar Widget */
.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* Article Widget */
.widget_article {
	margin-bottom: 20px;
}
.widget_article .article-title a:hover {
	text-decoration: underline;
}
.widget_article .post {
	padding-bottom: 20px;
}
.widget_article .article-content p {
	margin-bottom: 0px;
}
/* Recent Entries/Comments widget */
.widget_recent_entries ul li,
.widget_recent_comments ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 5px 0;
}
/* Testimonial widget */
.widget_testimonial .testimonial-icon {
	width: 25px;
	height: 19px;
	float: left;
	background: url('images/testimonial-icon.png') no-repeat top center; 
	margin-right: 3.06%;
}
.widget_testimonial .testimonial-post {
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #eaeaea;
	-webkit-box-shadow: 0 1px 4px #eaeaea inset;
	-moz-box-shadow: 0 1px 4px #eaeaea inset;
	box-shadow: 0 1px 4px #eaeaea inset;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	font-style: italic;
	margin-bottom: 15px; 
	display: block;
	overflow: hidden;
}
.widget_testimonial .testimonial-author {
	text-align: right;	
	clear: both;
}
.widget_testimonial .testimonial-author span {
	font-weight: bold;
	display: block;
}

/* Tag Cloud */
.widget_tag_cloud a {
	margin-right: 5px;
	color: #777;
	padding: 10px 0; 
}
.widget_tag_cloud a:hover {
	color: #05A9C5;
}

/* Custom Tag Cloud */
.widget_custom-tagcloud {
	margin-bottom: 32px;
}
.widget_custom-tagcloud a {
	margin:0 4px 8px 0;
	background-color: #F9F9F9;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 1px 8px 2px;
	color: #777;
}
.widget_custom-tagcloud a:hover {
	border: 1px solid #0596AF;
	color: #fff;
	background: #06B8D7;
	background: -webkit-linear-gradient(#06B8D7, #05aac6);
	background: -moz-linear-gradient(#06B8D7, #05aac6);
	background: -ms-linear-gradient(#06B8D7, #05aac6);
	background: -o-linear-gradient(#06B8D7, #05aac6);
	background: -webkit-gradient(#06B8D7, #05aac6);
	background: linear-gradient(#06B8D7, #05aac6);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);	
}
.widget_custom-tagcloud a:active {
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
}

/* Service Widget*/
.widget_service {
	margin-bottom: 0;
	padding-bottom: 10px;
}

/* Recent Work Widget*/
.widget_recent_work {
	margin-bottom: 10px;
}

/* Promotional Bar Widget */
.widget_promotional_bar {
	font-family: 'Philosopher', sans-serif;
}
.widget_promotional_bar .promotional_bar_content {
	background-color: #05a9c5;
	padding: 30px 15px;
	text-align: center;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
.widget_promotional_bar .promotional-text {
	font-size: 24px;
	line-height: 30px;
	color: #fff;
}
.widget_promotional_bar .promotional-text span {
	font-size: 13px;
	line-height: 20px;
	display: block;
	padding-top: 5px;
	font-family: "PT Sans",sans-serif;
}
.widget_promotional_bar .call-to-action {
	padding: 8px 15px 0;
	margin-top: 20px;
	color: #494949;
	font-size: 18px;
	display: inline-block;
	border: 2px solid #fff;
	text-align: center;
	height: 28px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	background: #b5e6ee;
	background: -webkit-linear-gradient(#d0eef4, #b5e6ee);
	background: -moz-linear-gradient(#d0eef4, #b5e6ee);
	background: -ms-linear-gradient(#d0eef4, #b5e6ee);
	background: -o-linear-gradient(#d0eef4, #b5e6ee);
	background: -webkit-gradient(#d0eef4, #b5e6ee);
	background: linear-gradient(#d0eef4, #b5e6ee);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);	
	text-shadow:0 1px 0 rgba(251, 251, 251, 0.7)
}
.widget_promotional_bar .call-to-action:hover {
	background: -webkit-linear-gradient(#E3F5F9, #b5e6ee);
	background: -moz-linear-gradient(#E3F5F9, #b5e6ee);
	background: -ms-linear-gradient(#E3F5F9, #b5e6ee);
	background: -o-linear-gradient(#E3F5F9, #b5e6ee);
	background: -webkit-gradient(#E3F5F9, #b5e6ee);
	background: linear-gradient(#E3F5F9, #b5e6ee);
}

/* WP Caption */
.wp-caption {	
	margin-bottom: 30px;
	max-width: 100%;
}
.wp-caption .wp-caption-text, .gallery-caption {
	font-style: italic;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0;
	padding: 15px 0;
	border-bottom: 1px solid #EAEAEA;
}

/* =Footer
----------------------------------------------- */
#colophon {
	margin-bottom: 0px;
}
#colophon select {
	background-color: #F9F9F9;
	border: 1px solid #EAEAEA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 40px;
	padding: 10px 8px;
	width: 100%;
	color: #777777;
}
#colophon form input, #colophon form textarea {	
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#colophon .widget-wrap {
	background-color: #423d3d;
	border-top: 1px solid #eaeaea;
	margin-right: -500%;
    margin-left: -500%;
    padding-right: 500%;
    padding-left: 500%;
}
#colophon .widget-area {
	margin-left: -3.06%;
	padding: 10px 0 10px;
}
#colophon .widget {
   float: left;
   margin-left: 2.97%;
   width: 80.35%;
}
#colophon .widget_archive, 
#colophon .widget_pages, 
#colophon .widget_nav_menu,
#colophon .widget_recent_entries,
#colophon .widget_categories,
#colophon .widget_recent_comments,
#colophon .widget_meta,
#colophon .widget_rss {
   margin-bottom: 22px;
}
#colophon .widget_archive ul li, 
#colophon .widget_pages ul li, 
#colophon .widget_nav_menu ul li,
#colophon .widget_recent_entries ul li,
#colophon .widget_categories ul li,
#colophon .widget_recent_comments ul li,
#colophon .widget_meta ul li,
#colophon .widget_rss ul li {
   padding-bottom: 8px;
}
#colophon .widget-title {
   font-size: 19px;
   text-transform: uppercase;
   line-height: 25px;
}
#colophon .widget_article {
	margin-bottom: 10px;
}
#colophon .widget_info, 
#colophon .widget_text {
	margin-bottom: 15px;
}

/* Site Generator */
#site-generator {	
	padding: 0px 0px;	
	border-top: 1px solid #eaeaea; 
	color: #999;
}
#site-generator .social-profiles {
   float: right;
   width: 31.28%;
}
#site-generator .copyright {
   float: left;
   padding-top: 5px;
   width: 65.64%;
}
#site-generator .copyright a {
   color: #777;
}
#site-generator .copyright a:hover {
   color: #05A9C5
}

/* =Responsive Structure
----------------------------------------------- */
/* All Tablet Portrait size smaller than standard 1079 (devices and browsers) */
@media only screen and (max-width: 1078px) {
	.wrapper { 
		width: 731px;
	}
	.container {
		width: 730px;
	}
	.clearfix-half {
		clear: both;
	}
	.clearfix-third {
		clear: none;
	}
	#site-title a img {
		max-width: 1000px;	
	}
	.featured-title,
	.featured-content {
		display: none;
	}
	#primary, #secondary, 
	#colophon .widget {
	   float: none;
	   margin-left: 0;
	   width: 100%;
	}
	.slogan-wrap .slogan {
		width: 77.5%;
	}
	.no-sidebar-template #content {
		margin: 0 ;
		width: 100%;
	}
	/* Column */
	.column {
		margin-left: -2.99%;
	}
	.one-half, 
	.one-third, 
	.one-fourth  {
		margin: 0 0 0 2.90%;
	}
	.one-third, .one-fourth {
	    width: 30.43%;
	}	
	.widget_service .one-third, 
	.widget_service .one-fourth {	
		width: 47.02%;
	}
	#colophon .widget-area {
		margin-left: 0px;
	}
	#colophon .widget_info, #colophon .widget_text {
		margin-bottom: 30px;
	}
}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) {
	hr { 
		
	}
	input[type="text"], 
	input[type="text2"], 
	input[type="password"], 
	input[type="tel"],
	input[type="url"],
	input[type="date"],
	textarea,
	input[type="reset"], 
	input[type="button"], 
	input[type="submit"],
	input[type="submit2"],
	input[type="radio"],
	input[type="checkbox"],
	input[type="file"],
	#main .wpcf7 select { 
		margin-bottom: 0px;
		margin-left: 0px;
	}
	input.s {		
		margin: 0;
	}
	input.s:focus {
		width: 235px;
	}
	.one-column-template .wrapper, 
	.wrapper { 
		width: 100%; 
	}
	.one-column-template .container, 
	.container {
		width: 100%;
	}
	.wide-layout .wrapper {
	   width: 100%;
	}
	.comments-title, 
	#respond h3#reply-title {
		font-size: 26px;
	   line-height: 32px;
	}
	#content h3, 
	#content h4, 
	#content h5, 
	#content h6 {
    	padding-bottom: 0px;
	}
#content h1 {
    	padding-bottom: 3px;
	}
#content h2 {
    	padding-bottom: 10px;
	}
	#branding {
		margin-top: 0px;	
	}
	.hgroup-wrap {
	   padding-bottom: 0px;
	   padding-top: 0;
	}
	.hgroup-right {
		margin-top: 32px;
	}
	.hgroup-right .social-profiles {
		display: none;
	}	
	#site-logo {
	   margin-top: 0px;
	}
	#site-title a img {
		max-width: 280px;	
	}
	#access { 
		height: 0px;
    	padding: 0px 0 0;
		padding-top: 0px;
	padding-bottom: 0px;

	}
	#access ul { 
		display: none;
	}
	#access select { 
	 	display: block;
		width: 100%;
		background: url(images/responsive-menu-bg.png) right center no-repeat;
		background-size: 28px 22px;
		border: 0 none;
		font: 14px 'PT Sans', sans-serif;
		text-transform: uppercase;
		color: #555;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		height: 22px;
	}
	.page-title-wrap { 
		    
    line-height: 15px;
	}
	.breadcrumb {
		margin-top: 0px;
    	float: none;
    	text-align: left;
	}
	.slogan-wrap {
    	padding: 15px 0 20px;
	}	
	.slogan-wrap .slogan, 
	.slogan-wrap .view-work {
		float: none;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.slogan-wrap .view-work {
		width: 98%;
		margin: 10px auto 0;
	}
	#main {
    	    padding: 0em 0em;
	}
	.post-featured-image { 
		margin-bottom: 5px;
	}
	.entry-content {
		padding-bottom: 0px;
		padding-top: 3px;
	}
	/* Column */
	.column {
		margin-left: 0;
	}
	.one-half, 
	.one-third, 
	.one-fourth,
	.widget_service .one-half,
	.widget_service .one-third, 
	.widget_service .one-fourth {
		margin: 0;
		padding-bottom: 10px;
		width: 100%;
	}
	#content .post {
    	padding-bottom: 0px;
	}
	.tags {
		margin-bottom: 10px;
		margin-left: 10px;
	}
   .widget_search input.s, 
   .widget_search input.s:focus {
		width: 90%;
	    margin: 0em 0.5em;
	}
   #wp_page_numbers, 
   .wp-pagenavi, 
   #content ul.default-wp-page, 
   .pagination {
	   margin-bottom: 30px;
	}
   #wp_page_numbers ul li.page_info, 
   .wp-pagenavi .pages {
		display: none;
	}
	.wp-caption {
	   margin-bottom: 15px;

	}
	.widget {
    	margin-bottom: 0px;
	}
	.widget_custom-tagcloud { 
		margin-bottom: 22px;
	}
	.widget_article { 
		margin-bottom: 10px;
	}
	.widget_service {
		margin-bottom: 0;
	}
	.widget_recent_work {
	    margin-bottom: 10px;
	}
	.widget_testimonial .testimonial-icon {
		float: none;
		margin-bottom: 15px;
	}
	#colophon {
		margin-bottom: 10px;
	}
	#site-generator .social-profiles, 
   #site-generator .copyright {
    	float: none;
    	width: 100%;
	}
   #site-generator .social-profiles ul {
    	text-align: center;
    	float: none;
   }   
	#site-generator .social-profiles ul li {
    	display: inline-block;
    	float: none;
	}
	#site-generator .copyright {
    	padding-top: 10px;
    	text-align: center;
	}
}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 320px) {
	hr { 
		
	}
	input[type="text"], 
	input[type="text2"], 
	input[type="password"], 
	input[type="tel"],
	input[type="url"],
	input[type="date"],
	textarea,
	input[type="reset"], 
	input[type="button"], 
	input[type="submit"],
	input[type="submit2"],
	input[type="radio"],
	input[type="checkbox"],
	input[type="file"],
	#main .wpcf7 select { 
		margin-bottom: 0px;
	}
	input.s {		
		margin: 0;
	}
	input.s:focus {
		width: 235px;
	}
	.one-column-template .wrapper, 
	.wrapper { 
		width: 100%; 
	}
	.one-column-template .container, 
	.container {
		width: 320px;
	}
	.wide-layout .wrapper {
	   width: 100%;
	}
	.comments-title, 
	#respond h3#reply-title {
		font-size: 26px;
	   line-height: 32px;
	}
	#content h3, 
	#content h4, 
	#content h5, 
	#content h6 {
    	padding-bottom: 0px;
	}
#content h1 {
    	padding-bottom: 3px;
	}
#content h2 {
    	padding-bottom: 10px;
	}
	#branding {
	 margin-top: 0px;	
	}
	.hgroup-wrap {
	   padding-bottom: 0px;
	   padding-top: 0;
	}
	.hgroup-right {
		margin-top: 32px;
	}
	.hgroup-right .social-profiles {
		display: none;
	}	
	#site-logo {
	   margin-top: 0px;
	}
	#site-title a img {
		max-width: 280px;	
	}
	#access { 
		height: 0px;
    	padding: 0px 0 0;
	}
	#access ul { 
		display: none;
	}
	#access select { 
	 	display: block;
		width: 100%;
		background: url(images/responsive-menu-bg.png) right center no-repeat;
		background-size: 28px 22px;
		border: 0 none;
		font: 14px 'PT Sans', sans-serif;
		text-transform: uppercase;
		color: #555;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		height: 22px;
	}
	.page-title-wrap { 
		    
    line-height: 15px;
	}
	.breadcrumb {
		margin-top: 0px;
    	float: none;
    	text-align: left;
	}
	.slogan-wrap {
    	padding: 15px 0 20px;
	}	
	.slogan-wrap .slogan, 
	.slogan-wrap .view-work {
		float: none;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.slogan-wrap .view-work {
		width: 98%;
		margin: 10px auto 0;
	}
	#main {
    	    padding: 0em 0em;
	}
	.post-featured-image { 
		margin-bottom: 5px;
	}
	.entry-content {
		padding-bottom: 0px;
		padding-top: 3px;
	}
	/* Column */
	.column {
		margin-left: 0;
	}
	.one-half, 
	.one-third, 
	.one-fourth,
	.widget_service .one-half,
	.widget_service .one-third, 
	.widget_service .one-fourth {
		margin: 0;
		padding-bottom: 10px;
		width: 100%;
	}
	#content .post {
    	padding-bottom: 0px;
	}
	.tags {
		margin-bottom: 10px;
		margin-left: 10px;
	}
   .widget_search input.s, 
   .widget_search input.s:focus {
		width: 90%;
	    margin: 0em 0.5em;
	}
   #wp_page_numbers, 
   .wp-pagenavi, 
   #content ul.default-wp-page, 
   .pagination {
	   margin-bottom: 30px;
	}
   #wp_page_numbers ul li.page_info, 
   .wp-pagenavi .pages {
		display: none;
	}
	.wp-caption {
	   margin-bottom: 15px;

	}
	.widget {
    	margin-bottom: 0px;
	}
	.widget_custom-tagcloud { 
		margin-bottom: 22px;
	}
	.widget_article { 
		margin-bottom: 10px;
	}
	.widget_service {
		margin-bottom: 0;
	}
	.widget_recent_work {
	    margin-bottom: 10px;
	}
	.widget_testimonial .testimonial-icon {
		float: none;
		margin-bottom: 15px;
	}
	#colophon {
		margin-bottom: 10px;
	}
	#site-generator .social-profiles, 
   #site-generator .copyright {
    	float: none;
    	width: 100%;
	}
   #site-generator .social-profiles ul {
    	text-align: center;
    	float: none;
   }   
	#site-generator .social-profiles ul li {
    	display: inline-block;
    	float: none;
	}
	#site-generator .copyright {
    	padding-top: 10px;
    	text-align: center;
	}
}




/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	input.s:focus {
		width: 375px;
	}
	.one-column-template .wrapper, 
	.wrapper { 
	   width: 100%; 
	}
	.one-column-template .container, 
	.container {
		width: 420px;
	}
	.wide-layout .wrapper {
	   width: 100%;
	}
	#branding {
		margin-top: 0px;	
	}
	.hgroup-wrap {
    	padding-bottom: 0px;
	}
	.hgroup-right {
		margin-top: 37px;
	} 
	#site-logo {
	   margin-top: 0px;
	}
	#site-title a img {
		max-width: 420px;	
	}
	/* Column */
	.column {
		margin-left: -3.57%;
	}
	.one-half, 
	.one-third, 
	.one-fourth {
		margin: 0 0 0 3.44%;
		width: 46.56%;
	}
	.widget_service .column {	
		margin-left: 0;
	}
	#colophon {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 410px) and (max-width: 479px) {
	.container {
		width: 100%;
	}
}

/* All Mobile size smaller than standard 320 (devices and browsers) */
@media only screen and (max-width: 319px) {
   .one-column-template .wrapper, 
   .wrapper,
   .one-column-template .container,
   .container { 
   	width: 95%; 
   }        
}

/* =Retina Ready Structure
----------------------------------------------- */
/* All Retina Ready devices larger than 1.5 pixel ratio */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.back-to-top a {
		background-image: url("images/back-to-top@2x.png");
		background-size: 35px 35px;
	}
	input.s { 
		background-image: url('images/search@2x.png');		
		background-size: 24px 15px;
	}
	.social-profiles ul li a {
		background-image: none;					
		background-size: 30px 30px;
	}
	.social-profiles ul li.facebook a {
		background-image: url('images/facebook@2x.png');		
		background-position: 0 0;		
	}
	.social-profiles ul li.facebook a:hover {
		background-image: url('images/facebook@2x-hover.png');		
		background-position: 0 0;
	}
	.social-profiles ul li.twitter a {
		background-image: url('images/twitter@2x.png');
		background-position: 0 0;
	}
	.social-profiles ul li.twitter a:hover {
		background-image: url('images/twitter@2x-hover.png');
		background-position: 0 0;
	}
	.social-profiles ul li.google-plus a {
		background-image: url('images/google-plus@2x.png');
		background-position: 0 0;
	}
	.social-profiles ul li.google-plus a:hover {
		background-image: url('images/google-plus@2x-hover.png');
		background-position: 0 0;
	}
	.social-profiles ul li.pinterest a {
		background-image: url('images/pinterest@2x.png');
		background-position: 0 0;
	}
	.social-profiles ul li.pinterest a:hover {
		background-image: url('images/pinterest@2x-hover.png');
		background-position: 0 0;
	}
	.social-profiles ul li.linked a {
		background-image: url('images/linked@2x.png');
		background-position: 0 0;
	}
	.social-profiles ul li.linked a:hover {
		background-image: url('images/linked@2x-hover.png');
		background-position: 0 0;
	}
	.social-profiles ul li.tumblr a {
		background-image: url('images/tumblr@2x.png');
		background-position: 0 0;
	}
	.social-profiles ul li.tumblr a:hover {
		background-image: url('images/tumblr@2x-hover.png');
		background-position: 0 0;
	}
	.social-profiles ul li.vimeo a {
		background-image: url('images/vimeo@2x.png');
		background-position: 0 0;
	}
	.social-profiles ul li.vimeo a:hover {
		background-image: url('images/vimeo@2x-hover.png');
		background-position: 0 0;
	}
	.social-profiles ul li.my-space a {
		background-image: url('images/my-space@2x.png');
		background-position: 0 0;
	}
	.social-profiles ul li.my-space a:hover {
		background-image: url('images/my-space@2x-hover.png');
		background-position: 0 0;
	}
	.social-profiles ul li.flickr a {
		background-image: url('images/flickr@2x.png');
		background-position: 0 0;
	}
	.social-profiles ul li.flickr a:hover {
		background-image: url('images/flickr@2x-hover.png');
		background-position: 0 0;
	}
	.social-profiles ul li.you-tube a {
		background-image: url('images/you-tube@2x.png');
		background-position: 0 0;
	}
	.social-profiles ul li.you-tube a:hover {
		background-image: url('images/you-tube@2x-hover.png');
		background-position: 0 0;
	}
	.social-profiles ul li.rss a {
		background-image: url('images/rss@2x.png');
		background-position: 0 0;
	}
	.social-profiles ul li.rss a:hover {
		background-image: url('images/rss@2x-hover.png');
		background-position: 0 0;
	} 
	.widget_testimonial .testimonial-icon {
		background-image: url('images/testimonial-icon@2x.png'); 
		background-size: 25px 19px;
	}
}  	

/* Newpost Catch */

#npcatch .title a{
    font-weight: 700;
	    color: #333333;

#npcatch li{
	color: #000000;
    overflow:hidden;
    clear:both;
    vertical-align:top;
}
#npcatch img{
    float:left;
    padding:5px 10px 5px 0;
}


}
#npcatch .date {
    font-size: x-small;
    font-weight: 400;
    display:block;
    color: #666699;
    margin-bottom: 5px;
}



#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}

.sample1 blockquote {  
    background: url(image/blockquote1.gif) no-repeat 95% 68%;  
    padding: 15px;  
    color: #064599;  
}  
.sample1 p  {  
    margin-bottom: 12px;  
}  
.sample1 .origin    {  
    text-align: right;  
    padding-top: 8px;  
    margin-bottom:0;  
}  
.sample1 .origin a  {  
    background: url(image/origin1.gif) no-repeat 0 7px;  
    padding-left: 15px;  
    color: #999;  
}  

.bb2 blockquote {  
    background: url(image/blockquote2.gif) no-repeat 2% 6%;  
    padding: 10px 20px;  
    border-top: 1px solid #CCC;  
    border-bottom: 1px solid #CCC;  
    color: #212121;  
}  
.bb2 p  {  
    margin-bottom: 12px;  
}  
.bb2 .origin    {  
    text-align: right;  
    margin-bottom:0;  
}  
.bb2 .origin a  {  
    color: #2D88B3;  
}  

//PCでのみ表示するコンテンツ
function if_is_pc($atts, $content = null )
{
$content = do_shortcode( $content);
    if(!wp_is_mobile())
        {
        return $content;
        }
}
add_shortcode('pc', 'if_is_pc');
//スマートフォン・タブレットでのみ表示するコンテンツ
function if_is_nopc($atts, $content = null )
{
$content = do_shortcode( $content);
    if(wp_is_mobile())
        {
        return $content;
        }
}
add_shortcode('nopc', 'if_is_nopc');

/*Display Posts Shortcode横並び160px*/
.display-posts160 ul.display-posts-listing  {
width: 160px;
display: inline-block;
vertical-align: top;
font-size: 20px;
margin: 0;
padding: 6px;
}

.display-posts ul.display-posts-listing img {
display: block;
padding: 2px;
}

/*Display Posts Shortcode横並び250px*/
.display-posts250 ul.display-posts-listing {
width: 250px;
display: inline-block;
vertical-align: top;
font-size: 20px;
margin: 0;
padding: 6px;
}

.display-posts ul.display-posts-listing img {
display: block;
padding: 2px;
}

.wpp-img2 {
    position:relative;
    display:block;
    width:630px;
　　height:180px;
    width:300px;
    height:169px;
    margin:5px;
    padding:0;
    background-color:#000;
}
.wpp-img2 img {
    z-index:0;
    margin:0;
    padding:0;
}
 
.wpp-img2 a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
 
.wpp-img2 a:hover {
    color: #b22222;
}
.wpp-img2 img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.img_title {
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1;
    margin:0;
    padding:5px;
    background-color:#000;
    width: 290px;
}
.img_title a:hover {
    color:#b22222;
}
.opa  {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.wpp-list li {
    position: relative;
	margin-bottom: 5px;
}

.wpp-post-title {
    position: absolute;
    left: 0;
    bottom: 0;
	line-height: 15px;
    background-color: rgba(0,0,0,0.6);
    max-width:400px;
	width: 98%;
	padding: 3px 5px;
}

.wpp-list a{
color: #fff;

font-size: 70%;
}

.button {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #333;
	color: #333;
	line-height: 50px;
	overflow: hidden;
}
.button:hover {
	color: #fff;
}
.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}
.button:hover::after {
	background: #333;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.button {
	display: inline-block;
	width: 95%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

a:hover img{

opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}

.nohover:hover img{

opacity:1;
filter:alpha(opacity=100);
-ms-filter: “alpha( opacity=100 )”;

}

.futo {
    font-weight: bold;
}

/* YARPP standard*/

.yarpp-standard h5{
	font-weight: 700;
	font-size: 14px;
	color: inherit;
	padding: 5px;
	border: solid 1px #ff9900;
	border-radius: 3px;
	margin: 10px 0;
}

.yarpp-standard dl{
	clear:both;
}

.yarpp-standard img{
	float:left;
	margin: 0px 10px 5px 0;
}

.yarpp-standard a.title {
	font-weight: 700;
	text-decoration:none;
	color: #483D8B;
}

.yarpp-standard a.title:hover {
	color: #3366ff;
}

.yarpp-standard small {
	color: #A9A9A9;
}

.yarpp-standard .date {
	font-size: 0.8em;
	color: #66cc99;
}

ul.footer li {
display: inline;
text-align: center;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: 横サイズ !important;
height: auto !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
max-width: 横サイズ !important;
height: auto !important;
}

table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.type01 th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.type01 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.type02 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.type02 th {
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.type02 td {
	vertical-align: top;
	border: 1px solid #ccc;
}
table.type04 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-bottom: 0px solid #ddd;
}
table.type04 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 0px solid;
}
table.type04 td {
	padding: 10px;
	vertical-align: top;
	border: 0px solid;
}
table.type03 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.type03 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.type03 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}

table.type05 {

}

.box {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
.clear { clear:both; }  
.clear hr { display:none; }  

#npcatch{
	margin:0px 5px;
}

#npcatch li{
	font-size:12px;
	overflow:hidden;
	clear:both;
	margin:0px 0px 5px;
	vertical-align:top;
	border-bottom: dashed 1px #969696;
}

#npcatch img{
/*サムネイルのスタイル*/
	float:left;
	padding:0px;
	box-shadow:0px 0px 7px #bbb;
	margin-bottom: 5px;
	width: 120px;
    height: 90px;
    border-radius: 5px;
    object-fit: cover;
}


#npcatch .title{
/*記事タイトルのスタイル*/
	width: calc(100% - 40%);
	float:left;
	height: 10px;
    padding: 0px 10px;
    line-height: 17px;
	    font-weight: 700;
	    color: #333333;
}

@media (max-width: 600px) {
#npcatch .title{
/*記事タイトルのスタイル*/
	width: calc(100% - 40%);
	float:left;
	padding: 0 10px;
    line-height: 17px;
}
}

@media (max-width: 350px) {
#npcatch .title{
/*記事タイトルのスタイル*/
	width: calc(100% - 47%);
	float:left;
	padding: 0 10px;
    line-height: 17px;
}
}

.yarpp-related{
    overflow : hidden;
    background-color: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    margin-bottom: 1.0em;
    padding: 0.3em;
}
 
.related-h,
.related-none-h{
    margin-top: 1.0em;
}
 
.related-post{
    width: 95%;
    margin: 0 auto;
}
 
.related-post ul{
    display: block;
    margin:0;
    list-style: none;
}
 
.related-post ul li{
    display: block;
    min-height: 8.0em;
    margin: 0 0 0.3em 0;
    width: 45%;
}
 
.related-post ul .related-leftlist{
    margin-right: 0.5em;
    float: left;
}
 
.related-post ul .related-rightlist{
    margin-left: 0.5em;
    float: right;
}
 
.related-post ul li img{
    display: block;
    float: left;
}
 
.related-post ul li .meta{
    width: 65%;
    float: left;
    display: inline;
    margin: 0 0 0 10px;
}
 
.related-post ul li .date{
    font-size: 0.8em;
    margin: 0 0 5px 0;
    font-weight: bold;
}
 
.related-post ul li .title{
    width: 100%;
    font-size: 0.9em;
    margin:0; 
    padding:0;
}
 
.related-post ul li .title a{
    color:#333;
    display:block;
    margin:0 0 10px 0;
}

/* コメント欄の項目を非表示 */
.comment-form-email {display: none;}
.comment-form-url {display: none;}
.comment-reply-link {display: none;}

.border_radius {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

h2.check{
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
background-color: rgba(255, 255, 255, 0.3);
}

h2.check:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 10;/*アイコンの位置*/
color: #fac; /*アイコン色*/
}

h3.back {
    font-size: 1em;
	color: #fff;
    padding: 0.3em 0em .5em .50em;
    background-color: #292929;
    /* border-radius: 6px; */
    line-height: 30px;
    border-bottom: 0px solid #db7093;
	font-weight: bold;
}


a {
  transition: color .3s;
}

/* All Mobile size smaller than standard 320 (devices and browsers) */
@media only screen and (max-width: 450px) {
   	height: 0px;
    	padding: 0px 0 0;
	padding-top: 0px;
	padding-bottom: 0px;     
}

figure2:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}

.suityoku {
 border: 0px solid #ccc;
 vertical-align: middle; /* 「vertical-align」を指定してもテキストは縦方向中央揃いにならない */
 text-align: center;
}




a.bt-samp12{
  position: relative;
  display: block;
  height: 35px;
  width: 120px;
  text-decoration: none;
  background: #fdc689;
  color: #fff;
  line-height: 37px;
  text-align: center;
  border-radius: 3px;
  box-shadow: 1px 2px 4px #d4842c;
}
a.bt-samp12:active{
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow:none;
}

.red {
background: #cc001b; /*背景色*/
padding: 0.2em;/*文字周りの余白*/
color: white;/*文字を白に*/
border-radius: 0.5em;/*角の丸み*/
line-height: 30px;
}

.bule {
background: #2860a3; /*背景色*/
padding: 0.2em;/*文字周りの余白*/
color: white;/*文字を白に*/
border-radius: 0.5em;/*角の丸み*/
line-height: 30px;
}

.green {
background: #28af78; /*背景色*/
padding: 0.2em;/*文字周りの余白*/
color: white;/*文字を白に*/
border-radius: 0.5em;/*角の丸み*/
line-height: 30px;
}

.orenge {
vertical-align: middle;
background: #eb8a40; /*背景色*/
padding: 0.5em;/*文字周りの余白*/
color: white;/*文字を白に*/
border-radius: 0.5em;/*角の丸み*/
}

h5.q1 {
	padding-bottom: .5em;
	margin-bottom: 10px;
	border-bottom: 2px solid #db7093;
	line-height: 25px;
position: relative;/*相対位置*/
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
}

h5.q1:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f075";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #db7093; /*アイコン色*/
}

.isometric { 
    color: #484848;
    display: inline-block;
    height: 50px;
    font-size: 25px;
    line-height: 46px;
    background: #eaeef1;
    text-decoration: none;
    box-sizing: border-box; 
    margin: 1em;
}
.isometric .iconback{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    vertical-align: middle;
}
.isometric span{
    vertical-align: middle;
}
.isometric .iconback .fa{
    line-height: 46px;
    font-size:25px;
}
.isometric .btnttl{
    display: inline-block;
    width: 120px;
    height: 50px;
    text-align: center;
    border-bottom: solid 4px #dcdcdc;
    vertical-align:middle;
}
.isometric .istw{
    background:#1da1f3;
    border-bottom: solid 4px #1484ca;
}
.isometric .isfb{
    background:#3b75d4;
    border-bottom: solid 4px #2a5caf;
}
.isometric .isfdly{
    background:#7ece46;
    border-bottom: solid 4px #65b130;
}
.isometric .ispkt{
    background:#fd7171;
    border-bottom: solid 4px #ef4d4d;
}
.isometric:hover{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
.isometric:hover .btnttl, .isometric:hover .iconback{
    border-bottom: none;
}

.buttonbule {
	font-size: 22px;
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #00aced;
	color: #00aced;
	line-height: 50px;
	overflow: hidden;
}
.buttonbule:hover {
	color: #fff;
}
.buttonbule::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}
.buttonbule:hover::after {
	background: #00aced;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.buttonbule {
	display: inline-block;
	width: 95%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.buttonbule::before,
.buttonbule::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.buttonbule,
.buttonbule::before,
.buttonbule::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.buttonfee {
	font-size: 22px;
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #6cc655;
	color: #6cc655;
	line-height: 50px;
	overflow: hidden;
}
.buttonfee:hover {
	color: #fff;
}
.buttonfee::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}
.buttonfee:hover::after {
	background: #6cc655;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.buttonfee {
	display: inline-block;
	width: 95%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.buttonfee::before,
.buttonfee::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.buttonfee,
.buttonfee::before,
.buttonfee::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

h5.fotter {
	font-weight: bold;
	font-size: 1.3em;
	color: #ffffff;
}

.shiro {
    color: #ffffff;
}

.box26 {
    position: relative;
    margin: 1.4em 0.3em 0em 0.3em;
    padding: 0.5em 1em;
    border: solid 3px #db7093;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #db7093;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.cate {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #eae9e9;
}

.outer {
  width: 400px;
  text-align: center;
}

h5.pick{
position: relative;
display: inline-block;
padding: 0 55px;
margin-bottom: 8px;
}

h5.pick:before {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

h5.pick:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

h5.pick:before {left:0;}
h5.pick:after {right: 0;}

h5.marker {
    font-weight: bold;
color: #555;/*文字色*/
border: solid 3px #555;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}

.haikei {
	position: relative;
	z-index: 2;
	line-height: 50px;
	overflow: hidden;
  padding: .5em .75em;
  background-color: #ffc0cb;
    font-weight: bold;
	  text-align: center;
	width: 100%;
	color: #ffffff;/*文字色*/
}

.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #fd9535;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #d27d00;
    border-radius: 3px;
	margin-bottom: 3px;
}

.square_btn2{
    display: inline-block;
    padding: 7px 10px;
	border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-color: #FFC107;
	margin-top: 5px;
	line-height: 10px;
}


.square_btn3{
    display: inline-block;
    padding: 7px 10px;
	border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-color: #7d7d7d;
	margin-top: 5px;
	line-height: 10px;
}

.leftbox1{
	float:left;
	width:250px;
    margin: auto;
	border: 1px solid #cccccc; 
	padding: 10px; 
	background: #ffffff;
	justify-content: center; 
}

@media (max-width: 600px) {
.leftbox1{
    padding: 5px;
	margin:5px;
	float:left;
	width:300px;
	justify-content: center; 
	margin-left: 20px;
}
}

.leftbox2{
    padding: 5px;
	margin:5px;
	float:left;
	width:435px;
}

@media (max-width: 600px) {
.leftbox2{
    padding: 5px;
	margin:5px;
	float:left;
	width:350px;
}
}

.gre-haikei {
background-color:#f1f1f1;
    padding: 20px;
	border-radius: 20px;
	    margin: 5px;
}


@media (max-width: 600px) {
body, input, textarea {
	color: #333
;
	font: 1em 'PT Sans', sans-serif;
	line-height: 1.5em;
	word-wrap: break-word;
}
}

.keisaisaku {
border: 2px solid #a5a5a5; 
background: #a5a5a5; 
width: 200px; 
float: left; 
margin:5px; 
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

@media (max-width: 600px) {
.keisaisaku {
border: 2px solid #a5a5a5; 
background: #a5a5a5; 
width: 155px; 
float: left; 
margin:5px; 
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
}

.keisaisaku2 {
background: #a5a5a5; 
padding:0.5em;
line-height: 1em;
}

.anime {
border: 2px solid #2c2828; 
background: #2c2828; 
width: 205px; 
float: left; 
margin:5px; 
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
display: inline-block;
padding-top: 0px;
}

@media (max-width: 700px) {

.anime {
border: 2px solid #2c2828; 
background: #2c2828; 
width: 157px; 
float: left; 
margin:5px; 
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
display: inline-block;
padding-top: 0px;
}

}

.anime3 {
border: 2px solid #2c2828; 
background: #2c2828; 
height: 184px;
width: 324px; 
float: left; 
margin:5px; 
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
display: inline-block;
padding-top: 2px;
}


.anime2 {
background: #2c2828; 
padding:0.5em;
line-height: 1em;
display: inline-block;
}

.anime4 {
border: 2px solid #2c2828; 
background: #2c2828; 
width: 90px; 
float: left; 
margin:5px; 
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
display: inline-block;
padding-top: 0px;
}

.anime5 {
background: #2c2828; 
padding:0.25em;
line-height: 0.8em;
display: inline-block;
}

.kuro-haikei {
	background-color:#2c2828;
    padding: 5px 10px 5px 10px;;
	color: #fff;
	display: inline-block;
	font: 0.5em;
	margin-top: 5px;
}

.come {
　　position: relative;
    margin: 2em 0;
    font-size: .9em;
    border-radius: 6px;
	line-height: 0.6em;
}

:target:before {
   content:"";
   display:block;
   height:100px;/* ヘッダの高さ = 50px */
   margin:-100px 0 0;/* ヘッダの高さ = 50px */
}

@media (max-width: 765px) {
koteiheader{
  position: fixed; /* ヘッダーを固定(これが重要) */
  top: 0; /* 固定する位置 */
  left: 0; /* 固定する位置 */
  right: 0;  /* 固定する位置 */
	z-index: 99999;
	background-color: white;
	}

:target:before {
   content:"";
   display:block;
   height:100px;/* ヘッダの高さ = 70px */
   margin:-100px 0 0;/* ヘッダの高さ = 70px */
}

}

.slide-right {
        z-index: 999;
}

.responsive-menu-button responsive-menu-boring {
        z-index: 99999;
}   

/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute; 
border: 1px #ccc solid;
background:#fff; 
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
margin:0 auto;
background-color: #39f;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #39f;
-webkit-box-shadow: 0 0 0 3px #39f;
-moz-box-shadow: 0 0 0 3px #39f;
text-align:center;	
}
#prev_next_home:hover{
background-color: rgba(0,0,255,0.7);
}
#prev_next_home i{
color:#FFF;
margin:10px auto ;
font-size:60px;
}

.button2 {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #333;
	color: #333;
	line-height: 50px;
	overflow: hidden;
}
.button2:hover {
	color: #fff;
}
.button2::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}
.button2:hover::after {
	background: #333;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.button2 {
	display: inline-block;
	width: 100%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.twitter-tweet {
	width:300px
}

.yuzo_related_post {
	padding: 0px 0;
     margin: 0px 0;
}

.yuzo-list .image-list {
	    margin-right: 4px;
}

.yuzo_related_post .relatedthumb {
	    width: 95%;
}

table.shinkan-top {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-bottom: 0px solid #ddd;
	width: 1500px;
	    background-color: #f4f4f4;
}
table.shinkan-top th {
	padding: 0px;
	vertical-align: top;
	border: 0px solid;
	padding-left: 8px;
	line-height: 1.3em;
	font-size: 0.7em;
	width: 60px;
}
table.shinkan-top td {
	padding: 10px;
	vertical-align: top;
	border: 0px solid;
}

@media (max-width: 765px) {
table.shinkan-top th {
	padding: 0px;
	vertical-align: top;
	border: 0px solid;
	padding-left: 8px;
	line-height: 1.3em;
	font-size: 0.7em;
	width: 80px;
		padding-top: 8px;
}
table.shinkan-top {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-bottom: 0px solid #ddd;
	width: 1400px;
	font-size: 0.7em;
}
}

.ribbon1 {
    display: inline-block;
    position: relative;
    height: 50px;/*リボンの高さ*/
    line-height: 50px;/*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;/*横の大きさ*/
    font-size: 18px;/*文字の大きさ*/
    background: #f57a78;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
}

.ribbon1:before, .ribbon1:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon1:before{
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.ribbon1:after{
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

.wrapper2 {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    background: #cccccc;
  }

.leftbox3{
	float:left;
	width:320px;
    margin: auto;
	border: 1px solid #cccccc; 
	padding: 10px; 
	background: #ffffff;
	justify-content: center; 
}

@media (max-width: 600px) {
.leftbox3{
    padding: 5px;
	margin:5px;
	float:left;
	width:320px;
	justify-content: center; 
	margin-left: 20px;
}
}

.leftbox4{
    padding: 5px;
	margin:5px;
	float:left;
	width:360px;
}

@media (max-width: 600px) {
.leftbox4{
    padding: 5px;
	margin:5px;
	float:left;
	width:360px;
}
}
 {
  box-sizing: border-box;
}

@media (max-width: 415px) {

.inner {
  position: relative;
  height: 44px;
  margin: 0 auto;
  width: 44px;
}

.search-btn {
  background: #F27398;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  text-align: center;
  width: 44px;
	margin-left: 11px;
}

.search-btn i {
  color: #fff;
  margin: 0;
}

#searchform {
  height: 40px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 40px;
padding-left: 15px;
}

input[type="text"] {

}

input[type="text2"] {
  background: #fff;
  border: none;
  border-radius: 22px;
  color: #333;
  cursor: pointer;
  height: 40px;
  opacity: 0;
  outline: none;
  padding: 5px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.7s;
  width: 40px;
  z-index: 5;
}


input[type="submit"] {

}
input[type="submit2"] {
  display: none;
}

input[type="text"]:focus {
  cursor: text;
  opacity: 1;
  width: 300px;
}
input[type="text2"]:focus {
  cursor: text;
  opacity: 1;
  width: 300px;
}

}


.head-mushi {
		width:40px;
		position:fixed;
		top: -100px;
		left:-1000px;
		z-index:0;"
	}
@media (max-width: 415px) {
.head-mushi {
		width:40px;
		position:fixed;
		top: 5px;
		left:270px;
		z-index:100000000;"
	}
}
@media (max-width: 370px) {
.head-mushi {
		width:40px;
		position:fixed;
		top: 5px;
		left:255px;
		z-index:100000000;"
	}
}
@media (max-width: 350px) {
.head-mushi {
		width:40px;
		position:fixed;
		top: 5px;
		left:215px;
		z-index:100000000;"
	}
}

.head-lank {
		width:40px;
		position:fixed;
		top: -100px;
		left:-1000px;
		z-index:0;"
	}
@media (max-width: 415px) {
.head-lank {
		width:40px;
		position:fixed;
		top: 5px;
		left:235px;
		z-index:100000;"
	}
}
@media (max-width: 370px) {
.head-lank {
		width:40px;
		position:fixed;
		top: 5px;
		left:220px;
		z-index:100000;"
	}
}
@media (max-width: 350px) {
.head-lank {
		width:40px;
		position:fixed;
		top: 5px;
		left:-150px;
		z-index:100000;"
	}
}

.kuro {
    color: #2c2828;
}

.clock.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  position: relative;
  border: solid 1px currentColor;
  border-radius: 8px;
}
.clock.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}
.clock.icon:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 7px;
  width: 1px;
  height: 6px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.btn-2 {
    background-color: #fd9535; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 7px 0px;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    position: relative;
	margin-top: 15px;
}

.btn-2 a::after{
    content: '\f0a9'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;

}

.btn-2:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-2 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    padding-right: 2em;
}

.btn-2 > img { float: left; }
.btn-2::after{ content: ''; clear: left; }

table.hedaer-menu {
	border-bottom: 2px solid #db7093;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-bottom: 0px solid #ddd;
	width: 1500px;
}
table.hedaer-menu th {
	padding: 0px;
	font-weight: bold;
	vertical-align: top;
	border: 0px solid;
	padding-left: 8px;
	line-height: 1.3em;
	font-size: 0.7em;
	width: 60px;
}
table.hedaer-menu td {
	padding: 10px;
	vertical-align: top;
	border: 0px solid;
}

@media (max-width: 765px) {
table.hedaer-menu th {
	padding: 5px 10px;
	font-weight: bold;
	vertical-align: top;
	border: 0px solid;
	line-height: 1.3em;
	font-size: 0.7em;
	font-size: 11px;
    font-weight: 500;
}
table.hedaer-menu {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width: 550px;
	background-color:#f3f1f1;
	    border-top: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}
}

.h3-top {
	padding: .50em 0.3em;
	padding-bottom: 0em;
	font-size: 0.85em;
	margin-bottom: 2px;
	border-bottom: 2px solid #db7093;
	line-height: 20px;
}

.comic-top {
	display: block; 
	width: 37px; 
	height: 15px; 
	background: #ff4848; 
	position: absolute; 
	left: 0; 
	top: 0;  
	text-align: center; 
	line-height: 15px; 
	color: #FFF; 
	font-size: 10px;
}

.goods-top {
	display: block; 
	width: 37px; 
	height: 15px; 
	background: #c649e4; 
	position: absolute; 
	left: 0; 
	top: 0;  
	text-align: center; 
	line-height: 15px; 
	color: #FFF; 
	font-size: 10px;
}

.syousetsu-top {
	display: block; 
	width: 37px; 
	height: 15px; 
	background: #06c0e1; 
	position: absolute; 
	left: 0; 
	top: 0;  
	text-align: center; 
	line-height: 15px; 
	color: #FFF; 
	font-size: 10px;
}

h3.shintyaku {
	text-decoration: none; 
	color: inherit; 
	font-weight: bold; 
	line-height: 22px; 
	font-size: 1em;
    margin-bottom: 0;
    border-bottom: 0px;
    color: #4d4d4e;
}

.wpp-list {
counter-reset: hamatori-rank;
}

.wpp-list li::before { 
counter-increment: hamatori-rank;
content: counter(hamatori-rank);
z-index: 1; 
position: absolute;
top: 3px;
left: 3px;
background: #faadc6;
color: #ffffff;  
font-size: 18px;
line-height: 1;
padding: 9px 12px;
border-radius: 1em;
font-weight: bold;
}

.wpp-list li:nth-child(-n+3)::before {
background: #ff78a4;
}

.wpp-list li:nth-child(-n+1)::before {
background: #ff4c87;
}

.koukoku1 {

}

input[type="text3"],
textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

input[type="text3"],
textarea {
	padding: 10px;
	border: 1px solid #eaeaea;
	line-height: 20px;
	width: 80%;
	margin: 0px 14px 30px;
	background-color: #grey;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

input[type="text3"]:focus, 
textarea:focus {
	border: 1px solid #grey;
}

#respond form input[type="text3"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	width: 80%;
	margin-bottom: 0;
}

input[type="text3"]:focus {
  cursor: text;
  opacity: 1;

}

.gsc-input-box {
    padding-top: 3px;
    padding-bottom: 2px;
}

@media (min-width: 765px) {
	.bottom-menu {
		display:none;
	}
}

@media (max-width: 765px) {
	.bottom-menu {
		width:100%; 
		bottom: 0; 
		position: 
		fixed; 
		z-index: 99999; 
		background-color: #f7f7f7;
	}
}

table.type05 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-bottom: 0px solid #ddd;
	margin: 0.2em 0em 0.1em 0em;
}
table.type05 th {
	padding: 0px;
	font-weight: bold;
	vertical-align: top;
	border: 0px solid;
}
table.type05 td {
	padding: 0px;
	vertical-align: top;
	border: 0px solid;
}

table.gsc-search-box {
		border-top: 0px solid #fff; !important
    	border-bottom: 0px solid #fff; !important
    	margin: 0 0 0em;
    	width: 100%;
}

.gsc-search-button {
		border-top: 0px solid #fff !important;
				border-bottom: 0px solid #fff !important;
		    margin: 0 0 0em !important;
}

.gsc-input {
		border-top: 0px solid #fff !important;
		border-bottom: 0px solid #fff !important;
		    margin: 0 0 0em !important;
}

.gsib_a {
		border-top: 0px solid #fff !important;
		border-bottom: 0px solid #fff !important;
}

.gsib_b {
		border-top: 0px solid #fff !important;
}

.gstl_50 gsc-input {
		border-bottom: 0px solid #fff !important;
	    margin: 0 0 0em !important;
}

.gsc-input-box {
		padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0em 1em 0em 1em !important;
    width: auto;
}
@media (max-width: 478px) {
h3.kanren {
    font-size: 0.95em;
    color: #fff;
margin-top: 0.4em;
    padding: 0.2em 0em 0em 0em;
    background-color: #ff83ab;
    /* border-radius: 6px; */
    line-height: 25px;
    border-bottom: 0px solid #f7e7ed;
	text-align: center;
    border-radius: 4px;
	margin: 0 5px 10px 5px;;
}
}

.menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
list-style-type: none !important;
}

.menu > li {
    float: left;
    width: 25%; /* グローバルナビ4つの場合 */
    height: 50px;
    line-height: 50px;
    background: rgb(29, 33, 19);
}

.menu > li a {
    display: block;
    color: #fff;
}

.menu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
	list-style-type: none;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #072A24;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #111;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	list-style-type: none !important;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}


.syoseki_link_a {
line-height: 30px;
background-color: #fd9535; 
float: left; 
color: #201B26;
display: block; 
margin:5px; border-radius: 4px; 
text-align: center;
position: relative; 
padding: 8px 0px;    
box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}

.syoseki_link_a :hover {
    box-shadow: none;
    opacity: 0.8;
}

.btn-a {
    background-color: #fd9535; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    width:170px;
    margin: 0.5em auto;
    padding: 8px 0px;
    text-align: center;
    line-height: 30px;
    transition: all .2s ease;
    position: relative;
	margin:5px;
	float: left;
}

.btn-a a::after{
    content: '\f0a9'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;

}

.btn-a:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-a a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    padding-right: 2em;
}

.btn-a > img { float: left; }
.btn-a::after{ content: ''; clear: left; }

.genre {
        color: #ffffff;
    padding: 2px 20px;
    background: #e78ba9;
    float: left;
    font-weight: bold;
    margin: 6px;
    border-radius: 4px;
    font-size: 14px;
}

.btn-b {
    background-color: #10c1df; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    width:170px;
    margin: 0.5em auto;
    padding: 8px 0px;
    text-align: center;
    line-height: 30px;
    transition: all .2s ease;
    position: relative;
	margin:5px;
	float: left;
}

.btn-b a::after{
    content: '\f0a9'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;

}

.btn-b:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-b a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    padding-right: 2em;
}

.btn-b > img { float: left; }
.btn-b::after{ content: ''; clear: left; }

.btn-d {
    background-color: #3a3a3a; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    width:170px;
    margin: 0.5em auto;
    padding: 8px 0px;
    text-align: center;
    line-height: 30px;
    transition: all .2s ease;
    position: relative;
	margin:5px;
	float: left;
}

.btn-d a::after{
    content: '\f0a9'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;

}

.btn-d:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-d a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    padding-right: 2em;
}

.btn-d > img { float: left; }
.btn-d::after{ content: ''; clear: left; }

.btn-e {
    background-color: #f8485e; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    width:170px;
    margin: 0.5em auto;
    padding: 8px 0px;
    text-align: center;
    line-height: 30px;
    transition: all .2s ease;
    position: relative;
	margin:5px;
	float: left;
}

.btn-e a::after{
    content: '\f0a9'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;

}

.btn-e:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-e a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    padding-right: 2em;
}

.btn-e > img { float: left; }
.btn-e::after{ content: ''; clear: left; }

.btn-l {
    background-color: #ff5a00; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    width:170px;
    margin: 0.5em auto;
    padding: 8px 0px;
    text-align: center;
    line-height: 30px;
    transition: all .2s ease;
    position: relative;
	margin:5px;
	float: left;
}

.btn-l a::after{
    content: '\f0a9'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;

}

.btn-l:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-l a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    padding-right: 2em;
}

.btn-l > img { float: left; }
.btn-l::after{ content: ''; clear: left; }

.btn-s {
    background-color: #052A83; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    width:170px;
    margin: 0.5em auto;
    padding: 8px 0px;
    text-align: center;
    line-height: 30px;
    transition: all .2s ease;
    position: relative;
	margin:5px;
	float: left;
}

.btn-s a::after{
    content: '\f0a9'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;

}

.btn-s:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-s a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    padding-right: 2em;
}

.btn-s > img { float: left; }
.btn-s::after{ content: ''; clear: left; }

.btn-c {
    background-color: #ffc022; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    width:170px;
    margin: 0.5em auto;
    padding: 8px 0px;
    text-align: center;
    line-height: 30px;
    transition: all .2s ease;
    position: relative;
	margin:5px;
	float: left;
}

.btn-c a::after{
    content: '\f0a9'; /* 矢印の種類 */
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;

}

.btn-c:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-c a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    padding-right: 2em;
}

.btn-c > img { float: left; }
.btn-c::after{ content: ''; clear: left; }

.gaibu {
	margin-right: calc(-1em - 1px);
opacity:1 !important;
}

.wpcfs-checkboxes li {
	display: inline-block;
	font-size: 0.8em;
    color: #5f5f5f;
	width: 110px;
	margin-bottom: 0px;
}

.syoseki-thumbnail img {
	width: 120px;
    object-fit: cover;
}

.shintyaku_top {
	border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-bottom: 0px solid #ddd;
    width: 1400px;
    font-size: 0.7em;padding-top: 5px;
}

.shintyaku_1 {
	position: relative; 
	float: left; 
	padding-left:5px; 
	width:75px;
}

.shintyaku_2 {
	display: block; 
	width: 37px; 
	height: 15px; 
	background: #ff4848; 
	position: absolute; 
	left: 5; top: 0;  
	text-align: center; 
	line-height: 15px; 
	color: #FFF; 
	font-size: 10px;
}

.shintyaku_3 {
	padding-top: 5px; 
	font-size: 0.8em; 
	line-height: 12px;
}

.metaslider .slides img {
	border-radius: 8px !important;
}

.caption-wrap {
	line-height: 0px !important;
	height: 40px !important;
	border-radius: 0 0 9px 9px !important;
	font-size: 0.8em !important;
}

.metaslider {
padding-bottom: 20px !important;
	    font-size: 0.8em !important;
}

.flex-viewport {
	padding-left: 10% !important;
    padding-right: 10% !important;
	    filter: drop-shadow(rgba(0, 0, 0, 0.4) 2px 2px 2px);
}

ol.flex-control-nav {
	margin: 0 0 -50px 0px !important;
}

.flex-control-nav li {
	width: 30px !important;
}


.flex-active {
	border: 4px solid rgb(255, 108, 108) !important;
	width: 30px !important;
	background: rgb(255, 108, 108) !important;
}

.metaslider li a{
	background: rgba(214, 214, 214, 0.8) !important;
	width:30px !important;
}

.metaslider .flex-control-nav li {
    margin: 5px !important;
}

.metaslider li a{
	background: rgba(214, 214, 214, 0.8) !important;
	width:30px !important;
}

.sns-button-wrap {
    display: flex;
    justify-content: center;
}
 
.sns-button {
    color: #FFFFFF;
    width: 20%;
    text-align: center;
    padding: 0.5em 0;
}
 
.sns-twitter {
    background: #55acee;
}
 
.sns-facebook {
    background: #3B5998;
}
 
.sns-pocket {
    background: #ef3f56;
}
 
.sns-line {
    background: #1dcd00;
}
 
.sns-hatebu {
    background: #00a5de;
}

.sns-menu {
    position: relative;
    margin: 0 auto;
list-style-type: none !important;
}

.sns-menu > li {
    float: left;
    height: 40px;
    line-height: 40px;
    background: #ffffff00;
}

.sns-menu > li a {
    display: block;
    color: #ffffff00;
}

.sns-menu > li a:hover {
    color: #ffffff00;
}

ul.sns-menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
	list-style-type: none;
}

ul.sns-menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.sns-menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.sns-menu > li:hover {
    background: #ffffff00;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.sns-menu__second-level li {
    border-top: 0px solid #111;
	margin-bottom: 10px;
}

.sns-menu__third-level li {
    border-top: 0px solid #111;
	margin-bottom: 10px;
}

/* 下矢印 */
.sns-init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.sns-menu:before,
.sns-menu:after {
    content: " ";
    display: table;
}

.sns-menu:after {
    clear: both;
}

.sns-menu {
    *zoom: 1;
}

.sns-menu > li.sns-menu__single {
    position: relative;
}

li.sns-menu__single ul.sns-menu__second-level {
    position: absolute;
top: -210px;
    right: 27px;
    background: #ffffff00;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	list-style-type: none !important;
}

li.sns-menu__single:hover ul.sns-menu__second-level {
top: -220px;
    right: 27px;
    visibility: visible;
    opacity: 1;
}

.sns-menu__second-level li a:hover {
    background: #ffffff00;
}

.sns-menu__third-level li a:hover {
    background: #ffffff00;
}

.sns-menu__fourth-level li a:hover {
    background: #ffffff00;
}

@media (min-width: 1301px) {
.sns-menu-position {
    position:fixed; 
	top: 210px;
    left: 15px;
	z-index:999;
}
}

@media (max-width: 1300px) {
        .sns-menu-position {
    position:fixed; 
	bottom:50px; 
	right:0px; 
	z-index:999;
}
}

.sns-menu-i {
-webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 10px 10px #ccc;
    border-radius: 30px;
}

.responsive-menu-button {
border-radius: 4px;
}

.responsive-menu-box {
bottom:3px;
}

.top-scrool {
    width:48%;
	float: left;
}

@media (max-width: 770px) {
        .top-scrool {
    width:100%;
	float: left;
}
}

.top-scrool2 {
    width:48%;
	float: right;
}

@media (max-width: 770px) {
        .top-scrool2 {
    width:100%;
	float: right;
}
}

/* Newpost Catch */

#npcatch-top .title a{
    font-weight: 700;
	    color: #2b2b2b;
	font-size: 18px;


#npcatch-top li{
	color: #000000;
    overflow:hidden;
    clear:both;
    vertical-align:top;
}
#npcatch-top img{
    float:left;
    padding:5px 10px 5px 0;
}


}
#npcatch-top .date {
    font-size: x-small;
    font-weight: 400;
    display:block;
    color: #666699;
    margin-bottom: 5px;
}



#npcatch-top li:hover{}
#npcatch-top li:hover .title{}
#npcatch-top li:hover .title a{}
#npcatch-top li:hover .date{}

#npcatch-top{
	margin: 0px 0px !important;
}

#npcatch-top ul{
	margin:0px 5px;
}

#npcatch-top li{
	font-size:12px;
	overflow:hidden;
	clear:both;
	margin:0px 0px 5px;
	vertical-align:top;
	border-bottom: dashed 1px #969696;
}

#npcatch-top img{
/*サムネイルのスタイル*/
	float:left;
	margin-left: 4px;
	box-shadow:0px 0px 7px #bbb;
	margin-bottom: 5px;
	width: 180px;
    height: 120px;
    border-radius: 5px;
    object-fit: cover;
}


#npcatch-top .title{
/*記事タイトルのスタイル*/
	width: calc(100% - 30%);
	float:left;
	height: 10px;
    padding: 0px 10px;
    line-height: 17px;
	    font-weight: 700;
	    color: #333333;
	    line-height: 25px;
}

@media (max-width: 768px) {
#npcatch-top .title{
/*記事タイトルのスタイル*/
	width:calc(100% - 37%);
	float:left;
	padding: 0 10px;
    line-height: 17px;
}

#npcatch-top .title a{
	font-size: 13px;
	    line-height: 18px;
}

#npcatch-top img{
/*サムネイルのスタイル*/
	float:left;
	margin-left: 4px;
	box-shadow:0px 0px 7px #bbb;
	margin-bottom: 5px;
	width: calc(100% - 70%);
    height: 75px;
    border-radius: 5px;
    object-fit: cover;
}
}

@media (max-width: 374px) {
#npcatch-top .title{
	width: calc(100% - 40%);
}

#npcatch-top .title a{
	font-size: 11px;
	    line-height: 16px;
}
}

.syoseki-page1{
	float: left; 
	display: block; 
	width:375px; 
	text-align: center; 
	vertical-align: baseline; 
	margin: 5px -30px -5px 0px;
}

.syoseki-page2{
	float: left; width:380px;
}

.syoseki-page3{
	float: left; width:370px;
	margin: 5px;
}

@media (max-width: 770px) {
	.syoseki-page1{
	float: left; 
	display: block; 
	width:100%; 
	text-align: center; 
	vertical-align: baseline; 
	margin: 5px -30px -5px 0px;
	}

	.syoseki-page2{
	float: left; width:100%;
	}

	.syoseki-page3{
	float: left; width:100%;
	margin: 5px;
	}

	.btn-d{
		width: 45%;
	}

	.btn-s{
		width: 45%;
	}

	.btn-l{
		width: 45%;
	}

	.btn-e{
		width: 45%;
	}

	.btn-b{
		width: 45%;
	}

	.btn-a{
		width: 45%;
	}

	.btn-c{
		width: 45%;
	}

}

table.type05 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.type05 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
}
table.type05 td {
	    border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	padding: 4px;
	vertical-align: top;
}

.ynm-side{
	float: right; 
	width:330px;
	display: block;
	position: relative;
}

@media (max-width: 770px) {
	.ynm-side{
		float: right; 
		width:100%;
		display: block;
		position: relative;
	}
}

/* Newpost Catch */

#npcatch-shintyaku .title a{
    font-weight: 100;
	    color: #2b2b2b;
	font-size: 0.8em;
    line-height: 12px;


#npcatch-shintyaku li{
	color: #000000;
    overflow:hidden;
    float: left;
    width: 100px;
    vertical-align:top;
}
#npcatch-shintyaku img{
    float:left;
    padding:5px 10px 5px 0;
}


}
#npcatch-shintyaku .date {
    font-size: x-small;
    font-weight: 400;
    display:block;
    color: #666699;
    margin-bottom: 5px;
}



#npcatch-shintyaku li:hover{}
#npcatch-shintyaku li:hover .title{}
#npcatch-shintyaku li:hover .title a{}
#npcatch-shintyaku li:hover .date{}

#npcatch-shintyaku{
	margin:0px 5px;
	border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-bottom: 0px solid #ddd;
    width: 1205px;
    font-size: 0.7em;
}

#npcatch-shintyaku li{
	font-size:12px;
	overflow:hidden;
	float: left;
    width: 80px;
	padding-bottom: 30px;
	vertical-align:top;
}

#npcatch-shintyaku img{
/*サムネイルのスタイル*/
	float:left;
	margin-left: 4px;
	width: 75px;
    height: 105px;
	margin-bottom: 4px;
    border-radius: 0px;
    object-fit: cover;
}


#npcatch-shintyaku .title{
/*記事タイトルのスタイル*/
	float:left;
	height: 10px;
	margin-left: 4px;
    line-height: 17px;
	    font-weight: 100;
	    color: #333333;
	line-height: 12px;
}

#wpp-list .top-news {
    color: #fff;
    font-size: 70%;
}
#wpp-list .top-news {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 15px;
    background-color: rgba(0,0,0,0.6);
    max-width: 400px;
    width: 98%;
    padding: 3px 5px;
	margin: 0 0 10px 0px;
}

#top-news .wpp-post-title {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 15px;
    background-color: rgba(0,0,0,0.6);
    max-width: 400px;
    width: 98%;
    padding: 3px 5px;
}

li.top-news::before {
	z-index: -1;
}

.wpp-list {
    margin: 0 0 10px 0px !important;
}

@media (min-width: 768px) {
	.top-news{
		display: none;
	}
}

.tameshiyomi-link {
	font-size: 0.95em;
    color: #fff;
    margin-top: 0.4em;
    padding: 0.7em 0em 0.7em 0em;
    background-color: #ececec;
    /* border-radius: 6px; */
    line-height: 25px;
    border-bottom: 0px solid #f7e7ed;
    text-align: center;
    border-radius: 4px;
    margin: 0px 5px 12px 5px;
}

table.type06 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-bottom: 0px solid #ddd;
	width:98%;
}
table.type06 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 0px solid;
}
table.type06 td {
	vertical-align: top;
	border: 0px solid;
	padding: 5px 0px 5px 7px;
}

#wpp-list .top-syoseki {
    color: #2b2b2b;
    font-size: 70%;
}
#wpp-list .top-syoseki {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 15px;
    background-color: rgb(255 255 255 / 0);
    max-width: 400px;
    width: 98%;
    padding: 3px 5px;
	margin: 0 0 10px 0px;
}

#top-syoseki .wpp-post-title {
	position: absolute;
    left: 0;
    bottom: 0;
    line-height: 15px;
    background-color: rgb(255 255 255 / 0);
    max-width: 400px;
    width: 98%;
    padding: 3px 5px;
}

li.top-syoseki::before {
	position: absolute;
    top: 1px;
    left: 1px;
    background: #faadc6;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 1em;
    font-weight: bold;
}

li.top-syoseki {
	float: left;
    width: 75px;
    height: 105px;
	clear: none;
	margin: 0px 0px 0px 5px;
	line-height: 12px;
	padding-bottom: 44px;
}

.top-syoseki > .wpp-post-title {
	position: unset;
    left: 0;
    bottom: 0;
    line-height: 12px;
    background-color: rgb(255 255 255 / 0);
    max-width: 400px;
    width: 98%;
    padding: 0px;
	color: #2b2b2b !important;
}

.caption-wrap > .caption {
	line-height: 15px;
    padding: 0px 0px 0px 0px !important;
    margin: 0px;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.top-shinki {
	width:49%; 
	float: left;
}

@media (max-width: 767px) {
	.top-shinki {
	width:100%; 
	float: left;
}
}

@media (min-width: 768px) {
	.flex-viewport {
	padding-left: 10px !important;
    padding-right: 10px !important;
	    filter: drop-shadow(rgba(0, 0, 0, 0.4) 2px 2px 2px);
}
}

h3.new-top {
    font-size: 0.95em;
    color: #fff;
margin-top: 0.4em;
    padding: 0.2em 0em 0em 0em;
    background-color: #ff83ab;
    /* border-radius: 6px; */
    line-height: 25px;
    border-bottom: 0px solid #f7e7ed;
	text-align: center;
    border-radius: 4px;
	margin: 0 5px 10px 5px;;
}

#wpcfs-input .text {
	margin: 0 0 0px;
}