@charset "utf-8";
/*
Theme Name: Pinboard
Theme URI: http://www.onedesigns.com/wordpress-themes/pinboard
Description: A crafty and elegant theme powered by an advanced theme framework and grid system. With virtually unlimited layout options and styles, ideal for showcasing your portfolio of works or other multimedia elements like images, photo galleries, videos and podcasts.
Version: 1.0.7
Author: One Designs
Author URI: http://www.onedesigns.com/
Tags: blue, gray, silver, white, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging

License: GNU General Public License v2.0
License URI: license.txt
*/

/*
DO NOT EDIT THIS STYLESHEET!
Any modifications made to this file will be lost if you update the theme.
Instead, go to Appearance > Theme Options > Layout and enter your custom CSS there or create a child theme.
Any style attributes declared there will override the ones in this file and will not be lost during theme update.
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
	Clear Floated Elements
*/

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.clear:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}

* html .clear {
	height:1%;
}

/*
	Style HTML Tags
*/

body {
	background:#ccc;
	color:#333;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:13px;
	line-height:1.62em;
}

a {
	color:#21759b;
	text-decoration:none;
	-moz-transition: color .25s ease, margin .25s ease;
	-webkit-transition: color .25s ease, margin .25s ease;
	-o-transition: color .25s ease, margin .25s ease;
	-ms-transition: color .25s ease, margin .25s ease;
	transition: color .25s ease, margin .25s ease;
}

a:hover {
	color:#d54e21;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:18px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-weight:300;
	line-height:1.62em;
	letter-spacing:1px;
}

h1 {
	font-size:36px;
}

h2 {
	font-size:32px;
}

h3 {
	font-size:24px;
}

h4 {
	font-size:18px;
}

h5 {
	font-size:16px;
}

h6 {
	font-size:15px;
}

p {
	margin-bottom:24px;
}

blockquote {
	position:relative;
	color:#444;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-style:italic;
	margin:0 30px 0 60px;
}

blockquote:before {
	position:absolute;
	top:30px;
	left:-75px;
	content:"\201C";
	color:#DDD;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:96px;
}

blockquote cite {
	font-style:normal;
}

blockquote cite:before {
	content:"\2014";
	padding-right:8px;
}

table {
	width:100%;
	border-collapse:collapse;
	text-align:center;
	margin-bottom:24px;
}

table tr:nth-child(even) {
	background:#F8F8F8;
}

table th,
table td {
	padding:6px 0;
}

table th {
	font-weight:600;
}

fieldset {
	border:#EEE 1px solid;
	padding:2%;
}

input[type="text"],
input[type="password"],
textarea {
	padding:1.5%;
	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
	background:#FCFCFC;
	border:#EEE 1px solid;
	color:#999;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:13px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background:#FFF;
	border:#ddd 1px solid;
	color:#333;
	outline: none;
}

textarea {
	font-size:15px;
}

input[type=submit],
input[type=reset],
input[type=button] {
	padding:4px 15px;
	border-radius:15px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border:none;
	border-bottom:#DDD 1px solid;
	color:#444;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:13px;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	box-shadow:#aaa 0 0 5px;
}

input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
	box-shadow:#aaa 0 0 5px;
	background:-moz-linear-gradient(#EEE, #F9F9F9);
	background:-webkit-linear-gradient(#EEE, #F9F9F9);
	background:-o-linear-gradient(#EEE, #F9F9F9);
	background:-ms-linear-gradient(#EEE, #F9F9F9);
	background:linear-gradient(#EEE, #F9F9F9);
}

hr {
	border:none;
	border-top:#EEE 1px solid;
}

dt {
	font-weight:600;
	margin-bottom:24px;
}

dd {
	margin-left:30px;
	margin-bottom:24px;
}

ul {
	list-style-type:disc;
	margin-left:30px;
	margin-bottom:24px;
}

ul li {
	margin-top:4px;
}

ul ul {
	list-style-type:square;
	margin-bottom:0;
}

ul ul ul {
	list-style-type:circle;
}

ol {
	list-style-type:decimal;
	margin-left:30px;
	margin-bottom:24px;
}

ol ol {
	list-style: upper-alpha;
	margin-bottom:0
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

address {
	font-size:14px;
	font-style:italic;
	margin-bottom:16px;
}

code {
	padding:1px 4px;
	background:#F8F8F8;
	background:-moz-linear-gradient(#F8F8F8, #F3F3F3);
	background:-webkit-linear-gradient(#F9F9F9, #F3F3F3);
	background:-o-linear-gradient(#F8F8F8, #F3F3F3);
	background:-ms-linear-gradient(#F8F8F8, #F3F3F3);
	background:linear-gradient(#F8F8F8, #F3F3F3);
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0, 0, 0, .2);
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:12px;
}

kbd,
tt {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
}

abbr,
acronym {
	border-bottom:#999 1px dotted;
	cursor:help;
}

big {
	font-size:1.3em;
}

cite,
em {
	font-style:italic;
}

ins {
	padding:1px 4px;
	background:#FF0;
	background:-moz-linear-gradient(#FF3, #EE0);
	background:-webkit-linear-gradient(#FF3, #EE0);
	background:-o-linear-gradient(#FF3, #EE0);
	background:-ms-linear-gradient(#FF3, #EE0);
	background:linear-gradient(#FF3, #EE0);
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0, 0, 0, .2);
	text-decoration:none;
}

pre {
	padding:15px;
	background:#F8F8F8;
	border:#E3E3E3 1px dashed;
	color:#000;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:12px;
	line-height:1.62em;
	margin-bottom:24px;
	overflow:auto;
}

q {
	quotes:inherit;
}

q:before {
	content:open-quote;
}

q:after {
	content:close-quote;
}

strong {
	font-weight:600;
}

sup,
sub {
	height:0;
	line-height:1;
	vertical-align:baseline;
	position:relative;
	font-size:10px;
}

sup {
	bottom:1ex;
}

sub {
	top:.5ex;
}

img,
video {
	max-width:100%;
	height:auto;
}

figure img {
	display:block;
	margin:0 auto;
}

video {
	display:block;
}

audio {
	max-width:100%;
}

.entry-content a img,
#attachment-nav a img {
	max-width: 98.5%;
	padding:0.8%;
	box-shadow:0 0 3px #EEE;
	background:#FFF;
	border:#EEE 1px solid;
}

.entry-content a:hover img,
#attachment-nav a:hover img {
	background:#F0F0F0;
}

/*
	WordPress Standard Tags
*/

.aligncenter {
	display:block;
	margin:20px auto;
}

.alignleft {
	float:left;
	margin:10px 20px 10px 0;
}

.alignright {
	float:right;
	margin:10px 0 10px 20px;
}

.wp-caption {
	max-width:96%;
	padding:3% 2%;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#FCFCFC;
	border-bottom:#EEE 1px solid;
}

.wp-caption a img {
	display:block;
	padding:0;
	margin:0 auto;
	border:none;
	box-shadow:none;
}

.wp-caption-text {
	margin:3% 0 0;
	color:#333;
	font-size:13px;
	line-height:1.62em;
	text-align:center;
}

.gallery {
	margin:auto;
}

.gallery-item {
	float:left;
	padding:10px 0;
	background:#FCFCFC;
	border-bottom:#EEE 1px solid;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	text-align:center;
}

.gallery-columns-1 .gallery-item {
	width:90%;
	margin:0 1.5% 3%;
}

.gallery-columns-2 .gallery-item {
	width:45%;
	margin:0 1.5% 3%;
}

.gallery-columns-3 .gallery-item {
	width:30%;
	margin:0 1.3% 3%;
}

.gallery-columns-4 .gallery-item {
	width:22%;
	margin:0 1.2% 3%;
}

.gallery-columns-5 .gallery-item {
	width:17%;
	margin:0 1.2% 3%;
}

.gallery-item:hover  {
	background:#F4F4F4;
}

.gallery-item a img {
	display:block;
	padding:0;
	margin:0 auto;
	border:none;
	box-shadow:none;
}

.gallery-icon {
	margin:0;
}

.gallery-caption {
	padding:10px 10px 0;
	margin:0;
	font-size:12px;
	line-height:16px;
	text-align:center;
}

.sticky {
}

.bypostauthor > .comment-body {
	background:#F0F0F0;
}

/*
	Grid System
*/

.column {
	float:left;
}

.onecol {
	width:100%;
}

.twocol {
	width:50%;
}

.threecol {
	width:33.3%;
}

.fourcol {
	width:25%;
}

.twothirdcol {
	width:66.7%;
}
.pege_width{
	100%;
}

.threefourthcol {
	width:75%;
}

/*
	Theme Design, Layout and Typography
*/

#wrapper {
	position:relative;
	max-width:1140px;
	margin:0 auto;
	box-shadow:0 0 18px rgba(0, 0, 0, .4);
	background:#f8f8f8;
	/*overflow:hidden;*/
}

.page-template-template-no-sidebars-php #wrapper,
.page-template-template-blog-no-sidebars-php #wrapper,
.page-template-template-portfolio-no-sidebars-php #wrapper {
	max-width:760px;
}

#header {
	border-top:#111 3px solid;
}

#site-title a,
#site-description {
	color:#333;
}

#site-title,
#site-description {
	margin:0;
	font-weight:300;
	float:left;
	line-height:150px;
}

#site-title {
	margin: 0 3.4%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:32px;
	letter-spacing:1px;
	width:40%;
}

#site-title img {
	margin: 10px 0;
	vertical-align:middle;
}

#site-description {
	margin-left:20px;
	font-size:12px;
	font-weight:normal;
}

#sidebar-header {
	float:right;
	width:550px;
	margin:15px 0;
	overflow:hidden;
}

.page-template-template-no-sidebars-php #sidebar-header {
	width:468px;
	height:60px;
	margin-top:20px;
}

#sidebar-header .widget {
	margin:0;
}

#sidebar-header .widget-title {
	margin-top:0;
}

#sidebar-header img {
	display:block;
	margin:0;
}

#header #searchform {
	float:right;
	margin:60px 3.4% 0 3px;
}

#header input#s {
	width: 0;
	height: 16px;
	padding:8px 16px;
	margin-right:0;
	background:#dedede url(images/search.png) right center no-repeat;
	background:rgba(0, 0, 0, .1) url(images/search.png) right center no-repeat;
	border:none;
	border-radius:24px;
	box-shadow: none;
	color:#999;
	font-size:12px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	text-indent: 16px;
	-moz-transition: width .25s ease, margin .25s ease;
	-webkit-transition: width .25s ease, margin .25s ease;
	-o-transition: width .25s ease, margin .25s ease;
	-ms-transition: width .25s ease, margin .25s ease;
	transition: width .25s ease, margin .25s ease;
}

#header input#s:focus {
	width:180px;
	background:#ececec url(images/search.png) right center no-repeat;
	box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
	color:#333;
	text-indent: 0;
}

.widget-area #s {
	-webkit-appearance: none;
	padding: 3%;
	margin: 0;
	width: 94%;
}

#sidebar-left #s,
#sidebar-right #s {
	max-width:88%;
	width: auto;
	padding: 6%;
}

input#searchsubmit {
	display:none;
	width:30px;
	padding:2px;
	margin-right:10px;
	background:#a8a8a8;
	background:-moz-linear-gradient(#CCC,#999);
	background:-webkit-linear-gradient(#CCC,#999);
	background:-o-linear-gradient(#CCC,#999);
	background:-ms-linear-gradient(#CCC,#999);
	background:linear-gradient(#CCC,#999);
	border:#999 1px solid;
	color:#333;
	text-align:center;
}

#social-media-icons {
	float: right;
	margin-top: 60px;
}

a.social-media-icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	background-position: 0 0;
	overflow: hidden;
	text-indent: -1000px;
	-moz-transition: background-position .25s ease;
	-webkit-transition: background-position .25s ease;
	-o-transition: background-position .25s ease;
	-ms-transition: background-position .25s ease;
	transition: background-position .25s ease;
}

a.social-media-icon:hover {
	background-position: 0 -32px;
}

.facebook {
	background-image: url(images/facebook.png);
}

.twitter {
	background-image: url(images/twitter.png);
}

.pinterest {
	background-image: url(images/pinterest.png);
}

.flickr {
	background-image: url(images/flickr.png);
}

.vimeo {
	background-image: url(images/vimeo.png);
}

.youtube {
	background-image: url(images/youtube.png);
}

.google-plus {
	background-image: url(images/google-plus.png);
}

.dribble {
	background-image: url(images/dribble.png);
}

.linkedin {
	background-image: url(images/linkedin.png);
}

#header-image {
	display:block;
	max-width:99.1%;
	padding:0.45%;
	margin-bottom:1.76%;
	box-shadow:0 0 3px #999;
	background:#fff;
}

#access {
	padding:0 20px;
	background:#111;
	box-shadow:0 0 7px rgba(0, 0, 0, .1);
}

.access_shop{
	background: #800000 !important;
	}

.access_shop a{
	color:#fff !important;
	}

h2.index_top{

}

#access ul {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	font-weight:600;
	text-transform:uppercase;
}

#access li {
	position:relative;
	float:left;
	padding:0;
	margin:0;
}

#access ul li:first-child {
	padding-left:0;
}

#access a {
	display: block;
	padding: 15px 10px;
	color: #ffd700;
	font-size: 130%;
	text-decoration: none;
	-moz-transition: background-color .25s ease, margin .25s ease;
	-webkit-transition: background-color .25s ease, margin .25s ease;
	-o-transition: background-color .25s ease, margin .25s ease;
	-ms-transition: background-color .25s ease, margin .25s ease;
	transition: background-color .25s ease, margin .25s ease;
}

#access li.menu-item{
	font-size:11px;
	}

/*ヘッダのアドセンス用*/

#ad_headr{
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: -10px;"
}

#access a:hover,
#access li.current_page_item > a,
#access li.current-menu-item > a {
	background:rgba(255, 255, 255, .2);
	color:#fff;
	text-decoration:none;
}

#access a span {
	color: #fff;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.62em;
	text-transform: none;
}

.drop-down-toggle {
	display:none;
	position:absolute;
	top:7px;
	right:16px;
	width:20px;
	height:20px;
	background:#333;
	border:#eee 3px solid;
	border-radius:15px;
}

.drop-down-arrow {
	display:block;
	width:0;
	height:0;
	margin:8px 0 0 5px;
	border-top:5px solid #eee;
	border-left:transparent 5px solid;
	border-right:transparent 5px solid;
}

#access li li {
	float:none;
	min-width:190px;
	padding:0;
	margin:0;
	background:#333;
	border-top:rgba(255, 255, 255, .05) 1px solid;
	border-bottom:rgba(0, 0, 0, .1) 1px solid;
}

#access li li a {
	min-width:150px;
	padding:5px 24px;
	margin:0;
	background: none;
	font-size:13px;
	line-height:33px;
	text-align:left;
	overflow:hidden;
}

#access li li:first-child > a {
	border-top: none;
}

#access li li:last-child > a {
	border-bottom: none;
}

#access li li a:hover {
	background:rgba(255, 255, 255, .2);
}

#access li ul {
	display:none;
	position:absolute;
	z-index:9999;
	min-width:340px;
	height:auto;
	padding:0;
	margin:0;
	box-shadow:0 0 3px #333;
	font-weight: normal;
	text-transform: none;
}

#access li ul ul {
	margin:-45px 0 0 240px !important;
}

#access li:hover > ul,
#access li li:hover > ul,
#access li li li:hover > ul {
	display:block;
}

#access .nav-show,
#access .nav-hide {
	display:none;
}

.page-template-template-no-sidebars-php #container {
	margin:2.4%;
}

#slider {
	position:relative;
}

#slider a:active {
	outline:none;
}

.slides,
.flex-control-nav {
	margin:0;
	padding:0;
	list-style:none;
}

.flex-direction-nav a:before,.flex-direction-nav a{
	color: rgba(255,255,255, 0.1) !important;
	overflow: visible !important;
	}


/*
.slides {
	width:94%;
	height:350px;
	overflow:hidden;
}
*/

.slides {
	height:350px;
}

#slider .slides > li {
	display:none;
	position:relative;
	margin:0;
}

#slider .slides li:first-child {
	display:list-item;
}

.flex-pauseplay span {
	text-transform:capitalize;
}

.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

.flex-control-nav {
	position:absolute;
	right:0;
	bottom:4%;
	width:100%;
	list-style: none;
	text-align:center;
}

.flex-control-nav li {
	display:inline-block;
	margin:0 0 0 15px;
}

.flex-control-nav li:first-child {
	margin:0;
}

.flex-control-nav li a {
	display:block;
	width:10px;
	height:10px;
	cursor:pointer;
	background:rgba(255, 255, 255, .4);
	border-radius:24px;
	color:#333;
	font-weight:600;
	line-height:24px;
	text-indent:-48px;
	overflow:hidden;
}

.flex-control-nav li a.flex-active,
.flex-control-nav li a:hover {
	background:rgba(255, 255, 255, .8);
}

.flex-direction-nav,
.flex-pauseplay {
	position:absolute;
	right:43px;
	bottom:8%;
	width:100px;
	margin: 0;
	list-style: none;
	font-size: 18px;
	font-weight: 600;
	z-index: 2;
}

.flex-pauseplay {
	right:30px;
	width: 26px;
	font-size: 15px;
}

.flex-pause {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
}

.flex-direction-nav li,
.flex-pauseplay a {
	float: left;
	margin: 0 5px;
	background: rgba(0, 0, 0, .15);
	border-radius: 4px;
}

.flex-direction-nav a,
.flex-pauseplay a {
	display: inline-block;
	width: 18px;
	padding: 4px 8px;
	color: #fff;
	opacity: .8;
	text-align: center;
	cursor: pointer;
}

.flex-direction-nav a:hover,
.flex-pauseplay a {
	opacity: 1;
}

#slider .hentry {
	margin:0;
	box-shadow:none;
	background:none;
	border:none;
	color:#fff;
	text-align:left;
}

#slider .wp-post-image,
#slider .entry-attachment {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	clip: rect(0px 700px 350px 0px);
}

#slider .entry-attachment {
	z-index: 1;
}

#slider ul li:first-child .entry-container {
	display: block;
}

#slider .entry-title {
	display: none;
	position:absolute;
	top:0%;
	right:0;
	z-index:1;
	float:right;
	float:right;
	margin:0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:25px;
	line-height:1.62em;
}

#slider li:first-child .entry-title {
	display: block;
}

#slider .entry-title a {
	display:block;
	padding:10px 20px;
	background:rgba(0, 0, 0, .15);
	color:#fff;
}

#slider .entry-summary {
	clear: both;
	float:right;
	max-width: 61.8%;
	min-width: 324px;
	padding:10px 20px;
	background:rgba(0, 0, 0, .15);
}

#slider .entry-summary .entry-attachment {
	position:static;
	max-width:100%;
	height:auto;
	padding:0;
	background:none;
}

#slider .entry-attachment,
#slider .entry-attachment p {
	margin-bottom:0;
}

#current-location,
#sidebar-wide,
#sidebar-footer-wide {
	padding: 20px 3.1%;
	background: #eee;
	border-bottom: #e0e0e0 1px solid;
	border-bottom: rgba(0, 0, 0, .055) 1px solid;
	font-weight: 300;
}

#sidebar-wide,
#sidebar-footer-wide {
	text-align:center;
}

#current-location {
	padding-top:12px;
}

#current-location .prefix-text {
	margin:12px 0 0;
	color:#999;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:12px;
	font-weight:300;
	line-height:1.62em;
	text-transform:uppercase;
}

.category-description {
	margin-top: 4px;
	color: #999;
}

.category-description p {
	margin: 0;
}

.page-title,
#sidebar-wide .widget-title,
#sidebar-footer-wide .widget-title {
	margin:0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:32px;
	font-style:italic;
	font-weight:300;
	letter-spacing:normal;
}

#sidebar-wide .widget,
#sidebar-footer-wide .widget {
	margin:0;
}

#sidebar-boxes {
	padding:1.6%;
}

#container {
	margin:1.6%;
}

.page-template-template-no-sidebars-php #content,
.page-template-template-blog-no-sidebars-php #content,
.page-template-template-portfolio-no-sidebars-php #content {
	width: 100%;
}

.content-sidebar-wrap {
	float:left;
	width:85.15%;
}

.category-filter a {
	display: inline-block;
	padding: 1% 2%;
	margin-left: 2%;
	background:#fff;
	border-bottom:#eee 1px solid;
	border-radius: 4px;
	font-weight: 300;
}

.category-filter a:first-child {
	margin: 0;
}

.category-filter a:hover {
	background:#fcfcfc;
}

.single #content .hentry,
.page #content .hentry {
	box-shadow:none;
	background:none;
	border:none;
}

.page-template-template-sidebar-content-php #content,
.page-template-template-sidebar-content-half-php #content,
.page-template-template-blog-left-sidebar-php #content,
.page-template-template-portfolio-left-sidebar-php #content {
	float:right;
}

.page-template-template-content-sidebar-php #content {
	float:left;
}

.page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content {
	float:right;
	width:80.5%;
}

.entry,
#comments,
#respond {
	margin:2.5%;
	background:#fff;
	border-bottom:#DDD 1px solid;
	border-bottom:rgba(0, 0, 0, .13) 1px solid;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.onecol .hentry .entry,
.onecol .hentry #comments,
.onecol .hentry #respond,
.category-filter {
	margin:1.7%;
}

.onecol .twocol .entry {
	margin: 3.4%;
}

.twocol .entry,
.onecol .threecol .entry,
#sidebar-boxes .widget,
.threecol .widget {
	margin:5%;
}

.threefourthcol .threecol .entry,
.onecol .fourcol .entry,
.fourcol .widget {
	margin:7.5%;
}

.twocol .onecol .entry,
.twocol .onecol #comments,
.twocol .onecol #respond,
.twocol .widget {
	margin: 3.4%;
}

.single .entry,
.page .entry,
.error404 .entry {
	padding: 20px;
	margin-bottom:5.1% !important;
}

.page-template-template-blog-php.page .entry,
.page-template-template-blog-full-width-php.page .entry,
.page-template-template-blog-four-col-php.page .entry,
.page-template-template-blog-left-sidebar-php.page .entry,
.page-template-template-blog-no-sidebars-php.page .entry,
.page-template-template-portfolio-php.page .entry,
.page-template-template-portfolio-right-sidebar-php.page .entry,
.page-template-template-portfolio-four-col-php.page .entry,
.page-template-template-portfolio-left-sidebar-php.page .entry,
.page-template-template-portfolio-no-sidebars-php.page .entry {
	padding: 0;
}

.page-template-template-no-sidebars-php .onecol .hentry .entry {
	margin: 2.5%;
}

.wp-post-image {
	display:block;
	width:100%;
}

.page-template-template-full-width-php .hentry.onecol .wp-post-image,
.page-template-template-full-width-php .hentry.onecol .entry-attachment,
.page-template-template-full-width-php .hentry.onecol .post-gallery {
	float:right;
	max-width:69.5%;
	margin-bottom:2.9%;
}

.page-template-template-full-width-php .hentry.onecol .entry-attachment,
.page-template-template-full-width-php .hentry.onecol .post-gallery {
	width:69.5%;
}

.format-status .avatar {
	display: block;
	float:left;
	margin-right: 20px;
}

.format-image figure img {
	width:100%;
}

.format-audio object {
	height:24px;
}

.twocol .entry-attachment p {
	margin-bottom:6px;
}

.entry-container {
	padding:2.9%;
	margin:0;
}

.twocol .entry-container {
	padding:5.8%;
}

.threecol .entry-container {
	padding:6.1%;
}

.fourcol .entry-container {
	padding:8.5%;
}

.page-template-template-portfolio-php .post.onecol .entry-header {
	float:left;
	width:27.6%;
}

.page-template-template-portfolio-php .post.onecol .entry-summary {
	float:right;
	width:69.5%;
}

.page-template-template-portfolio-php .post.onecol .wp-post-image,
.page-template-template-portfolio-php .post.onecol .entry-attachment,
.page-template-template-portfolio-php .post.onecol .post-gallery {
	float:right;
	max-width:69.5%;
}

.page-template-template-portfolio-php .post.onecol .entry-attachment,
.page-template-template-portfolio-php .post.onecol .post-gallery {
	width:69.5%;
}

.page-template-template-portfolio-right-sidebar-php .twocol .entry-title,
.page-template-template-portfolio-left-sidebar-php .twocol .entry-title,
.page-template-template-portfolio-php .threecol .entry-title,
.page-template-template-portfolio-four-col-php .fourcol .entry-title,
.page-template-template-portfolio-no-sidebars-php .twocol .entry-title {
	margin: 0;
	text-align: center;
}

.entry-title,
#comments-title,
#reply-title {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-weight:300;
	letter-spacing:1px;
	overflow: hidden;
}

.page-template-template-full-width-php .hentry.onecol .entry-header,
.page-template-template-blog-full-width-php .hentry.onecol .entry-header,
.page-template-template-blog-four-col-php .hentry.onecol .entry-header {
	float:left;
	width:27.6%;
}

.single.page-template-template-full-width-php .hentry.onecol .entry-header,
.page.page-template-template-full-width-php .hentry.onecol .entry-header,
.error404.page-template-template-full-width-php .hentry.onecol .entry-header {
	float: none;
	width: auto;
}

.page-template-template-full-width-php .hentry.onecol .entry-summary,
.page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
.page-template-template-blog-four-col-php .hentry.onecol .entry-summary,
.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail {
	float:right;
	width:69.5%;
}

.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail {
	margin-bottom: 24px;
}

.entry-title
.page.page-template-template-blog-php .onecol .entry-title,
.page.page-template-template-portfolio-php .onecol .entry-title {
	font-size:28px;
	line-height:1.62em;
}

.single .entry-title,
.page .entry-title,
.error404 .entry-title {
	margin:0 0 18px 0;
	font-size:36px;
	line-height:1.62em;
}

.twocol .entry-title,
.threecol .entry-title,
.page-template-template-blog-php .twocol .entry-title,
.page-template-template-blog-php .threecol .entry-title,
.page-template-template-portfolio-php .twocol .entry-title,
.page-template-template-portfolio-php .threecol .entry-title {
	font-size:24px;
	line-height:1.62em;
}

.fourcol .entry-title,
.page-template-template-blog-php .fourcol .entry-title,
.page-template-template-portfolio-php .fourcol .entry-title {
	font-size:18px;
	line-height:1.62em;
}

.page .entry-title,
.error404 .entry-title {
	margin-bottom:24px;
}

.entry-title a {
	color:#333;
}

.entry-title a:hover {
	color:#21759B;
}

.format-link .entry-title a:after {
	content:"\2192";
	padding-left:8px;
}

.entry-meta {
	padding:1.5% 2.9%;
	background:#FCFCFC;
	border-top:#F3F3F3 1px solid;
	border-top:rgba(0, 0, 0, .035) 1px solid;
	color:#CCC;
	font-size:12px;
	font-weight:300;
	clear:both;
}

.entry-header .entry-meta {
	padding:0;
	background:none;
	border:none;
}

.single .entry-meta {
	padding:1.5% 2.4%;
	margin-bottom:24px;
	background:none;
	border-top:#F4F4F4 1px solid;
	border-bottom:#F4F4F4 1px solid;
}

.entry-meta span {
	padding-left:24px;
	margin-left:32px;
}

.entry-header .entry-meta span {
	display:block;
	float:none;
	padding:6px 0 6px 24px;
	margin:0;
}

.single .entry-meta span {
	display:inline;
	padding:0 0 0 24px;
	margin-left:32px;
}

.entry-meta span.custom-meta,
.single .entry-meta span.custom-meta {
	padding-left: 0;
	background: none;
	color: #999;

}

.custom-meta.entry-category {
	font-weight: normal;
	text-transform: uppercase;
}

.entry-meta span:first-child,
.single .entry-meta span:first-child,
.page .entry-meta span:first-child {
	margin: 0;
}

.entry-meta a {
	color:#7597B9;
}

.entry-meta a:hover {
	color:#d54e21;
}

.entry-summary .entry-attachment {
	margin-bottom:18px;
}

.entry-author-link {
	background:url(images/user.png) left center no-repeat;
}

.entry-date {
	background:url(images/time.png) left center no-repeat;
}

.entry-category {
	background:url(images/ribbon.png) left center no-repeat;
}

.attachment-size {
	background:url(images/image.png) left center no-repeat;
}

.edit-link {
	background:url(images/edit.png) left center no-repeat;
}

.entry-permalink {
	float:right;
	margin:0;
	background:url(images/link.png) left center no-repeat;
}

.entry-summary p {
	margin:0;
}

.format-aside .entry-summary p,
.format-status .entry-summary p,
.format-quote .entry-summary p  {
	margin-bottom:6px;
}

.onecol .onecol .entry-summary,
.entry-content {
	font-size:15px;
	line-height:1.62em;
}

.format-chat .entry-content {
	margin-bottom:2.9%;
}

.single-format-chat .entry-content {
	margin-bottom:24px;
}

.format-chat .entry-content p,
.format-chat .entry-summary p {
	padding:2px 2.9%;
	margin:0;
}



.twocol.format-chat .entry-content p,
.twocol.format-chat .entry-summary p {
	padding:2px 5.8%;
}

.threecol.format-chat .entry-content p,
.threecol.format-chat .entry-summary p {
	padding:2px 6.1%;
}

.format-chat .entry-content p:nth-child(odd),
.format-chat .entry-summary p:nth-child(odd)  {
	background:#f9f9f9;
	font-weight:600;
}

.single .format-chat .entry-content p:last-child
.single .format-chat .entry-summary p:last-child {
	margin-bottom:24px;
}

.entry-content .entry-attachment {
	margin-bottom:24px;
}

.entry-attachment p {
	margin:0;
}

.post-gallery-item img {
	display:block;
	float:left;
}

.attachment-gallery-1-thumb {
	max-width:61.714288%;
}

.attachment-gallery-2-thumb,
.attachment-gallery-3-thumb {
	max-width:38.285712%;
}

.entry-attachment img {
	display:block;
	margin:0 auto 18px;
}

.button {
	display: inline-block;
	padding: 5px 18px;
	border-radius: 100px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	color: #fff;
	margin: 5px;
}

a.button:hover {
	color: #fff;
	box-shadow:0 0 5px rgba(0, 0, 0, .2);
}

.button-big {
	padding: 10px 24px;
	font-size: 18px;
}

.button-blue {
	background: #30AEE7;
	background: -webkit-linear-gradient(#30AEE7, #247FA8);
	border-bottom: 1px solid #14455B;
}

.button-blue:hover {
	background: -webkit-linear-gradient(#247FA8, #30AEE7);
}

.button-yellow {
	background: #F4F434;
	background: -webkit-linear-gradient(#F4F434, #DADA2F);
	border-bottom: 1px solid #686817;
}

.button-yellow:hover {
	background: -webkit-linear-gradient(#DADA2F, #F4F434);
}

.button-olive {
	background: #E7AE31;
	background: -webkit-linear-gradient(#E7AE31, #A87F24);
	border-bottom: 1px solid #5B4514;
}

.button-olive:hover {
	background: -webkit-linear-gradient(#A87F24, #E7AE31);
}

.button-purple {
	background: #E731AE;
	background: -webkit-linear-gradient(#E731AE, #A8247F);
	border-bottom: 1px solid #5B1445;
}

.button-purple:hover {
	background: -webkit-linear-gradient(#A8247F, #E731AE);
}

.button-red {
	background: #E73131;
	background: -webkit-linear-gradient(#E73131, #A82424);
	border-bottom: 1px solid #5B1445;
}

.button-red:hover {
	background: -webkit-linear-gradient(#A82424, #E73131);
}

.button-green {
	background: #31E731;
	background: -webkit-linear-gradient(#31E731, #24A824);
	border-bottom: 1px solid #5B1445;
}

.button-green:hover {
	background: -webkit-linear-gradient(#24A824, #31E731);
}

.button-orange {
	background: #FF6103;
	background: -webkit-linear-gradient(#FF6103, #E55703);
	border-bottom: 1px solid #5B1445;
}

.button-orange:hover {
	background: -webkit-linear-gradient(#E55703, #FF6103);
}

.notice {
	padding: 12px;
	margin-bottom: 24px;
	border-radius: 4px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.info {
	background: #CEFFCE;
	border-bottom: 1px solid #9ABF9A;
}

.warning {
	background: #FFFFCE;
	border-bottom: 1px solid #BFBF9A;
}

.error {
	background: #FFCECE;
	border-bottom: 1px solid #BF9A9A;
}

.dropcap:first-letter {
	display: inline-block;
	float: left;
	min-width: 42px;
	padding: 20px 10px;
	border-radius: 4px;
	font-size: 48px;
	font-weight:600;
	text-align: center;
}

.dropcap-blue:first-letter {
	color: #30AEE7;
}

.dropcap-yellow:first-letter {
	color: #F4F434;
}

.dropcap-olive:first-letter {
	color: #E7AE31;
}

.dropcap-purple:first-letter {
	color: #E731AE;
}

.dropcap-red:first-letter {
	color: #E73131;
}

.dropcap-green:first-letter {
	color: #31E731;
}

.dropcap-orange:first-letter {
	color: #FF6103;
}

.dropcap-grey:first-letter {
	margin-right: 10px;
	background: #eee;
}

.dropcap-black:first-letter {
	margin-right: 10px;
	background: #333;
	color: #ddd;
}

.dropcap-circle:first-letter {
	border-radius: 60px;
}	

.columns .column {
	margin-left: 3%;
}

.columns .column:first-child {
	margin: 0;
}

.columns .twocol {
	width: 48.5%;
	
}

.columns .threecol {
	width: 31.3%;
}

.columns .fourcol {
	width: 22.75%;
	
}

.columns .twothirdcol {
	width: 65.7%;
}

.columns .threefourthcol {
	width: 74.5%;
}

.column .threecol.box {
	width: 25.3%;
	padding: 3%;
	margin-bottom: 24px;
	background: #f8f8f8;
	border-bottom:#ddd 1px solid;
	box-shadow:0 0px 5px rgba(0, 0, 0, .15);
}

.column .threecol.box p {
	margin: 0;
}

.entry-utility {
	padding-top:5px;
	padding-bottom:25px;
	border-bottom:#eee 1px solid;
}

.page-numbers {
	font-size:20px;
}

.pagesprit {
    color: #000000;
    background:white;
    margin: 5px auto;
	margin-bottom: 15px;
    line-height:2em;
    text-align:center;
}
.page-numbers a {
    display:inline;
    color: #00019b;
    border:solid 1px #ccc;
    text-decoration:none;
}
.page-numbers a:hover {
    color:white;
    background: #328ab2;
}
.numbers {
    margin: 0 10px;
}


.fb_like_Button {
    color: #FFFFFF;
    background:#666666;
    margin: 20px auto;
	display: table;
	box-sizing: border-box;
}

.fb_like_Button .fb_left{
    width: 60%;
	display: table-cell;
	box-sizing: border-box;
}

.fb_like_Button .fb_right{
    width: 40%;
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}

.fb_like_Button .fb_text{
	width: 70%;
    margin: auto;
	text-align: center;
}

.fb_like_Button .fb_like{
	width: 50%;
    margin: 12px auto;
	text-align: center;
	-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
}


#attachment-nav {
	padding-bottom:12px;
	margin-bottom:18px;
	border-bottom:#EEE 1px solid;
}

#attachment-nav a img {
	display:block;
	max-width: 50%;
}

#attachment-nav .nav-previous img {
	float:left;
	padding: 5px;
}

#attachment-nav .nav-next img {
	float:right;
	padding: 5px;
}

.entry-tags {
	margin: -8px -8px 16px;
}

.entry-tags a {
	position: relative;
	display: inline-block;
	padding:1px 4px 1px 16px;
	margin: 8px;
	background:#F8F8F8;
	background:-moz-linear-gradient(#F8F8F8, #F3F3F3);
	background:-webkit-linear-gradient(#F9F9F9, #F3F3F3);
	background:-o-linear-gradient(#F8F8F8, #F3F3F3);
	background:-ms-linear-gradient(#F8F8F8, #F3F3F3);
	background:linear-gradient(#F8F8F8, #F3F3F3);
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0, 0, 0, .2);
	color: #333;
	font-size: 12px;
}

.entry-tags a:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 6px;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 3px;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
}

.entry-tags a:hover {
	top: -3px;
	-moz-transition: top .1s ease;
	-webkit-transition: top .1s ease;
	-o-transition: top .1s ease;
	-ms-transition: top .1s ease;
	transition: top .1s ease;
}

.social-bookmarks {
	margin-bottom:20px;
	font-size:12px;
	font-weight:600;
}

.social-bookmarks p {
	margin-bottom:12px;
}

.facebook-like,
.twitter-button,
.google-plusone,
.pinterest-button {
	float:left;
}

.facebook-like {
	width:110px;
}

.fb_edge_comment_widget {
	width:401px;
}

.entry-author {
	padding:20px;
	margin-bottom:20px;
	background:#FCFCFC;
	border-bottom:#EEE 1px solid;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	font-size:13px;
	line-height:1.62em;
}

.entry-author .avatar {
	float:left;
	padding:5px;
	border-bottom:#DDD 1px solid;
	background:#fff;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.entry-author .author {
	margin-bottom:10px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:15px;
	letter-spacing:normal;
}

.entry-author .author,
.author-bio,
.entry-author .author-meta {
	margin-left:126px;
}

.author-bio {
	margin-bottom:10px;
}

.entry-author .author-website,
.entry-author .author-twitter {
	float:left;
	width:50%;
	text-align:center;
}

.nocomments {
	margin:0;
	color:#999;
	font-size:18px;
	line-height:1.62em;
	text-align:center;
}

#comments {
	background: none;
	border: none;
	box-shadow: none;
}

#comments-title,
#reply-title {
	margin-bottom:18px;
	font-size:24px;
	line-height:1.62em;
}

#comments-title {
	margin:35px 0;
}

.navigation {
	margin:35px 0;
}

.commentlist {
	margin:0 0 20px 0;
	list-style:none;
}

.commentlist .children {
	margin:20px 0 0 40px;
	list-style:none;
}

.comment {
	margin:0;
}

.comment-body {
	padding:20px;
	margin-bottom:35px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#fff;
	border-bottom:#DDD 1px solid;
	overflow: hidden;
}

.commentlist .comment:first-child .comment-body {
	margin-top:0;
}

.comment .avatar {
	float:right;
	padding:5px;
	margin:0 0 20px 20px;
	background:#fff;
	border-bottom:#DDD 1px solid;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.comment .fn {
	font-size:15px;
	font-style:normal;
	font-weight:600;
	line-height:1.62em;
}

.comment-meta {
	margin-bottom:18px;
	font-size:12px;
}

a.comment-reply-link {
	padding:4px 15px;
	border-radius:15px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border-bottom:#DDD 1px solid;
	color:#333;
	text-decoration:none;
}

a.comment-reply-link:hover {
	box-shadow:#CCC 0 0 5px;
}

a.comment-reply-link:focus {
	box-shadow:0 0 5px rgba(0, 0, 0, .4);
	background:-moz-linear-gradient(#F3F3F3, #FCFCFC);
	background:-webkit-linear-gradient(#F3F3F3, #FCFCFC);
	background:-o-linear-gradient(#F3F3F3, #FCFCFC);
	background:-ms-linear-gradient(#F3F3F3, #FCFCFC);
	background:linear-gradient(#F3F3F3, #FCFCFC);
}

#respond {
	width:auto;
	padding:20px;
	margin-bottom:5.1%;
}

.commentlist #respond {
	margin: 0 0 5.1% 0;
}

.comment-notes,
.form-allowed-tags {
	color:#aaa;
	font-size:12px;
	line-height:16px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	position:relative;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
	display:inline-block;
	position:absolute;
	top:1px;
	left:1px;
	z-index:1;
	width:60px;
	padding:0 10px;
	color:#444;
	line-height:36px;
}

.comment-form-author .required,
.comment-form-email .required,
.comment-form-url .required,
.comment-form-comment .required {
	position:absolute;
	top:1px;
	right:1.5%;
	z-index:2;
	color:#FF0000;
	font-size:24px;
	line-height:44px;
}

#author,
#email,
#url,
#comment {
	position:relative;
	width:97%;
	text-indent:80px;
}

input#author:focus,
input#email:focus,
input#url:focus,
textarea#comment:focus {
	position:relative;
	z-index:1;
	text-indent:0;
}

#comment {
	font-size:15px;
}

.form-allowed-tags code {
	padding: 0;
	background: none;
	box-shadow: none;
}

#post-nav,
#posts-nav {
	clear:both;
	margin:0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:16px;
	font-weight:300;
	letter-spacing:1px;
}

#posts-nav {
	position: relative;
	padding:2.9%;
	margin:2.46%;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#fff;
	border-bottom:#DDD 1px solid;
	border-bottom:rgba(0, 0, 0, .13) 1px solid;
}

.onecol #posts-nav {
	padding:1.95%;
	margin:1.7%;
}

.nav-prev,
.nav-previous {
	float:left;
	width:50%;
}

.nav-next {
	float:right;
	width:50%;
	text-align:right;
}

.ajax-load {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	line-height: 42px;
	text-align: center;
}

a.ajax-load:hover {
	background: #fcfcfc;
}

.page-numbers {
	padding:0 4px;
}

.page-numbers.prev {
	padding-left:0;
}

.page-numbers.next {
	padding-right:0;
}

#sidebar {
	color:#ccc;
}

#sidebar-left .widget,
#sidebar-right .widget {
	margin:10%;
}

.page-template-template-content-sidebar-half-php #sidebar-left .widget,
.page-template-template-content-sidebar-half-php #sidebar-right .widget,
.page-template-template-sidebar-content-half-php #sidebar-left .widget,
.page-template-template-sidebar-content-half-php #sidebar-right .widget {
	margin:6.55%;
}

.widget-area {
	font-weight:300;
}

.page-template-template-sidebar-content-php #sidebar,
.page-template-template-sidebar-content-half-php #sidebar,
.page-template-template-blog-left-sidebar-php #sidebar,
.page-template-template-portfolio-left-sidebar-php #sidebar {
	float:left;
}

.page-template-template-content-sidebar-php #sidebar {
	float:right;
}

.page-template-template-sidebar-content-sidebar-php #sidebar-left {
	width:17.4%;
}

.page-template-template-sidebar-content-sidebar-php #sidebar-right {
	width:12.75%;
}

.widget-title {
	margin:0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:20px;
	font-weight:300;
	letter-spacing:1px;
}

#sidebar-boxes .widget-title {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size:13px;
	font-weight:600;
	text-transform: uppercase;
}

.widget-area ul {
	margin:0;
	list-style:none;
	overflow:hidden;
}

.widget-area li {
	padding:7px 0;
	margin:0;
	border-bottom:#EEE 1px solid;
	rborder-bottom:rgba(0, 0, 0, .036) 1px solid;
	line-height:1.62em;
	overflow:visible !important;
}

.widget-area li li {
	border-bottom:none;
}

.widget-area li ul {
	margin-left:20px;
}

.widget-area a {
	color:#7597B9;
}
.widget-area a:hover {
	color:#d54e21;
}

#sidebar-footer-wide {
	margin-top: 2.1%;
	border: none;
	border-top:#e0e0e0 1px solid;
}

#footer {
	clear:both;
	border-top:#333 1px solid;
	border-top:rgba(0, 0, 0, .79) 1px solid;
}

#footer-area {
	position:relative;
	z-index:1;
	padding:1.6%;
	background:#222;
	border-top:#555 1px solid;
	border-top: rgba(255, 255, 255, .235) 1px solid;
	box-shadow:none;
	color:#CCC;
}

#footer-area .widget-title {
	color:#e0e0e0;
	font-size:18px;
}

#footer-area li {
	border-bottom:#2C2C2C 1px solid;
	border-bottom:rgba(255, 255, 255, .05)  1px solid;
}

.tagcloud {
	margin: 0 -8px 16px;
}

.tagcloud a {
	position: relative;
	display: inline-block;
	padding: 1px 6px 1px 18px;
	margin: 8px;
	background:#fff;
	background:-moz-linear-gradient(#fff, #fcfcfc);
	background:-webkit-linear-gradient(#fff, #fcfcfc);
	background:-o-linear-gradient(#fff, #fcfcfc);
	background:-ms-linear-gradient(#fff, #fcfcfc);
	background:linear-gradient(#fff, #fcfcfc);
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0, 0, 0, .2);
	color: #333;
	font-size: 12px !important;
}

.tagcloud a:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 6px;
	width: 6px;
	height: 6px;
	background: #F8F8F8;
	border-radius: 3px;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
}

.tagcloud a:hover {
	top: -3px;
	color: #333;
	-moz-transition: top .1s ease;
	-webkit-transition: top .1s ease;
	-o-transition: top .1s ease;
	-ms-transition: top .1s ease;
	transition: top .1s ease;
}

#footer-area .tagcloud a {
	background:#444;
	background:-moz-linear-gradient(#444, #333);
	background:-webkit-linear-gradient(#444, #333);
	background:-o-linear-gradient(#444, #333);
	background:-ms-linear-gradient(#444, #333);
	background:linear-gradient(#444, #333);
	border-radius:4px;
	box-shadow:0 1px 1px rgba(255, 255, 255, .2);
	color: #CCC;
}

#footer-area .tagcloud a:before {
	background:#222;
}

#footer-area .tagcloud a:hover {
	color:#CCC;
}

#copyright {
	clear:both;				
	padding:1.4% 3.2%;
	background:#111;
	border-top:#333 1px solid;
	border-top:rgba(255, 255, 255, .145) 1px solid;
	color:#CCC; 
	font-weight:300;
}

.copyright {
	float:left;
}

.credits {
	float:right;
	margin-right:12px;
	text-align:right;
}

#copyright p {
	margin:0;
}

#copyright a {
	color:#7597B9;
	text-decoration:none;
}

#copyright a:hover {
	color:#d54e21;
}


/*  今週のランキングの所  */
div#week_top_02{
	width:94%;
	margin:0 auto;
}

ol#rank_top{
	list-style-position: inside;
	list-style-type: decimal;
	margin: 0;
	font-size:130%;
}

#rank_top li{
	float:left;
	width:190px;
	height:190px;
	margin-right: 25px;
	margin-bottom: 25px;
}

#rank_top div.rank_top_titile{
	font-size:80%;
	width:180px;
	padding:5px;
	height:65px;
	position: relative;
	top:110px;
	left:0px;
	z-index:2;
	background-color: #fff;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	font-weight:700;
}

#rank_top img{
	position: relative;
	top:-75px;
	left:0px;
	z-index:1;
}

.wpp-thumbnail {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	border: none;
}

.side_lanking_box {
	width: 27px;
	height: 27px;
	background: #dc143c;
	float: left;
	margin-right: 3px;
	margin-bottom: 5px;
}

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

	#rank_top li{
		width:180px;
		height:170px;
		margin-right: 10px;
		margin-bottom: 20px;
	}

	#rank_top div.rank_top_titile{
		width:170px;
	}

	#rank_top img{
		top:-65px;
	}
	
	.threefourthcol {
		width: 66.7%;
	}
	
	.threefourthcol .threecol {
		width: 50%;
	}
	
	.fourcol,
	.onecol .fourcol {
		width: 33.3%;
	}

	#wrapper {
		max-width:960px;
	}
	
	#slider .entry-container {
		top:28%;
	}
	
	.threefourthcol .threecol .entry,
	.onecol .fourcol .entry,
	.fourcol .widget {
		margin: 5%;
	}
	
	img.attachment-gallery-thumb {
		max-width:82px;
	}
	
	.twocol img.attachment-gallery-thumb {
		max-width:74px;
	}
	
	.single img.attachment-gallery-thumb {
		max-width:100%;
	}
	
	.format-audio object {
		min-height:24px;
	}
	
	.single .format-audio object {
		height:24px;
	}

	.social-bookmarks iframe {
		min-height:0;
	}
	
	#sidebar-header {
		width:45%;
		margin-top:20px;
		margin-right:15px;
	}
	.school-area {
	  width: 170px !important;
	}
	.school_top_view{
	width:96%;
	}

.widget-title {
  margin: 0;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
}


}

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


.coments{
	font-size: 80%;
	line-height: 20px !important;
	}

	#rank_top li{
		width:190px;
		height:190px;
		margin-right: 25px;
		margin-bottom: 25px;
	}

	#rank_top div.rank_top_titile{
		width:180px;
	}

	#rank_top img{
		top:-75px;
	}


	#access a {
		padding: 15px 15px;
	}
	
	.onecol .threecol,
	.onecol .fourcol {
		width:50%;
	}

	#wrapper {
		max-width:760px;
	}
	
	#slider .entry-container {
		top:32%;
		padding: 0;
	}
	
	#slider .entry-summary {
		display: none;
	}
	
	#container {
		margin:2.2%;
	}

	.content-sidebar-wrap,
	#content,
	.page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content,
	#sidebar {
		width:100%;
	}
	
	.onecol .hentry .entry,
	.onecol .hentry #comments,
	.onecol .hentry #respond {
		margin:2.4%;
	}
	
	.onecol .twocol .entry,
	.onecol .threecol .entry,
	.threefourthcol .threecol .entry,
	.onecol .fourcol .entry {
		margin:4.5%;
	}
	
	.page-template-template-full-width-php .hentry.onecol .wp-post-image,
	.page-template-template-full-width-php .hentry.onecol .entry-attachment,
	.page-template-template-full-width-php .hentry.onecol .post-gallery,
	.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
	.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
	.page-template-template-blog-four-col-php .entry-thumbnail {
		float:none;
		max-width:100%;
		margin:0;
	}
	
	.page-template-template-full-width-php .hentry.onecol .entry-attachment,
	.page-template-template-full-width-php .hentry.onecol .post-gallery {
		width:100%;
	}
	
	.page-template-template-full-width-php .hentry.onecol .entry-header,
	.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
	.page-template-template-full-width-php .hentry.onecol .entry-summary,
	.page-template-template-blog-full-width-php .hentry.onecol .entry-header,
	.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
	.page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
	.page-template-template-blog-four-col-php .hentry.onecol .entry-header,
	.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail,
	.page-template-template-blog-four-col-php .hentry.onecol .entry-summary {
		float:none;
		width:auto;
	}
	
	.single .format-audio object {
		height:30px;
	}
	
	.onecol .onecol .entry-summary {
		font-size:13px;
		line-height:1.62em;
	}

	.social-bookmarks iframe {
		min-height:0;
	}
	
	.page-template-template-portfolio-php .post.onecol .wp-post-image,
	.page-template-template-portfolio-php .post.onecol .entry-attachment,
	.page-template-template-portfolio-php .post.onecol .post-gallery {
		float:none;
		max-width:100%;
		margin:0;
	}
	
	.page-template-template-portfolio-php .post.onecol .entry-attachment,
	.page-template-template-portfolio-php .post.onecol .post-gallery {
		width:100%;
	}
	
	.page-template-template-portfolio-php .post.onecol .entry-header,
	.page-template-template-portfolio-php .post.onecol .entry-summary {
		float:none;
		width:auto;
	}
	
	.onecol #posts-nav {
		padding:2.8%;
		margin:2.3%;
	}
	
	#sidebar .onecol {
		width:100%;
	}
	
	#sidebar .twocol {
		float:none;
		width:auto;
	}
	
	#sidebar-left .widget,
	#sidebar-right .widget {
		margin:5.8%;
	}
	
	#sidebar .widget,
	#footer-area .widget,
	#sidebar-boxes .widget,
	.page-template-template-content-sidebar-half-php #sidebar-left .widget,
	.page-template-template-content-sidebar-half-php #sidebar-right .widget,
	.page-template-template-sidebar-content-half-php #sidebar-left .widget,
	.page-template-template-sidebar-content-half-php #sidebar-right .widget {
		margin:6.7%;
	}
	
	#sidebar-boxes,
	#footer-area {
		padding:2.2%;
	}
	
	#copyright {
		padding:1.7% 4.3%;
	}

}

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



.index_top {

  font-size: 100% !important;
	margin:0 !important;
}

.thumbnail_top,.thumbnail_box{
	width: 90% !important;
	margin-bottom: 10px !important;

}

.shop_post table{
	font-size: 60%;
	line-height:15px;	
	}

.shop_midashi h2{
	font-size:160%;


	}

.shop_subimg_box{
	width:100% !important;
	}

.shop_subimg_box ul li{
	width:33% !important;
	margin: 0 !important;
	
	}

.coments{
	font-size: 80%;
	line-height: 20px !important;
	}


	#rank_top li{
		width:100%;
		height:100px;
		margin-right: 0;
		margin-bottom: 10px;
	}

	#rank_top div.rank_top_titile{
		width:180px;
		height: 90px;
		left:110px;
		top:0;
		background-color: #FFF;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}

	#rank_top img{
		width:100px;
		height:100px;
		top:-100px;
	}

	#toi_form {
		font-size:85%;
	}

	section#slider {
		height: 150px !important;
	}

	section#slider .slides {
		height: 150px;
	}

	#site-title img {
		margin: 10px 0 10px 0;
		vertical-align: middle;
		width:45%;
	}

	#site-title .slides {
		min-height: 150px;
	}

	#slider .wp-post-image,
	#slider .entry-attachment {
		clip: rect(0px 700px 150px 0px);
	}

	#rensai img{
		width:45% !important;
		height:45% !important;
		margin-right:10px !important;
	}

	#pan{
		font-size:90%
	}

	h1.entry-title {
		font-size:25px !important;
		margin-bottom: 30px !important;
	}

	div.entry{
		padding:10px !important;
	}

	.twocol,
	.threecol,
	.fourcol,
	.onecol .threecol,
	.threefourthcol .threecol,
	.onecol .fourcol {
		float:none;
		width:100%;
	}
	
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin:20px auto;
	}

	#wrapper,
	.page-template-template-no-sidebars-php #wrapper,
	.page-template-template-blog-no-sidebars-php #wrapper,
	.page-template-template-portfolio-no-sidebars-php #wrapper {
		max-width:380px;
	}

	.wp-caption {
		padding:10px 0 0;
	}

	#site-title,
	#site-description {
		float:none;
		margin:0;		
		line-height:1.62em;
	}
	
	#site-title {
		width:100%;
	}

	#site-title img{
	width: 30%;
    margin: 7px 0 0 10px;
	}

.shop_view{
	width: 95%;

	}

.shop_view_goods{
	width: 43% !important;
    margin: 10px;
	}

.new_post{
	font-size:150% !important;


}
	
	#site-description {
		display: none;
		padding-bottom:18px;
	}
	
	#sidebar-header {
		float:none;
		width:100% !important;
		height:auto;
		margin:0;
	}
	
	#access {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		padding: 0;;
		background: none;
		box-shadow: none;
	}
	
	#access .nav-show,
	#access a.nav-show:hover {
		position: absolute;
		top: 20px;
		right: 5px;
		display:block;
		width: 40px;
		height: 32px !important;
		padding: 0;
		background: url(images/nav.png) no-repeat;
		border: none;
		text-indent: -1000px;
		overflow: hidden;
	}
	
	#access .nav-hide {
		display: none;
	}
	
	#access:target .nav-hide,
	#access:target a.nav-hide:hover {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: -101em;
		width: 100%;
		height: auto !important;
		background: none;
		overflow: hidden;
		text-indent: -1000px;
	}
	
	#access .menu {
		text-align: center;
	}
	
	#access:target .menu {
		margin-top: 134px;
		background: #111;
	}
	
	#access li ul {
		position:static;
	}
	
	#access li ul ul {
		margin:0 !important;
	}
	
	#access ul,
	#access li {
		float:none;
		max-width:100%;
	}
	
	#access a {
		width:100%;
		height: 0 !important;
		padding:0;
		border: none;
		overflow: hidden;
	}
	
	#access:target .menu a {
		height: 40px !important;
		border-top: 1px solid #444;
		line-height: 40px;
		-moz-transition: height .25s, line-height .25s;
		-webkit-transition: height .25s, line-height .25s;
		-o-transition: height .25s, line-height .25s;
		-ms-transition: height .25s, line-height .25s;
		transition: height .25s, line-height .25s;
	}
	
	#access .menu a:hover {
		background:#555;
	}
	
	#access br {
		display: none;
	}
	
	#access a span {
		padding-left: 5px;
	}
	
	#access li li a {
		padding: 0;
		background:#3c3c3c;
		border-top-color:#4f4f4f;
		text-align:center;
	}
	
	#access li li li a {
		background:#444;
		border-top-color:#555;
	}
	
	#access li:hover > ul,
	#access li li:hover > ul,
	#access li li li:hover > ul {
		display:none;
	}
	
	#access:target .drop-down-toggle {
		display:block;
	}
	
	#access li li .drop-down-toggle {
		top:5px;
	}
	
	#header #searchform {
		float:none;
		width:278px;
		margin: 18px auto;
	}
	
	#header input#s {
		position: relative;
		z-index: 999;
		display:block;
		width:168px;
		margin-left:12px;
		background:#ececec url(images/search.png) right center no-repeat;
		box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
		text-indent: 0;
	}
	#header input#s:focus {
		width: 246px;
		margin: 0;
	}
	
	#social-media-icons {
		float: none;
		margin: 18px 0;
		text-align: center;
	}
	
	#slider {
		border-bottom: 50px solid #fff;
	}
	
	.flex-control-nav {
		display: none;
	}
	
	.flex-direction-nav,
	.flex-pauseplay {
		bottom: -40px;
		height: 30px;
	}
	
	.flex-direction-nav{
		right: 41%;
	}
	
	.flex-pauseplay {
		right: 37.5%;
	}
	
	.flex-direction-nav li,
	.flex-pauseplay a {
		
	}

	
	#slider .entry-title {
		font-size:18px;
		line-height:1.30em;
	}
	
	#current-location,
	#sidebar-wide {
		border-top: #E0E0E0 1px solid;
		border-top: rgba(0, 0, 0, .055) 1px solid;
	}
	
	#container {
		margin:0;
	}
	
	.entry,
	.twocol .entry,
	.onecol .hentry .entry,
	.onecol .threecol .entry,
	.threefourthcol .threecol .entry,
	.onecol .fourcol .entry,
	#comments
	#respond {
		margin:3.4%;
	}
	
	.entry-container {
		padding:5.8%;
	}
	
	.entry-meta {
		padding:2.8% 5.8%;
	}
	
	.entry-meta span,
	.single .entry-meta span,
	.page .entry-meta span {
		display:block;
		float:none;
		padding:2px 0 2px 24px;
		margin:0;
	}
	
	.has-thumbnail .entry-summary {
		clear:both;
		margin:0;
	}
	
	.has-thumbnail.format-aside .entry-summary,
	.has-thumbnail.format-quote .entry-summary {
		clear:none;
		margin-left:28.15%;
		width:71.85%;
	}
	
	.has-thumbnail.format-chat .entry-content {
		clear:both;
		margin:0;
	}
	
	.twocol.has-thumbnail .entry-title,
	.twocol.has-thumbnail .entry-summary {
		clear:none;
		padding-left:3%;
	}
	
	.twocol.format-gallery .entry-summary {
		height:auto;
		margin:0;
	}
	
	.twocol.format-image .wp-post-image {
		float:none;
		max-width:100%;
	}
	
	.format-status .wp-post-image {
		display:none;
	}
	
	img.attachment-gallery-thumb {
		max-width:74px;
	}
	
	.single img.attachment-gallery-thumb {
		max-width:100%;
	}
	
	.single .format-audio object {
		height:24px;
	}
	
	.entry-content {
		font-size:17px;
		line-height:1.62em;
	}
	
	.columns .twocol,
	.columns .threecol,
	.columns .fourcol,
	.columns .twothirdcol,
	.columns .threefourthcol {
		width: 100%;
		margin: 0;
	}
	
	.column .threecol.box {
		width: 94%;
	}
	
	
	.entry-author,
	.comment-body {
		padding:12px;
	}
	
	.entry-author .avatar,
	.comment .avatar {
		max-width:40px;
		padding:3px;
	}
	
	.entry-author .author,
	.author-bio,
	.entry-author .author-meta {
		margin-left:76px;
	}
	
	#posts-nav,
	.onecol #posts-nav {
		padding:5.7%;
		margin:3.4%;
	}
	
	.page-numbers .text {
		display:none;
	}
	
	.social-bookmarks > div {
		width: 50%;
		margin-bottom: 12px;
	}

	#sidebar-boxes {
		text-align: center;
	}
	
	#sidebar .onecol {
		width:100%;
	}
	
	#sidebar .twocol {
		float:left;
		width:50%;
	}
	
	#sidebar-boxes .threecol {
		margin-bottom: 6.8%;
	}
	
	#sidebar-boxes .threecol:last-child {
		margin: 0;
	}
	
	#sidebar .widget,
	#footer-area .widget,
	#sidebar-boxes .widget {
		margin:3.4%;
	}
	
	#sidebar-left .widget,
	#sidebar-right .widget {
		margin:6.8%;
	}
	
	#sidebar-boxes,
	#footer-area {
		padding:3.2%;
	}

	#footer div.footer_pr{
		width:95% !important;
		margin-right:0px !important;
		margin-bottom:0px !important;
	}
	
	#copyright {
		padding:1.7% 6.5%;
		line-height:2em;
	}
	
	.copyright,
	.credits {
		float:none;
		max-width:100%;
		text-align:left;
	}

}


@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {

	#access .nav-show,
	#access a.nav-show:hover {
		background-image: url(images/nav_2x.png);
		background-size:100%;
	}

	#header input#s {
		background-image: url(images/search_2x.png);
		background-size:36px;
		background-position: -3px center;
	}

	.facebook {
		background-image: url(images/facebook_2x.png);
		background-size:100%;
	}

	.twitter {
		background-image: url(images/twitter_2x.png);
		background-size:100%;
	}

	.pinterest {
		background-image: url(images/pinterest_2x.png);
		background-size:100%;
	}

	.google-plus {
		background-image: url(images/google-plus_2x.png);
		background-size:100%;
	}

	.vimeo {
		background-image: url(images/vimeo_2x.png);
		background-size:100%;
	}

	.dribble {
		background-image: url(images/dribble_2x.png);
		background-size:100%;
	}

	.flickr {
		background-image: url(images/flickr_2x.png);
		background-size:100%;
	}

	.youtube {
		background-image: url(images/youtube_2x.png);
		background-size:100%;
	}

	.linkedin {
		background-image: url(images/linkedin_2x.png);
		background-size:100%;
	}

	.entry-author-link {
		background-image: url(images/user_2x.png);
		background-size: 12px;
	}

	.entry-date {
		background-image: url(images/time_2x.png);
		background-size: 12px;
	}

	.entry-category {
		background-image: url(images/ribbon_2x.png);
		background-size: 12px;
	}

	.attachment-size {
		background-image: url(images/image_2x.png);
		background-size: 12px;
	}

	.edit-link {
		background-image: url(images/edit_2x.png);
		background-size: 12px;
	}

	.entry-permalink {
		background-image: url(images/link_2x.png);
		background-size: 12px;
	}

	#infscr-loading img {
		width: 32px;
		height: 32px;
	}

}

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/*-----------------------
追加スタイル
-------------------------*/



h2.midashi{
	font-size:170%;
	font-weight:bold;
	color:#800000;
	background:url("images/m_listmark.png") no-repeat;
	background-position:0 8px;
	padding-left:35px;
	}
h3.komidashi{
	font-size:130%;
	font-weight:bold;
	border-bottom:1px dashed;
	padding-bottom:3px;
	clear:both;
	}
hr.shikiri{
	color:#c0c0c0;
	clear:both;
	margin-bottom:60px;
	}
.bs_photo{
	float:left;
	margin-right:20px;
	}
#pan{
	margin-left:15px;
	color:#696969;
	}

/* 関連記事画像表示 */
.related-post{
     height:100%;
	}
.related-post{
     width:100%;
     overflow:hidden;
     margin-top:5px;
	}
.related-entry {
    vertical-align: top;
    float: left;
    width:100px;
    font-size: 12px;
    min-height: 215px;
    margin: 0;
    padding-right: 20px;
    }
 
 .related-entry img{
      padding:2px;
      border: #ccc 1px solid;
      width:100px;
	}

aside img.wp-post-image{
	float:left;
	width:50px;
	margin-right:5px;
	}
aside ul li{
	margin:10px 0 10px 0;
	clear:both;
	}

/*トップスライダーの変更*/

section#slider{
	width:94%;
	margin:20px auto;
	height:350px;
	}

span.form_button{
	background:#800000;
	font-size:100%;
	height:30px;
	width:30%;
	color:#fff;
	padding:5px 15px 5px 15px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	}
sapn.form_button a{
	background:#a52a2a;
	color:#fff;
	}

/*----------------------
トップページの人気記事の掲載
-----------------------*/

#week_top ul.wpp-list{
	width:100%;
	height:500px;
	margin-left:15px;
	}

#week_top ul.wpp-list li{
	list-style-type:none;
	height:270px;
	width:200px;
	display:block !important;
	float:left !important;
	overflow:visible !important;
	margin:0 35px 0 0;
	}

#week_top img{
	width:190px;
	height:190px;
	}

/*a.wpp-post-title{
	width:190px;
	display:block;
	}
span.wpp-excerpt{
	width:190px;
	display:block;
	}*/

h2.week{
	background:#000;
	height:40px;
	width:94%;
	font-size:160%;
	color:#fff;
	margin: 20px auto;
	padding:5px;
	}

h2.week div{
	margin:5px 0 0 10px;
	}

h2.new_post{
	background:#000;
	height:40px;
	width:94%;
	font-size:160%;
	color:#fff;
	margin: 20px auto;
	padding:5px;
	clear:both;
	}

h2.new_post div{
	margin:3px 0 0 10px;
	}
.shop_view{
    margin-left: 10px;
	}

.shop_view_unit{
	margin: 10px;
	}
.shop_view_goods{
	width: 22%;
    float: left;
    margin: 10px;
	}
.shop_view_title{
	font-size: 100%;
    margin-bottom: 5px;
	height: 42px;
	}

.shop_view_list{
	float: right;
    background: #000;
    text-align: center;
    padding: 10px 25px;
    font-size: 130%;
    margin-right: 15px;
	}

.shop_view_list a{
	color:#fff;
	}
.shop_view_list a:hover{
	color:#4169e1;
	}

.application-unit{
    width: 100%;
	}

.application-list{
	width: 85%;
    margin: 0 auto;
	}



/*----------------------
SNSのPR用
-----------------------*/

h3#facebook_welcome{
	color:#8b0000;
	font-size:1４0%
	}
p#facebook_text{
	margin-bottom:20px;
	}

hr.sns_border{
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	}

#twitter_button{
	margin:0 auto;
	text-align:center;
	}

.fb_iframe_widget{
	top:-5px;
	}

.fb_like_top{
	position:relative;
	top:-70px;
	left:250px;
}

/*---------------------
フッター
------------------------*/

.footer_pr{
	width:30%;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	}
.footer_pr h3{
	font-size:120%;
	color:#fff;
	weight:bold;
	margin:0 0 0 5px;
	}
.footer_pr p{
	font-size:100%;
	color:#fff;
	}

p.footer_pr_text{
	font-size:80%;
	}

p.footer_copyright{
	font-size:90%;
	color:#fff;
	margin-top:30px;
	}

/*---------------------
メールセミナーフッター
------------------------*/

body.page #footerFloatingMenu{
	display:none !important;

}

#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 99%;
}


#mailseminar-side{
    height: 170px;
    border: 4px solid;
    color: #000;
    font-size: 110%;
    text-align: center;
    padding: 10px;
	}

#mailseminar-side h2{
	font-size: 130%;
    border-bottom: 2px solid #800000;
    font-weight: bold;
}





#mail-seminar-form iframe{
    width:100%;
    height:400px;
overflow:visible;
}

#mailseminar{
background: #000c;
    margin: 0 -500px;
    padding: 0 500px;
height: 80px;
width: 1200px;
}

#mailseminar p#mailseminar_text{
float: left;
    font-size: 145%;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 50px;
    color: #fdd500;
}

#mailseminar_button{
float: right;
    width: 400px;
    background: rgb(27, 127, 204);
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
}

#mailseminar_button a,#mailmagazine_button a{
    color: #fff;

}

#mailseminar_button:hover,#mailmagazine_button:hover{
    opacity:0.8;

}

#mailseminar_button ul{
    margin: 0;
    list-style-position: 10px;
    list-style-type: none;
    line-height: 30px;
    padding-left: 35px;

}

#mailmagazine_button ul{
    margin: 0;
    list-style-position: 10px;
    list-style-type: none;
    line-height: 30px;
    padding-left: 15px;
}

#mailseminar_button li{ margin: 0;
    background: url(/wp-content/uploads/2018/03/download.jpg) no-repeat;
}


#mailmagazine_button li{
    margin: 0;
    background: url(/wp-content/uploads/2018/03/download.jpg) no-repeat;
    border: none;
	}

a.mail-button{
    clear: both;
    display: block;
    background: #800000;
    color: #fff;
    width: 200px;
    text-align: center;
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 130%;

}

a.mail-button:hover{
	opacity:0.8;
}

#mailmagazine_button{
    background: rgb(27, 127, 204);
    padding: 10px 15px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin-top: 10px;}



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

#mail-seminar-form iframe{
width: auto !important;
    height: 350px !important;
    overflow: visible;
}

a.mail-button{
	padding: 20px 30px;
	width: auto;
	}

#mailseminar-side{height:auto;}


#mailmagazine_button li{
	font-size:80%;
	background:none;
}

#mail-seminar-form iframe{
    width:400px;
    height:300px;
}

#mailseminar{

text-align:center;
    margin: 0;
    padding: 0;
    width: 100%;
	height: 100px;}


#mailseminar p{
	padding: 5px 0 0 0 !important;
 
}

p#mailseminar_text{
    font-size: 110%;
	}
#mailseminar_button{
width: 80%;
    text-align: center;
    font-size: 100%;

	}

p#mailseminar_text{
font-size:110% !important;
    margin: 0 10px 0 10px !important;
	float: none  !important;;
	}

#mailseminar_button{
	float: none;
	padding:0;
    display: inline-block;
	}


#mailseminar_button ul{	
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 10px;
	}




#mailseminar_button ul li{
	padding-left: 15px;
}

}


/*-------------------------
ヘッダー
-------------------------*/

#toi_form{
	width:100%;
	height:30px;
	border-bottom:2px solid #a9a9a9;
	float:right;
	}

#toi_form p.toi_text{
	float:right;
	border-left:#a9a9a9 solid 2px;
	padding:5px 10px 5px 10px;
	}
ul.wpp-list li{
	position:relative;
	}

/*---------------------------
ランキングの装飾
----------------------------*/
.top_lanking_box{
	position:relative;
	top:44px;
	width:45px;
	height:45px;
	background:#dc143c;
	}
p.top_lanking_text{
	position:relative;
	top:12px;
	left:14px;
	font-size:160%;
	color:#fff;
	}
p.top_lanking a{
	color:#fff;
	position:relative;
	}
.widget .wpp-list li{
	}
.side_lanking_box{
	width:27px;
	height:27px;
	background:#dc143c;
	float:left;	
	margin-right:3px;
	margin-bottom:5px;
	}
p.side_lanking_text{
	position:relative;
	top:3px;
	left:7px;
	font-size:115%;
	color:#fff;
	}

/*---------------------------
ノウハウ連載コーナーの装飾
----------------------------*/

#rensai{
	width:94%;
	margin:0 auto;
	margin-bottm:30px;
	}

#rensai img{
	margin-right:20px;
	}

#semi_profile{
	height:60px;
	margin-top:-20px;
	padding:5px;
	}
span#semi_aim{
	float:right;
	font-size:70%;
	font-weight:bold;
	}
span#semi_name{
	float:right;
	font-size:115%;
	font-weight:bold;
	}

span#semi_profile_img{
	margin-left:5px;
	float:right;
	}
div#full_profile{
	border:4px solid #000;
	padding:12px;
	margin-bottom:30px;
	}
span#full_profile_img{
	margin-right:5px;
	float:left;
	}
span#full_description p{
	font-size:80%;
	line-height:140%;
	margin:0 !important;
	}
span#full_name{
	font-size:120%;
	font-weight:bold;
	}
span#full_aim{
	font-size:90%;
	font-weight:bold;
	}
div#profile_title{

	height:20px;
	background:#000;
	color:#fff;
	font-size:90%;
	padding:5px 10px 5px 10px;
	}


table.kokunai_table th {
	border: solid 1px #666666;
	color: #000000;
	background-color: #EFD2D2;
	font-size:80%;
	padding:0px 5px !important;
	}
table.kokunai_table td {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ffffff;
	font-size:80%;
	padding:0px 5px !important;
	text-align:left;
	}
table.hikaku_table th {
	border: solid 1px #666666;
	color: #000000;
	background-color: #EFD2D2;
	font-size:80%;
	padding:5px 5px !important;
	}
table.hikaku_table td {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ffffff;
	font-size:80%;
	padding:5px 5px !important;
	text-align:left;
	}

.sns_button_top{
	margin-bottom:15px;
	}
.fb_like_top{
	border: 4px solid #a9a9a9;
    min-height: 50px;
    padding: 5px;
    width: 50%;
	}
.fb_check{
	font-size:90%;
	display:block;
	}

div.fluid-width-video-wrapper{
	width:100%;
	margin:0 auto;
}

.sns_button_bottom{
	margin-bottom:15px;
	}


.sns_button_bottom .fluid-width-video-wrapper{
	float:left;
	padding-top:0 !important;
	width: 100px;

}

.sns_button_bottom #___plus_1{
	margin-left:20px !important;
	}

.sns_button_bottom #twitter-widget-1{
	margin-right:20px;
	}

.sns_button_bottom .hatena-bookmark-button-frame{

}
/*-------------------------------
画面幅ごとのスタイル
--------------------------------*/

@media only screen
    and (min-device-width:320px)
    and (max-device-width:568px){
   /* 表示領域が320px以下の場合に適用するスタイル */
.school_info{
	display:none;
	}

.fb_like_top{
    position: relative;
    top: 0px;
    left: 0px;
	width:100%;
}

	}

	}





.comments_area{
	background: #f5deb3;
	border-radius: 8px 8px 8px 8px;
	padding: 20px;
	}



a.school_button{
height:60px;
display:block;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 3px 28px;

background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}
a.school_button:hover{
	background: #f79621; /* Old browsers */
	background: -moz-linear-gradient(top,  #f79621 0%, #f9c667 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79621), color-stop(100%,#f9c667)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f79621 0%,#f9c667 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f79621 0%,#f9c667 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f79621 0%,#f9c667 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f79621 0%,#f9c667 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79621', endColorstr='#f9c667',GradientType=0 ); /* IE6-9 */
	}

a.school_button_middle:hover{
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	}

a.school_button_middle{
height:60px;
display:block;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 1px solid #191970;
padding: 3px 28px;
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}

span.school_button_text{
	display: block;
	text-align: center;
	margin-top: 20px;
	color:#fff;
	font-size:140%;
	}

@media only screen
    and (min-device-width:320px)
    and (max-device-width:568px){
   /* 表示領域が320px以下の場合に適用するスタイル */
span.school_button_text{
	font-size:90%; }
	}

#school_logo{
	background: #8ec31e;
	margin: 20px auto;
	width: 100%;
	text-align: center;
	}
#school_logo img{
	margin:25px 5px 15px 5px;
	}
	
	
	
/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 10%;
  bottom: 50%;
  width: 80%;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

/*------------3D試作----------------*/

span.form_essential{
	color:#ff0000;}

.form_button input[type=submit]{
	width:200px;
	font-size:120%;
	color:#fff;
background: #f9c667;
background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
background: -webkit-linear-gradient(top, #f9c667 0%,#f79621 100%);
background: -o-linear-gradient(top, #f9c667 0%,#f79621 100%);
background: -ms-linear-gradient(top, #f9c667 0%,#f79621 100%);
background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
box-shadow: inset 1px 1px 0px 0px #dcecfb;	
	}


.form_button input[type=submit]:hover{
	opacity:0.7;
	}



/*---------------------------
ショッピングカート
----------------------------*/



.shop_price_box td.zaiko{
	font-size:80%;
	width:10%;

	}
.shop_price_box td.num{
	font-size:80%;

	}


hgroup#current-location{
	position: relative;
	}
section.shop{
	width: 75%;
	float: right;
	}


/*----サイドバー-----*/
#sidebar-boxes{
	position: relative;
	top: 0px;
	width:20%;
	background:#696969;
	color:#fff;
	}
#sidebar-boxes a{
	color:#fff;
	}

.shop_cate ul{
    list-style-type: none;
	margin-left:0;
	margin:15px 0 0 0;
	}

#main-nav{
    font-size: 90%;
	}

.categories > ul{
	border-top:2px #fff solid;
	border-bottom:2px #fff solid;
	}

.categories.ul > ul{
	border-bottom:2px #fff dashed;
	}

.categories::first-line{
	font-size:140%;
	font-weight:bold;
	}

.cart_box .title{
	background:url("/wp-content/themes/pinboard/images/ec_cart.png") no-repeat;
	margin:10px 0;
	height:30px;
	font-size:140%;
	padding-left:35px;
	padding-top:5px;
	font-weight:bold;
	}
.cart_box{
	background:#c0c0c0;
	padding:10px;
	color:#000;
	}
li.cat-item{
	margin:15px 15px 15px 15px;
	}
.cart_box a{
	color:#0000cd !important;
	font-size:90%;
	}



li.categories > ul > li:before{
	content: "";
    display: block;
    position: relative;
    top: 13px;
    left: -16px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
	}

ul.children li{
	list-style-type : disc;
	font-size:90%;
	
	}



/*----商品リストトップ-----*/


.thumbnail_box .list_midashi,.thumbnail_top .list_midashi{
	min-height: 50px;
	color: #808080;
	font-size:90%;
	margin:5px 0;
	}


#coments_num{
	font-size:50% !important;
	}

.crfp-rating{
	float:left !important;

	}

.index_top{

	color:#fff;
	font-size:160%;
	padding:10px 0 5px 10px;

	}

.thumbnail_box .thumtitle{

	margin: 10px 0 10px 0;
    font-size: 110%;

}

.thumbnail_box{
	width:28%;
	float:left;
	margin:0 10px 10px 10px;
	border-bottom: rgba(0, 0, 0, .13) 1px solid;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	background:#fff;
	padding:10px;
	}
.list_midashi


.thumimg img{
	border: none !important;
	box-shadow:none !important;
	}

.thumbnail_top .thumtitle{
	margin:10px 0 0 10px;
	font-size:110%;	
	min-height: 60px;
	}
.thumbnail_box .shop-zaiko{
	display:none;

}

.thumbnail_top .price{
	margin-top: -20px;
}


.teika{
	margin: 0 20px 10px 10px;
	}
.suku_box .teika{
	font-size:130%;
	}
.shop-zaiko{
	margin:10px;
	}
.shop-zaiko a{
	font-size:90%;
	color:red;
	}
.teika_out,.urune_out{
	margin:10px;
	}
section.shop a.post-thumbnail img{
	margin: 0 auto;
	width: 100%;
	display: block;
	max-height:220px;
	}

.shop-main-img{
	width: 100%;
	float:left;
	margin: 0 20px 0 0;
	}
.shop_subimg_box{
	width: 105%;
	}

.shop_subimg_box ul{
	margin:0px;
	}
.shop_subimg_box ul li{
	width:95px;
	float:left;
	list-style-type:none;
	margin:0 10px 0 0;
	min-height:100px

	}
table.sample_04{
	border:solid 1px #a9a9a9;
	font-size:80%;
	}

table.sample_04 td,table.sample_04 tr,table.sample_04 th{
	border:solid 1px #a9a9a9;
	font-size:80%;
	vertical-align: middle;
	}






/*
.shop .entry-content .clear{
	display: none;
	}
*/

.shop_midashi{
	margin:0 0 0 0;
	}
.shop_midashi h2{
	font-size: 160%;
	color: #800000;
	font-weight: bold;
	}
.entry-title span.sku_id{
	font-size:50%;
	margin-left:15px;

	}
.shop_img_box{
	width: 45%;
	float: left;
	margin: 0 0 0 0;
	}
.flex-viewport{
    margin-bottom: 10px;
	}

.shop_price_box table.suku_box {
	margin-top:40px;
	}
.shop_price_box table.suku_box td,.shop_price_box table.suku_box tr{
	vertical-align: middle;
	height:40px;
	}


section.shop .shop_price_box{
	width:100%;
	}


.shop_price_box td.sku_name,.shop_price_box td.price,.shop_price_box td.zaiko_c,.shop_price_box td.add_c,.shop_price_box td.add_b{
	padding: 10px 0;
	}

label.iopt_label{
	font-size:80%;
	
	}


.shop_price_box td.num .skuquantity{
	width:30px;
	}
.shop_price_box .suku_box{
	width:100%;
	}
.shop_price_box td.price{
	width: 30%;
	float:none !important;
	text-align: center;
	padding:5px;

	}
.shop_price_box td.zaiko_c{
	color:red;

	}

.shop_price_box .teika{
	margin:2px;

	}
 
.shop_price_box td.price span.zei{
	margin-rigth:10px;
	font-size:80%;
	}

.shop_price_box td.add_b{
	float:none !important;
	
	}

#cadshcool td.csh_price_text span.teika,.shop_price_box span.teika_out{
	color:red;
	font-size:85%;
	text-decoration:line-through;
	}
#cadshcool td.csh_price_text span.urine{
	display:block;


}
.shop_price_box span.teika{	
    font-size: 120% !important;
	margin:0 important;
	}
.shop_price_box span.urune_out{
	font-size:100%;
	}

.shop_price_box td.add_b input[type="submit"]{
	-webkit-appearance: none;
	background: #ff8c00;
	border-radius: 0;
	box-shadow: none;
	font-size: 100%;
	padding: 10px 13px;
	color: #fff;
	}
.shop_price_box  td.add_b input[type="submit"]:hover{
	background: #d2691e;
	}
td.sku_name{
	width:25%;
	font-size:100%;
	}
.shop_price_box table.suku_box tbody{
	border-top:10px solid #800000;
	}
.shop_price_box table.suku_box tbody{
	border-bottom:10px solid #800000;
	}





.shop_post{
	clear:both;
}
td.price{
	float:left;
}
td.add_b{
	float:left;
}
.pickup,.all_box{
	clear:both;
}
.pickup h2{
	background:#c0c0c0;
	font-size:100%;
	}
.all_box{
	font-size:100%;
	margin:20px 0;
	height:20px;
	}

.loginbox{
	width:}

.first{
	display:none;
	}

.wpcf7-list-item{
	  display: inline !important;
	}



/*----------サイドメニュー--------------*/

/*メニューに背景色　ボーダーで囲む*/
.widget_nav_menu{
    background: #F2F2F2;
    border: solid 5px #E7E7E7;
}
/*メニュータイトル*/
.widget_nav_menu .widget-title{
    padding:20px;
    color: #FFF;
    background: #000;
}
/*タイトル下　メニュー始まりにボーダー*/
.widget-area .widget_nav_menu .menu  {
    border-top: solid 5px #E7E7E7;
}
 
.widget-area .widget_nav_menu ul{
    margin-left: 0;
    _zoom: 1;  
    overflow: hidden; /*リストの一番上ボーダーを消す*/
}
/*リストボーダー*/
.widget-area .widget_nav_menu li {
    list-style: none;
    margin: -1px 5px 0 5px; 
    border-top: solid 1px #DDD;
    background: url(/wp-content/themes/pinboard/images/menu1-list-rd.gif) no-repeat;
    background-position: 0 8px;
    padding: 5px 0 5px 15px;    
	font-size:115%;
}
.widget-area .widget_nav_menu li li{
    border: none;
    background: url(/wp-content/themes/pinboard/images/menu1-list-c-or.gif) no-repeat;
    background-position: 0 11px;
    padding: 5px 0 5px 7px; 
	font-size:90%;
}
.widget_nav_menu a{
    color: #333;
    display: block;
}
.widget_nav_menu a:hover{
    color: #FF6600;
}






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

/*スマホ用のECメニューの表示*/

.textwidget a{margin-top:10px;
		display: block;}

#sidebar-boxes{
	width:100%;
	border:none;
	}

.first{
	display:block;
	}

#modal { display: none; }
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 200px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}


}

/*ショップポスト*/

.shop_post{
	border-bottom: 2px solid #800000;
	padding-bottom: 10px;
	}


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

/*トップページ*/

.shop_view_goods{
	width: 20%;
    float: left;
    margin: 10px;
	}
.shop_view_title{
    font-size: 80%;
	}


/*ショップトップ*/

.thumbnail_box{
	margin:0 5px;
	}

.shop_img_box{
	width:50%
	}
.shop_midashi{
	width:100%;
	margin-left: 10px;
	}
.shop_gaiyou{
  float: left;
  margin-left: 10px;
  width: 100%;
	margin-bottom:20px;

}
.shop_price_box{
	width: 45%;
	}

.shop_price_box td.add_b,.shop_price_box td.zaiko,.shop_price_box td.num,.shop_price_box td.sku_name,.shop_price_box td.price{
	font-size:80%;
	}


}

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


/*----------ショップの価格-----------*/


.add_b input[type="submit"] {
  background: #ff4500 !important;
	width:100%;
}


.shop_gaiyou{
	margin-left:0;
	margin-rigth:0;
	}

.thumbnail_top .thumtitle,.thumbnail_box .thumtitle{
    float: left;
    width: 55%;
    text-align: left;
    font-size: 13px;
	margin: 0 0 10px 0;
	min-height: 30px;
	}

.thumbnail_top .thumimg,.thumbnail_box .thumimg{
    float: right;
    width: 40%;
	}

.thumbnail_top h2{
    width: 55%;
    float: left;
    text-align: left !important;
    margin-left: 10px;
    font-size: 70% !important;
    margin-top: -10px;
	}

.thumbnail_top .list_midashi,.thumbnail_box .list_midashi{
    width: 55%;
    float: left;
    text-align: left !important;
    font-size: 70% !important;
    margin-top: -10px;
    line-height: 20px;
	}

.shop_price_box table.suku_box tr{
	background:#fff !important;

}


.entry-content .all_box{
	font-size:100% !important;
	margin: 50px 0;
}


.shop_price_box td.price{
	padding:0px;
	}


.shop_price_box tr{
	margin:10px 0;

	}

.shop_price_box td.sku_name{
	border-bottom: dashed 1px;
	font-size:110%;
	}


.shop_price_box td{
	display:block;
	width:100% !important;
	height: 30px !important;
	margin:0;
	text-align: left !important;
	line-height:220%;
	}


.shop_price_box td.price{
	font-size: 120%;
	}

.shop_price_box td.option{
	width: 50% !important;
    float: left;
	}

.shop_price_box td.add_b{
	margin-bottom:15px;


	}	
.shop_price_box td.zaiko{
	width:20% !important;
	float:left;
	margin-top: 2px;
}

.shop_price_box td.add_b{
	height: 30px !important;
}

.thumbnail_box{
	width:46%;
	margin-top:10px;
	}
.thumtitle{
	font-size:60%;
	line-height: 150%;
	}
.shop-zaiko{
	font-size:60%;
	line-height: 150%;
	}
.thumbnail_top .price,.thumbnail_box .price{
	font-size:80%;
	line-height: 150%;
	margin-top: -20px;
	width:50%;
	margin: 0 !important;
	}
.shop_img_box{
	width:100%;
	}
.shop_midashi{
	width:100%;
	}
.shop_price_box{
	width:100%;
	}
td.price{
	font-size:100%;
	margin:0px;
	}
.loginbox{
	width:80%!important;
	}


}

/*--ショップのその他--*/




table.shoptable tr,table.shoptable td{
	border:solid 1px #000; width:80%; padding:5px;}

table.shoptable{
	font-size:90%;}



/*ショップ用のヘッダー*/

.shop .entry{
	margin:0;
	}

.shop_top_img{
	border:1px solid #000;
	width:100%;
	height:100px;
	display:block;
	}
.shop-site-title{
	width:93%;
	}

.thumbnail_top{
	width:27%;
	padding: 10px;
	}

.thumbnail_top h2{
	font-size:90%;
	color:#696969;

}
.thumbnail_top .thumimg{
	text-align:center;
	margin:0 auto;
	}
.thumbnail_top .thumimg img{
	width:90%;
	}
.thumtitle{
	margin:10px 10px 5px 10px;
	}

.thumbnail_box .price{
	margin: 0 10px 5px 10px;
	}

.thumbnail_top .price{
	margin:0;
	}

.thumimg p{
	margine:0 !important;
	}

.thumbnail_top .teika{

	}

/*記事上の広告*/

.cad_ad{
	border: solid #8ABA27 6px;
	padding: 15px 15px 0 15px;
	min-height:210px;
	margin-bottom:25px;
	}
.cad_ad .cad_ad_unit1,.cad_ad .cad_ad_unit2{
	width:48%;
	float:left;
	padding:5px;
	}
.cad_ad .cad_ad_unit1 a.school_button{
	height:30px;
	margin-top:5px;
	}
.cad_ad .cad_ad_unit1 span.school_button_text{
	font-size:100%;
	margin-top:5px;
	}
.cad_ad .cad_ad_unit1 div.unit1_pr{
	text-align:center;
	color:#fff;
	padding:7px;
	background:#8ABA27;
	}

/*3Dプロトタイピング*/

.big_midashi{
  color: #8b0000;
  border-left: 8px solid;
  padding-left: 10px;
	}
table.prototype td,table.prototype th {
	border:solid 2px #808080;
	padding:10px;
}
.contact_title{
	float:left;
	margin-left:15px;
	}


/*メイカーズスクール*/

@media screen and (min-width : 1152px) {
	.ewschool td.csh_rent_text{
	background: url(/wp-content/themes/pinboard/images/cpu.png) no-repeat 400px !important;
	background-size: 30px !important;
	}

.school_side a{
	width: 85% !important;
	margin: 10px 0 10px 0 !important;
	display:block;
	height:auto !important;
	padding:15px;
	color: #fff;
	float: left;
	}


#cadshcool td.csh_rent_text{
	background: url(/wp-content/uploads/2015/02/26048.png) no-repeat 300px;
	}
}

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

.school_side a{
	width: 85% !important;
	margin: 10px 0 10px 0 !important;
	display:block;
	height:auto !important;
	padding:15px;
	color: #fff;
	float: left;
	}

	.school_side h2{
	font-size: 150% !important;
	text-align: center !important;
	margin-bottom: 5px !important;
	}
	.school_side h3{
	font-size: 110% !important;
	margin-bottom:10px !important;

	}


	.school_unit a{
	width:26% !important;
	}
.ewschool td.csh_rent_text{
	background: url(/wp-content/themes/pinboard/images/cpu.png) no-repeat 130px !important;
	background-size: 30px !important;
	}

#cadshcool td.csh_rent_text{
	background: url(/wp-content/uploads/2015/02/26048.png) no-repeat 130px;
	}
}

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

.thumtitle{

	font-size:90%;
	}

.thumbnail_top h2{
	font-size:90%;
}


.school_side a{
	width: 40% !important;
	margin: 10px 0 10px 0 !important;
	display:block;
	height:auto !important;
	padding:15px;
	color: #fff;
	float: left;
	}

.school_side a{
  width: 85% !important;
  margin: 10px 0 10px 0 !important;
	display:block;
	height:auto !important;
	}
	.school_unit a{
	width:40% !important;
	}
	.review_unit{
	width:28% !important;
	height: 300px !important;
	}
	.review_unit h3{
	font-size:90% !important;}
	.school-area{
	width:100% !important;
	}


.ewschool td.csh_rent_text {
    background: url(/wp-content/themes/pinboard/images/cpu.png) no-repeat 400px !important;
    background-size: 30px !important;
	}
	#cadshcool td.csh_rent_text{
	background: url(/wp-content/uploads/2015/02/26048.png) no-repeat 400px;
	}
}

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


.fb_like_Button {
	color:#333333;
    background:#FFFFFF;
	border: 1px solid #CCCCCC;
    margin: 20px auto;
	height: 260px;
	padding-bottom: 10px;
}

.fb_like_Button .fb_left{
    width: 100%;
	display: inline;

}

.fb_like_Button .fb_right{
    width: 100%;
	display: inline;

	vertical-align: middle;
	text-align: center;
}

.fb_like_Button .fb_text{
	width: 70%;
    margin: auto;
	margin-top:15px;
	text-align: center;
}

.fb_like_Button .fb_like{
	width: 40%;
    margin: 20px auto;
	text-align: center;
	-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
}


.shop_gaiyou{
 	margin-bottom:40px;

}

h2.midashi{
	font-size:130%;
	background-position:0 3px;
	}

.shop_gaiyou {
  width: 100%;
}

	.ewschool td.csh_rent_text{
	background: url(/wp-content/themes/pinboard/images/cpu.png) no-repeat 10px !important;
	background-size: 30px !important;
	}
	.ew_midle_title{
	height:100px !important;
	font-size:120%  !important;
	}

	p.school_sh_view img{
	display:block !important;
	}
	p.school_top_view img{
	display:none;
	}
	#school_form {
	float: right !important;
    font-size: 20%;
    width: 50%;
    margin:10px 40px 10px 0 !important;
	}
	a.school_register, a.school_my, a.school_toi{
	width: 40%;
    line-height: 15px;
    color: #fff !important;
	font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
	}
	a.school_register:before{
     margin: 0 5px 0 0;
    content: " ";
    display: inline-block;
    width: 15px;
    height: 18px;
    background: url(/wp-content/themes/pinboard/images/ec_icon_03.png) no-repeat;
    background-size: contain;
    vertical-align: middle;

	}
	a.school_my:before{
     margin: 0 5px 0 0;
    content: " ";
    display: inline-block;
    width: 18px;
    height: 20px;
    background: url(/wp-content/themes/pinboard/images/ec_icon_02.png) no-repeat;
    background-size: contain;
    vertical-align: middle;

	}
	#school_header{
	display: none;
	}
	h2.school_title{
	font-size:150% !important;
	}
	
	img.school_terget{
	display:none;
	}
	.school_unit a{
	width:90% !important;
	margin-left: 0 !important;
	height:auto !important;
	}
	.schoo_calender{
	width: 105% !important;
    margin: -5px !important;
	
	}
	.review_unit{
	width:90% !important;
	margin: 0 auto 20px !important;
	float:none !important;
	height: 380px !important;
	}
	.review_unit h3{
	font-size:100% !important;
	}
	.school_unit h3{
	font-size:110% !important;
	}
	.school_unit h2{
	font-size:130% !important;
	}
}

.ew_midle_title,.mm_midle_title{
  height: 50px;
  padding-left: 10px;
  font-size: 170%;
  line-height: 50px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #696969;

}

.ew_midle_title{
	border-left: 8px solid #00bfff;
}

.mm_midle_title{
	border-left: 8px solid #F4B4D0;
}

/*カレンダー*/
.calendar-container {
    position: relative!important;
    padding-bottom: 90%;
    padding-top: 30px;
    height: 0;
}
 
.calendar-container iframe,
.calendar-container object,
.calendar-container embed {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}
 
@media screen and (max-width: 460px) {
    .calendar-container {
        padding-bottom: 140%;
    }
}
 

 
@media screen and (max-width: 320px) {
    iframe[src*="calendar"] {
        width: 240px!important;
        height: 450px!important;
    }


}

.calendar-container {
    position: relative!important;
    padding-bottom: 90%;
    padding-top: 30px;
    height: 0;
}
 
.calendar-container iframe,
.calendar-container object,
.calendar-container embed {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}
 
@media screen and (max-width: 460px) {
    .calendar-container {
        padding-bottom: 140%;
    }
}
 

 
@media screen and (max-width: 320px) {
    iframe[src*="calendar"] {
        width: 240px!important;
        height: 450px!important;
    }
}



.schoo_calender{
	width:80%;
	margin:0 auto;

}
.review_unit{
width: 30%;
  height: 380px;
  float: left;
  margin: 0 0 20px 25px;
  background: #fff;
  border-bottom: rgba(0, 0, 0, .13) 1px solid;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

img.review_img{
	max-width:100% !important;
	padding:0 !important;
	box-shadow: none !important;
	background: none !important;
	border: none !important;
}

.review_unit ul{
  background: #000;
  padding: 5px;
	margin:0;
}

.review_unit ul li{
	list-style: none;
}

.review_unit ul li a{
	color:#fff;
}

.review_unit ul li a:hover{
	opacity:0.5;
}
.review_unit h3{
	font-size:110%;
	margin:15px;
	}

p.school_top_view img{
  margin: 0 0 0 20px;
	}

p.school_sh_view img{
	display:none;
	}

.school_unit a{
  width: 27%;
  height: 380px;
  padding:15px;
  color: #fff;
  float: left;
  margin-left: 25px;
  margin-bottom: 20px;
	display:block;
}

.school_unit a:hover,.school_side a:hover{
	opacity: 0.7;
}

.school_unit h2,.school_side h2{
  font-size: 175%;
  text-align: center;
  margin-bottom: 5px;
}
.school_unit h3,.school_side h3{
	font-size: 140%;
	margin-bottom:10px;

}

.school_unit a#fusion,.school_side a#fusion{
	background:#8FC31F;
}
.school_unit a#mesh,.school_side a#mesh{
	background:#F4B4D0;
}
.school_unit a#cnc,.school_side a#cnc{
	background:#F8B62D;
}
.school_unit a#ai,.school_side a#ai{
	background:#F19DB6;
}
.school_unit a#ew,.school_side a#ew{
	background:#2EA7E0;
}
.school_unit a#laser,.school_side a#laser{
	background:#b22222;
}



.school_top_unit{
	text-align: center;
	clear:both;
	}

img.schoo_icon{
  display: block;
  margin: 60px auto 10px;
	}
p.school_copy{
	width: 85%;
	margin: 10px auto;
	font-size: 110%;
	line-height: 30px;
	letter-spacing: 2px;
	}

img.school_terget{
  text-align: center;
  width: 70%;
  margin: 0 auto;
  display: block;
  margin-top: 30px;

}
h2.school_title{
	font-size: 250%;
	border-bottom: dashed #a9a9a9 3px;
	display: inline-block;
	letter-spacing: 5px;
  margin-bottom: 50px;
	}
	p.gsh_topview{
	margin: 0 0 0 20px;
	}

p.gsh_topview_sm{
	display:none;
	}

@media screen and (min-width: 1152px){

img.point_view2{
	margin-top:20px;

}

.school-area{
	width:220px !important;

	}
}

#school_header{
 margin-right: 20px;
    width: 200px;
    margin-top: 20px;
    position: absolute;
    right: 10px;
    top: 50px;
}

.school_content{
	width:80%;

	}
.access_school{
	background:#d3d3d3 !important;
	}

.access_school a,.access_school a span {
	color:#696969 !important;
	}

.access_school .sub-menu a {
	color:#fff !important;
	}
#school_form{
	float:right;
	margin:10px 10px 0 0 ;
	}
#school_form a:hover{
	  opacity: 0.5;
	display:block;
	}

.school_register,.school_my,.school_toi{
  height: 30px;
  width: 120px;
  display: block;
  text-align: center;
  color: #fff;
  padding-top: 10px;
  float: left;
	margin-left:10px;
	}

.school_register a,.school_my a,.school_toi a{
  color: #fff;
	}

.school_register{
	background:#ff8c00;
	}
.school_my{
	background:#00bfff;
	}
.school_toi{
	background:#000;
	}


.coments{
  background: #faf0e6;
  padding: 25px;
  margin: 15px 0;
}

p.csh_topview{
	margin:0;
	}

p.csh_topview_sm{
	display:none;
	}

h1#school-title-mini{
	font-size:80%;
	}
#cadshcool .csh_title{
	background:#8FC31F;
	width:100%;
	clear:both;
	margin-top: 50px;

	}



#cadshcool .ew_title{
	background:#00bfff;
	width:100%;
	clear:both;
}
#cadshcool .mm_title{
	background:#F4B4D0;
	width:100%;
	clear:both;
}

#cadshcool .laser_title{
	margin-top:50px;
	background:#b22222;
	width:100%;
	clear:both;
}

#cadshcool .csh_title h2,#cadshcool .ew_title h2,#cadshcool .mm_title h2,#cadshcool .laser_title h2{
	font-size:190%;
	color:#fff;
	letter-spacing:5px;
	text-align: center;
	line-height:1.85em;
	}
#cadshcool .csh_corner{
	margin:20px 40px;
	}

.cal_title{
	text-align: center;
    font-size: 240%;
    margin: 50px 0;
	}

.cal_point{
    width: 100%;
    display: inline-block;
    text-align: center;
	}
	

#cadshcool h3.csh_point01{
	margin-top:40px;
	font-size: 190%;
	background: url(/wp-content/uploads/2015/02/csh_01.png) no-repeat;
	padding-left: 90px;
	padding-top: 20px;
	color: #696969;
	clear:both;
	min-height:60px;
	}

#cadshcool h3.csh_point02{
	margin-top:40px;
	font-size: 190%;
	background: url(/wp-content/uploads/2015/02/csh_02.png) no-repeat;
	padding-left: 90px;
	padding-top: 20px;
	color: #808080;
	clear:both;
	min-height:60px;
	}
#cadshcool h3.csh_point03{
	margin-top:40px;
	font-size: 190%;
	background: url(/wp-content/uploads/2015/02/csh_03.png) no-repeat;
	padding-left: 90px;
	padding-top: 20px;
	color: #808080;
	clear:both;
	min-height:60px;
	}
#cadshcool h3.csh_point04{
	margin-top:50px;
	font-size: 190%;
	background: url(/wp-content/themes/pinboard/images/csh_04.png) no-repeat;
	height: 60px;
	padding-left: 90px;
	padding-top: 20px;
	color: #808080;
	clear:both;
	}
span.course_text_red{
	font-size:110%;
	color:#800000;
	}


.cal_img_unit{
	display: inline-block;
    text-align: center;
	width:100%;
	}
.cal_img_unit img{
	width: 30%;
    margin:30px 8px;
	}
	
.cal_img_unit .cal_img2{
	width: 45%;
    margin:30px 8px;
	}

.cal_img_unit2{
	display: inline-block;
    width: 100%;
    text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	}
p.sculpt-text{
    text-align: left;
    font-size: 110%;
    color: #696969;
    line-height: 30px;
	}

h3.sculpt-title{
	text-align:left;
	font-size:180%;
	margin-top:50px;
	color:#696969;
	font-weight:bold;}

.cal_img_textbox2{
	width: 31%;
    text-align: left;
    display: inline-block;
	}

.cal_img_textbox2:nth-child(-n+2){
    margin-right: 20px;
	}

.cal_img_textbox2 p{
	font-size: 120%;
    color: #808080;
	margin-bottom:-20px;
	}

.cal_img_textbox{
	width: 48%;
    text-align: left;
    display: inline-block;
	margin-top: 20px;
	}


.cal_img_textbox p{
	font-size: 120%;
    color: #808080;
	margin-bottom:10px;
	}
.cal_img_textbox span,.cal_img_textbox2 span{
	color:#800000;
	}

.laser_sakuhin{
    display: inline-block;
    text-align: center;
	}

.laser_sakuhin img{
	width: 48%;
	}

a.syousai_button{
	clear: both;
    display: inline-block;
    background-color: orange;
    padding: 8px 15px;
    color: white;
    border-radius: 5px;
	}

a.moushikomi_button{
	clear: both;
    display: inline-block;
    background-color: #191970;
    padding: 8px 15px;
    color: white;
    border-radius: 5px;
	margin-left:20px;
	}
a.application_button{
	clear: both;
    display: inline-block;
    background-color: #228b22;
    padding: 8px 15px;
    color: white;
    border-radius: 5px;
	margin-left:20px;
	}

a.syousai_button:hover,a.moushikomi_button:hover{
    background-color: #800000;}

.lesson_shousai{
	border: 1px solid;
    padding: 20px;
	color:#696969;
	margin:50px 0px;
	}
.lesson_title h2{
	float:left;
	font-size:180%;
	width:100%;
	font-weight:bold;
	}

.lesson_target{
	width: 49%;
    margin-top: 20px;


}
.lesson_target p{
	font-size:90%;
	margin:0 ;
}
.lesson_target span{
	color:#800000;
	}


.lesson_title span.term{
	font-size: 60%;
	float: right;
    background-color: #800000;
    padding: 1px 25px;
    color: white;
	}
.lesson_sub_title{
    margin-top: 20px;
	}
.lesson_sub_title h3{
	border-left: solid 8px #800000;
    font-size: 150%;
    padding-left: 10px;
	font-weight:bold;
	}
.lesson_price{
    font-size: 110%;
	}
.lesson_price span{
	color: #800000;
    border-right: dotted 2px #a9a9a9;
    padding-right: 10px;

}
.lesson_gaiyou,.lesson_kadai{
    margin: 50px 0px;
	}
.lesson_gaiyou h3,.lesson_kadai h3,.fusion360-flow h3{
	font-size: 145%;
	font-weight:bold;
	}
.lesson_gaiyou h3:before,.lesson_kadai h3:before,.fusion360-flow h3:before{
	content:"■";
	font-size: 145%;
	font-weight:bold;
	color:#800000;
	}



.you-list01{
	width:45%;
	float:right;
	margin-left:20px;
	}

.you-list02{
	width:45%;
	float:right;
	margin-left:20px;
	}

.lesson_kadai h4{
font-size: 120%;
    border: 1px solid;
    margin: 30px 0 10px 0;
    padding: 5px 5px 5px 10px;
    width: 90%;
	}
ul.kadai_sub_list li{
	font-weight:bold;
	list-style-type: none;
	font-size:115%;
	letter-spacing: 0.5px;
	}
ul.kadai_sub_list li:before{
	content:url(/wp-content/themes/pinboard/images/monocad_school__37.png);
	position: relative;
    top: 3px;
    left: -10px;

}

.sakuhin_unit{
	display: inline-block;
	text-align:center;
	}
.sakuhin_unit img{
	width: 21%;
	}

.teacher_text{
	padding:13px;
	font-size:95%;
	}
.teacher_text p{
	font-size:150%;}




p.kadai_sub_text{
	padding-left: 10px;
    font-size: 90%;
	margin:0;
	}

.lesson_kadai01{
	width: 50%;
    float: left;
	}

.lesson_gaiyou span,.lesson_kadai span{
	color:#800000;
	}

.lesson_ewlist{
	width:60%;
	float:left;
	}

.lesson_ewlist ol li{
	font-size:130%;
	color:#4169e1;

}

.lesson_ewlist ul{
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
	margin-left: 0 !important;

}

.lesson_ewlist ul li {
	font-size:110%;
	color:#696969;
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.lesson_ewlist ul ul li {
	font-size:95%;
	color:#696969;
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.lesson_ewlist ul li:before {
  content: "■";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: skyblue;/*アイコン色*/
}
	
.lesson_ewlist ul ul li:before {
   font-family: FontAwesome;
  content: "・";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #696969;
	}


.lesson_gaiyou p{
	line-height: 170%
	}

.lesson_sub_title h3 span{
	color:#696969;
    display: block;
    font-size: 80%;
	}


.lesson_title{
	border-bottom: solid 6px #d3d3d3;
    height: 50px;
	}
.lesson_sub_title{
	width: 48%;
	float: left;
	}
.lesson_target{
     float: left;
    border: 1px solid;
    padding: 10px;
	}

.lesson_kadai{
	border-top: 2px dashed #a9a9a9;
    padding-top: 20px;
	}

#cadshcool h3.csh_ra01{
	margin-top:20px;
	font-size: 190%;
	background: url(/wp-content/themes/pinboard/images/aicad_school_0217_07.png) no-repeat;
	height: 60px;
	padding-left: 90px;
	padding-top: 20px;
	color: #808080;
	clear:both;
	}
#cadshcool h3.csh_ra02{
	margin-top:20px;
	font-size: 190%;
	background: url(/wp-content/themes/pinboard/images/aicad_school_0217_11.png) no-repeat;
	height: 60px;
	padding-left: 90px;
	padding-top: 20px;
	color: #808080;
	clear:both;
	}
#cadshcool h3.csh_ra03{
	margin-top:20px;
	font-size: 190%;
	background: url(/wp-content/themes/pinboard/images/aicad_school_0217_13.png) no-repeat;
	height: 60px;
	padding-left: 90px;
	padding-top: 20px;
	color: #808080;
	clear:both;
	}

#cadshcool h3.csh_ed01{
	margin-top:80px;
	font-size: 190%;
	background: url(/wp-content/themes/pinboard/images/aicad_school_0217_16.png) no-repeat;
	height: 60px;
	padding-left: 90px;
	padding-top: 5px;
	color: #808080;
	clear:both;
	}
.course_title{
	text-align: center;
    font-size: 190%;
	font-weight:bold;                                        
	}
#cadshcool .csh_title h2 a, #cadshcool .ew_title h2 a, #cadshcool .mm_title h2 a,.laser_title h2 a{
	color:#fff;
	}
p.course_text{
text-align: center;
  font-size: 120%;
line-height: 180%;
}

p.corese_caution{
    text-align: center;
    color: #800000;
}

#cadshcool .csh_place{
	font-size:170%;
	color:#696969;
	margin-bottom:10px;
	}
#cadshcool .csh_place p{
	font-size:60%;
	margin-top:10px;
	margin-bottom:10px;
	}
#cadshcool .chs_about{
	background: #EFEFEF;
	padding:20px;
	margin-bottom:60px;
	font-size:90%;
	line-height:160%;
	}

#cadshcool .csh_koushi_box{
	border:2px solid #d3d3d3;
	padding:5px 20px;
	margin-bottom:20px;
	min-height: 180px;
	}
#cadshcool table td{
	border: solid 2px #a9a9a9;
	vertical-align: middle;
	font-size:100%;
	color:#696969;
	padding:10px;
	}
#cadshcool table th{
	border: solid 2px #a9a9a9;
	background: #DAE000;	
	vertical-align: middle;
	font-size:110%;
	font-weight:normal;
	}
#cadshcool td.csh_course_text{
	width:30%;
	font-size:130%;
	color:#2e8b57;
	}
	
#cadshcool td.csh_course_text span{
	display:block;
	font-size:70%;
	color:#696969;
	}

#cadshcool td.fuku_course_text{
	font-size:130%;
	color:#2e8b57;
	}

#cadshcool td.fuku_course_text span{
	display:block;
	font-size:70%;
	color:#696969;
	}
	
#cadshcool .fuku_action_button {
    width: 20%;
}


#cadshcool td.csh_day_text{
	width:15%;
	}
#cadshcool input[type="submit"]{
	background: #F8B62D;
	border-radius: 0;
	box-shadow: none;
	font-size: 120%;
	padding: 10px 13px;
	color: #fff;	
	}
#cadshcool input[type="submit"]:hover{
	background: #d2691e;
	}
#cadshcool span.full_form{
	background: #808080;
	font-size: 120%;
	color: #fff;
	display: block;
	width: 100px;
	height: 35px;
	padding-top: 16px;
	padding-bottom: 0px;
	margin: 0 auto;
	text-align: center;
	}
#cadshcool .cs_action_button{
	width:13%;
	}
#cadshcool td.csh_rent_text,#cadshcool td.csh_rent_info,#cadshcool td.csh_rent_button{
	border:none !important;

	}
#cadshcool td.csh_rent_text{
	text-align: right;
	font-size:130%;
	background-size: 40px;
	padding-left: 20px;
	}

#cadshcool span.cs_tax,#cadshcool td.csh_rent_text span{
	font-size:60%;
	margin:0 0 0 10px;
	}
#cadshcool tr.csh_rent{
	background:#fff;
	}
#cadshcool .csh_scroll a{
	display: block;
    margin: 50px auto;
    text-align: center;
    width: 70%;
    background: #191970;
    font-size: 170%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    border-radius: 10px;
    clear: both;
	}
#cadshcool .csh_scroll a:hover{
	background-color:#b22222;
	}
p.osusume{font-size:95%;
	margin-top:20px;}
#cadshcool .csh_scroll a:hover{
	background:#d2691e;
	}

#cadshcool img.csh_img{
	padding:0;
	margin:0;
	box-shadow:none;
	background:none;
	border:none;
	width:50%;
	}

#cadshcool span.private{
	color:red;
}


table.cs_table{
	font-size:85%;
	}



#QandA-2 {
	width: 100%;
	font-size: 100%; /*全体のフォントサイズ*/
	margin-bottom:50px;
}
#QandA-2 h3 {
	font-size: 130%;
	margin-top: 32px;
}
#QandA-2 dl {
	border: 1px solid #ccc;
}
#QandA-2 dt {
font-weight: bold;
	color: #111;
	background: #f4f4f4; /* 「Q」タイトルの背景色 */
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#QandA-2 dt:first-child {
	border-top: none;
}
#QandA-2 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-2 dd {
	padding: 16px 16px 24px 30px;
	margin: 0;
	line-height: 140%;
}
#QandA-2 dd:first-line {
	font-weight: bold;
	color: #bf0000;
}
#QandA-2 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	margin-left: -21px;
}







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

.lesson_ewlist{
	width:100%;
	font-size:80%;}

#wrapper{
	background:#fff;

}
.entry{
margin: 2.5%;
    background: #fff;
    border-bottom: #DDD 1px solid;
    border-bottom: rgba(0, 0, 0, .13) 1px solid;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	}

p.csh_topview_sm{
	display:block;
	}
#cadshcool td.csh_course_text{
	width:50%;
	}
#cadshcool td.csh_day_text{
	width:50%;
	}
#cadshcool td.csh_course_text{
	min-height:10px;
	font-size:120%;
	}
#cadshcool tbody tr{
	font-size:100%;
	}
#cadshcool table td{
	padding:5px;
	}

#cadshcool .csh_place{
	font-size: 130%;}

#cadshcool h3.csh_point01{
	font-size: 120%;
	background-size: 15%;
	height:90px;
	padding-left: 60px;
	padding-top: 0;
	}
#cadshcool h3.csh_point02{
	font-size: 120%;
	background-size: 15%;
	padding-left: 60px;
	height:90px;
	padding-top: 0;
	}
#cadshcool h3.csh_point03{
	font-size: 120%;
	background-size: 15%;
	padding-left: 60px;
	height:90px;
	padding-top: 0;
	}
#cadshcool h3.csh_point04{
	font-size: 120%;
	background-size: 15%;
	padding-left: 60px;
	height:90px;
	padding-top: 0;
	}
#cadshcool .csh_title h2{
	font-size:110%;
	}

#cadshcool img.csh_img{
	width:100%;
	}
p.csh_topview{
	display: none;
	}

#cadshcool .csh_corner{
	margin:0;
	}

#cadshcool thead,#cadshcool tbody,#cadshcool th,#cadshcool td,#cadshcool tr {
    display: block;
  }
  #cadshcool thead {
    display: none;
  }
  #cadshcool tbody tr {
    border-top: 1px solid #cccccc;
  }
  #cadshcool tbody tr td {
    border: none;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    padding-left: 50%;
    text-align: left;
  }
  #cadshcool tbody tr td:before {
    color: #555;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  #cadshcool tbody tr:not(.csh_rent) td:nth-of-type(1):before {
    content: "コース";
  }
  #cadshcool tbody tr:not(.csh_rent) td:nth-of-type(2):before {
    content: "開催日";
  }
  #cadshcool tbody tr:not(.csh_rent) td:nth-of-type(3):before {
    content: "時間";
  }
  #cadshcool tbody tr:not(.csh_rent) td:nth-of-type(4):before {
    content: "料金(税別)";
  }
  #cadshcool tbody tr:not(.csh_rent) td:nth-of-type(5):before {
    content: "予約状況";
  }
  #cadshcool tbody tr:not(.csh_rent) td:nth-of-type(6):before {
    content: "";
  }


}

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


img.point_view2{
	width:45%;

}
img.point_view1{
	width:42%;

}
#cadshcool td.csh_rent_text{
	text-align: right;
	font-size:130%;
	background: url(/wp-content/uploads/2015/02/26048.png) no-repeat 180px;
	background-size: 40px;
	padding-left: 20px;
	}
#cadshcool .wp-caption{
	width: 43% !important;
	float: left;
	}
#cadshcool span.cs_tax{
	display:block;
	font-size:60%;
	}

}

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

.lesson_sub_title h3 span{
	font-size:60%;
	}

#cadshcool td.csh_rent_text{
	text-align: right;
	font-size:130%;
	background: url(/wp-content/uploads/2015/02/26048.png) no-repeat 170px;
	background-size: 40px;
	padding-left: 20px;
	}
#cadshcool .cs_table{
	font-size:70%;
	}
	#cadshcool td.csh_course_text{
	width:25%;
	}
#cadshcool .wp-caption{
	width: 42% !important;
	float: left;
	}
#cadshcool span.cs_tax{
	display:block;
	font-size:60%;
	}
	
}

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




a.moushikomi_button{
	clear: both;
    display: inline-block;
    background-color: #191970;
    padding: 8px 15px;
    color: white;
    border-radius: 5px;
	margin-top:20px;
	margin-left:0px;
	}



.you-list01,.you-list02{
	width:100%;
	margin:0;
	}

ul.kadai_sub_list li{
	margin-left: -20px;
	}

.lesson_gaiyou h3, .lesson_kadai h3 {
    font-size: 110%;
	}
.cal_img_textbox,.cal_img_textbox2 {
	width:100%;
	margin:10px 0 !important;
	}
.cal_img_textbox img{

}
.cal_img_textbox:first-child{
	margin:0;}

.cal_img_textbox p{
	font-size:100%;
	}

h3.course_title{
	font-size:120%;
	}

h1#school-title-mini{
	font-size:50% !important;}

.cal_title{
	font-size:120%;
	}
.cal_img_unit img{
	margin:0;
	width:30%;}

.sakuhin_unit img,.sakuhin img{
	width: 45%;
    float: left;

	}
.sakuhin_unit{width:100%;}



#cadshcool .csh_title h2, #cadshcool .ew_title h2, #cadshcool .mm_title h2, #cadshcool .laser_title h2 {
    font-size: 190%;
    color: #fff;
    letter-spacing: 5px;
    text-align: center;
    line-height: 1.85em;
    margin: 30px 0;
}

img.point_view2{
	width:80%;
}

#cadshcool h3.csh_point01,#cadshcool h3.csh_point02,#cadshcool h3.csh_point03{
	font-size: 110%;
	height: 100px;
	}


.lesson_title{height: 70px;}

.lesson_title h2{font-size: 100%;}

#cadshcool h3.csh_ed01,#cadshcool h3.csh_ra02,#cadshcool h3.csh_ra03{
    font-size: 120%;
    background-size:25%;
	    height: 80px;
	}

#cadshcool .csh_scroll a{
	font-size: 110%;
	padding:10px;

	}

p.course_text{
	font-size:  90%;
	}

p.corese_caution{
	font-size:90%;
	}

.lesson_title span.term{
	font-size: 45%;
	padding: 0px 15px;
	}



.lesson_sub_title,.lesson_target,.lesson_kadai01{
	width:95%;
	font-size:70%;
	}
.sakuhin p{
	width: 50%;
	float: left;
	}


#cadshcool h3.csh_ra01,#cadshcool h3.csh_ra02,#cadshcool h3.csh_ra03{
    font-size: 120%;
    background-position:0px 20px;
	
    height: 80px;}

#cadshcool input[type="submit"]{
	background: #ff4500;
	}

#cadshcool td.csh_rent_text{
	text-align: right;
	font-size:130%;
	background: url(/wp-content/uploads/2015/02/26048.png) no-repeat 10px;
	background-size: 40px;
	padding-left: 20px;
	}
#cadshcool td.csh_rent_info{
	text-align: right;
	font-size: 150%;
	}
#cadshcool td.csh_course_text{
	width:45%;
	}
#cadshcool .wp-caption{
	width: 100% !important;
	}

.cad_ad .cad_ad_unit1,.cad_ad .cad_ad_unit2{
	width:100%;
	float:left;
	padding:5px;
	}
}

.coments{
  background: #faf0e6;
  padding: 25px;
  margin: 20px 0;
  line-height: 35px;
	border-radius: 10px;
}

/*---------------------------
ブログ記事のTABLE
----------------------------*/
#content table.kizi_entry{
	font-size:12px;
	border:#CCC 1px solid;
	margin-top:-10px;
}

#content table.kizi_entry th{
	background:#EEE;
	border:#CCC 1px solid;
}

#content table.kizi_entry td{
	text-align: left;
	padding-left:10px;
	border:#CCC 1px solid;
}



/*------------------------------
記事下のPR
--------------------------------*/

.blue-type{
	background:#2196f3 !important;
	}
.button-type{
	width: 200px;
    text-align: center;
    background: #009688;
    padding: 5px;
    color: #fff;
	}

#post-buttom{
	line-height: 30px;
	width:100%;
}

#post-buttom h2{
	font-size: 200%;
    font-weight: bold;
    color: #696969;
}

#post-buttom h2 span{
	font-size: 65%;
	display:block;
}

#post-buttom h3{
	font-size: 170%;
    font-weight: bold;
}

#post-buttom h3.fusion_basic{
    color: #008018;

}

#post-buttom h2#fusion_title{
	color: #800000;
    font-size: 230%;
    border-left: solid 10px #800000;
    padding-left: 10px;
    margin-bottom: 50px;
    margin-top: 50px;
}


#post-buttom h3.fusion_middle{
    color:#191970;
}


hr#post-border{
	margin: 50px 0;
}


#fusion-img img{
	width: 45%;
	margin:5px;
}

ol.number{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 0px;
	margin:0px;
}
  
ol.number li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 7px 40px;
  padding-left: 10px;
  font-weight: bold;
  font-size:14px;
}
  
ol.number li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -35px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

ol.fusion_basic li:before{
  background: #6ebd06;

}

ol.fusion_middle li:before{
  background: #00bfff;

}


/* ----------------------------------------------------
 SNSボタン
-----------------------------------------------------*/
.sns-wrap {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1%;
	height: 130px;
}

.sns {
    margin: 0 auto;
    list-style: none;
}

.sns a {
    text-decoration: none;
    font-size: 15px;
}

.sns {
    text-align: center;
}

.sns li {
    float: left;
    width: 32.3%;
    margin: 0 .5% 2%;
}

.sns a {
    position: relative;
    display: block;
    padding: 10px 5px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

.sns span,
.sns .fa {
    margin-right: .4em;
    color: #fff;
}

.sns li a:hover {
    -webkit-transform: translate3d(0px,5px,1px);
    -moz-transform: translate3d(0px,5px,1px);
    transform: translate3d(0px,5px,1px);
    box-shadow: none;
}

.sns .twitter a {
    background: #55acee;
    box-shadow: 0 5px 0 #0092ca;
}

.sns .facebook a {
    background: #315096;
    box-shadow: 0 5px 0 #2c4373;
}

.sns .googleplus a {
    background: #dd4b39;
    box-shadow: 0 5px 0 #ad3a2d;
}

.sns .hatebu a {
    background: #008fde;
    box-shadow: 0 5px 0 #016DA9;
}

.sns .pocket a {
    background: #f03e51;
    box-shadow: 0 5px 0 #c0392b;
}

.sns .feedly a {
    background: #87c040;
    box-shadow: 0 5px 0 #74a436;
}

@media only screen and ( max-width: 736px ) {
    .sns li {
        width: 32.3%;
        margin: 0 .5% 4%;
    }
    
    .sns a {
        font-size: 13px;
        padding: 6px 3px;
    }

#post-buttom h2#fusion_title {
    color: #800000;
    font-size: 150%;
    border-left: solid 10px #800000;
    padding-left: 10px;
    margin-bottom: 50px;
}

#post-buttom h3{font-size:110%}


}