@charset "UTF-8";
/*
Theme Name: swd
Theme URI: http://spanker-design.com
Author: the SWD team
Author URI: http://spanker-design.com/
Description: The 2014 theme for WordPress is a theme .
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, -header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: spanker-design.com
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* フロートを含める : h5bp.com/qより */ 
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.clearboth {
	clear: both;
	margin:0;
	padding:0;
}
/*Removes default margin.*/
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre {
	margin-top: 0;
}/*上方向のマジージンを0にする*/
/*禁則処理*/
p, li, dt, dd, th, td, pre {
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict;
}
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video, iframe {
	max-width: 100%;
	height: auto;
}
/*iframeをレスポンシブに*/
div.iframeWrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
 
div.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width: 100%;
}
/*IE8バグ対応*/
.ie8 img {
	width: auto;
	height: auto;
}
/*Link*/
a {
	/*color: #414141;*/
	color: #C03;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-ms-transition: 1s;
	transition: 1s;
	text-decoration: none;
}
/*a:visited { color: #551a8b; }*/
a:hover {
	color: #c4006d;
	text-decoration: underline;
}
a:focus {
	outline: thin dotted;
}
/* すべてのブラウザーで、フォーカスの設定時およびホバー時の読みやすさを改善 : h5bp.com/h */
a:hover, a:active {
	outline: 0;
}
/*General*/
h1 {
	font-size: 3.4em;
	line-height: 1;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 2.65em;
	line-height: 1.3333;
	margin-bottom: 0.6667em;
}
h3 {
	font-size: 1.9em;
	line-height: 1;
	margin-bottom: 1em;
}
h4, h5, h6 {
	font-size: 1.9em;
	line-height: 1;
	margin-bottom: 1em;
}
p, li, dt, dd, th, td, pre {
	font-size: 1.6em;
	line-height: 1.7em;
	margin-bottom: 1em;
}
ol, ul, dt {
	margin-left: 1em;
	padding-left: 1em;
}
/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/
.sticky {
}
.gallery-caption {
}
blockquote {
	background: url("images/bq_l.png") no-repeat left top, url("images/bq_r.png") no-repeat right bottom;
	margin: 0;
	padding: 3.5em 2em 1.5em;
}
a:hover img {
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity = 80);
}
body{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/*assistproオリジナルの設定*/
.cp-font {
	font-weight: bold;
	font-size: 2.318em;
	color:#E22A5D;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.btn {
	margin: 3em 0 4em;
	text-align: center;
}
.btn a:hover {
	background: #fda4a4;
}
.btn a {
	font-size: 1.4em;
	color: #940000;
	padding: 1em;
	background: -moz-linear-gradient(  top,  #fce7dd 0%,  #ffffff 50%,  #ff931f);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#fce7dd),  color-stop(0.50, #ffffff),  to(#ff931f));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #b36b00;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),  inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),  inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5),  inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2),  0px 1px 0px rgba(255,255,255,1);
}
.top-reco {
	width: 94%;
	padding: 3%;
	background: #DFF9FF;
	background: url("images/top-reco.png") repeat;
	margin-bottom: 2em;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-ms-box-shadow: 1px 1px 10px #ccc;
	-o-box-shadow: 1px 1px 10px #ccc;
	-webkit-box-shadow: 1px 1px 10px #ccc;
}
.top-reco ul{
	margin:0;
	padding:0;
	font-size: 1em;
}
.top-reco li{
	/*background:url("images/sitemap_l1.jpg") no-repeat left center;*/
	background:url("images/checkmark.png") no-repeat left center;
	padding-left:2.8em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	list-style:none;
}
.top-reco h3 {
	margin-bottom: 0;
	padding-bottom: 0;
}
.top-reco .alignnone {
	margin: 0 0 1em;
	padding:0 0.7em 0 0;

}
.matutake {
	float: right;
}
.daihyo {
	text-align: right;
}
.works-item {
	float: left;
	width: 48%;
	margin: 0;
	padding: 1%;
}
.works-item img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.recommend {
	width: 100%;
	margin-bottom: 2em;
}
.recommend-item {
	float: left;
	width: 48%;
	padding: 1%;
	margin: 0;
}
.recommend-item img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.soft-item {
	border-bottom: 1px solid #ccc;
	margin-bottom: 2em;
}
.top-reco .bigh3-title {
	font-size: 1.7em;
	/*color: #3651BE;*/
	color:#13AB13;
}
.okomari {
	margin-bottom: 2.8em;
}
.gridContainer_one .title_style {
	color: #fff;
	font-size: 2.8em;
	/*background: #3651BE;*/
	/*background: #13AB13;*/
	background: url("images/title-back.png") bottom repeat-x;
	padding: 0.6em;
	line-height: 1.3em;
	border: 5px solid #ccc;
	box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-ms-box-shadow: 1px 1px 10px #ccc;
	-o-box-shadow: 1px 1px 10px #ccc;
	-webkit-box-shadow: 1px 1px 10px #ccc;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-ms-text-shadow:1px 1px 1px #000;
	-o-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
}
.gridContainer_one .no-border {
	box-shadow: none;
	border: none;
}
.gridContainer .no-border {
	box-shadow: none;
	border: none;
}
.kitem-box{
	width: 100%;
	margin-bottom: 3em;
}
.kitem, .kitem-r{
	width: 96%;
	margin: 2%;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-ms-box-shadow: 1px 1px 10px #ccc;
	-o-box-shadow: 1px 1px 10px #ccc;
}

.gridContainer_one .kitem h3,
.gridContainer_one .kitem-r h3{
	padding: 0.6em;
	margin-bottom: 0.5em;
	background: url("images/nav-back.png") repeat-x ;
}
.kitem p,
.kitem-r p{
	padding: 0 0.8em;
}
/*スクリプトのスタイル設定*/
#pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
}
.fotorama_wrap {
	padding-top: 2em;
	background: #000;
	width: 100%;
}
.fotorama {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.fotorama img {
	text-align: center;
}
/* Mobile Layout: 480px and below. */

.header {
	width: 100%;
	margin: 0 0;
	padding: 0 0 0;
	border-bottom: 1px solid #ccc;
	background: #fff;
	border-top: 15px solid #191919;
}
.header-in {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
	-webkit-transition: width 1s ease-in-out;
	-webkit-transition-delay: 0.01s;
	-moz-transition: width 1s ease-in-out 0.01s;
	-o-transition: width 1s ease-in-out 0.01s;
	transition: width 1s ease-in-out 0.01s;
}
.header-in h1 {
	font-size: 3em;
	color: #333;
	padding: 0.5em 0 0.5em;
	margin: 0;
	font-family: 'Dancing Script', cursive;
}
.tagline {
	font-size:1.4em;
	line-height: 1.1em;
	margin-bottom: 3em;
	color: #585858;
}
#logo {
	text-align: center;
}
#custum-logo {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
}
/*ロゴ回転 テキストのちらつきを押さえるアニメーション*/
.rt {
	-webkit-transition: translate3d(0, 0, 0);
}
/*gloval navi*/
/*
.nav ul {list-style:none; margin:0; padding:0; overflow:hidden; text-align:center;}
.nav ul li a{ display:block; width:100%; border-top:1px solid #ccc; margin:0; padding:0.5em 0; text-decoration:none;}
*/
.nav {
	position: relative;
	overflow: hidden;
	background: #fff;
}
.nav ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0 0 2em;
}
.nav li {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}
.nav .children {
	display: none;
}
.nav .current_page_item a{
	background: #fff;
}
.nav a {
	color: #414141;
}
/*
.nav .sub-menu{font-size: 0.9em; float: none; margin: 0; padding: 0; }
.nav .sub-menu li{margin: 0; padding: 0; float: none;display: block; position: absolute;}

.nav .sub-menu li a:hover{ display: block;}
ul.menu {position: absolute; z-index:10;}
ul.sub-menu li:hover{cursor: pointer;}
*/

/*bannar*/
#bannar {
	width: 100%;
	background: #191919;
	margin: 0 0 3%;
	padding: 0;
}
#bannar-in {
	margin: 0;
	padding: 0;
	background: #3651BE;
}
#slider {
	margin-bottom: 0;
	padding: 0;
	background: #3651BE;
}
#bannar img {
	margin: 0;
	padding: 0;
}
/*contents area*/
.wrapp-breadcrumb {
	margin-left: auto;
	margin-right: auto;
	width: 84.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
.breadcrumb {
	margin: 0 0 1.4% 0;
	font-size: 80%;
}
.breadcrumb ul {
	margin: 0;
	padding: 0;
}
.breadcrumb ul li {
	float: left;
	list-style: none;
	margin-right: 0.6em;
	margin-left: 0;
}
#coverContainer {
	width: 100%;
	margin: 0;
	margin-bottom: 2em;
	padding: 0;
}
.gridContainer, .gridContainer_one {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
	-webkit-transition: width 1s ease-in-out;
	-webkit-transition-delay: 0.01s;
	-moz-transition: width 1s ease-in-out 0.01s;
	-o-transition: width 1s ease-in-out 0.01s;
	transition: width 1s ease-in-out 0.01s;
}
.big:first-letter {
	font-family: 'Libre Baskerville', serif;
	font-size: 4em;
	line-height: 1;
	float: left;
	margin: 0 .2em 0 0;
	padding: .1em 0;
}
.gridContainer h1, .gridContainer_one h1 {
	font-size: 2.8em;
	color: #575757;
	/*border-bottom: 2px solid #333;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #FBFBFB;*/
	padding: 0 0 0.8em 0;
}
.gridContainer h2, .gridContainer_one h2 {
	clear: both;
	padding: 0em 0.6em 0em;
	border-left: 5px solid #13AB13;
	font-size: 2.3em;
	color: #333;/*border-left: 2px solid #000;
	background: #fbfbfb;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
}
.gridContainer h3, .gridContainer_one h3 {
	clear: both;
	padding: 0.8em 0 0.4em;
	color: #333;
}
.gridContainer h4, .gridContainer_one h4 {
	clear: both;
}
.gridContainer ul, .gridContainer_one ul {
	list-style: circle inside;
}
.gridContainer ol, .gridContainer_one ol {
	list-style: decimal inside;
}
.main {
	margin-bottom: 2em;
}
/*front-item */

.front-item {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 3em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
.front-item h3 {
	padding: 0.8em 0 0;
	margin-bottom: 0.6em;
	text-align: left;
	font-size: 1.8em;
	font-weight: bolder;
}
.front-item img {
	/*width: 100%;
	max-width: 100%;
	height: auto;*/
	border: 3px solid #fff;
	margin-bottom: 2em;
	/* box-shadow */
	box-shadow: rgba(173, 173, 173, 0.65098) 0px 0px 4px 3px;
	-webkit-box-shadow: rgba(173, 173, 173, 0.65098) 0px 0px 4px 3px;
	-moz-box-shadow: rgba(173, 173, 173, 0.65098) 0px 0px 4px 3px;
}
.front-item .date {
	background: #3a3a3a;
	color: #fff;
	width: 100px;
	text-align: center;
	font-style: italic;
}
.front-item .more {
	text-align: right;
}
.front-item .more a {
	font-size: 90%;
	background: #3A3A3A;
	color: #fff;
	padding: 0.3em 0.6em;
}
/* Alignment */

.alignleft {
	float: left;
	margin-right: 0.6em;
	margin-bottom: 2em;
	margin-top: 1em;
	box-shadow: 0px 8px 8px -3px #ccc;
	-webkit-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-moz-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-ms-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-o-box-shadow: 0px 8px 8px -3px #ccc;
}
.alignright {
	float: right;
	margin-left: 0.6em;
	margin-bottom: 2em;
	margin-top: 1em;
	box-shadow: 0px 8px 8px -3px #ccc;
	-webkit-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-moz-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-ms-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-o-box-shadow: 0px 8px 8px -3px #ccc;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	margin-top: 1em;
	box-shadow: 0px 8px 8px -3px #ccc;
	-webkit-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-moz-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-ms-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-o-box-shadow: 0px 8px 8px -3px #ccc;
}
.alignnone {
	margin-bottom: 2em;
	margin-top: 1em;
	box-shadow: 0px 8px 8px -3px #ccc;
	-webkit-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-moz-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-ms-box-shadow: 0px 8px 8px -3px #ccc;
	box-shadow: 0px 8px 8px -3px #ccc;
	-o-box-shadow: 0px 8px 8px -3px #ccc;
}
blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {
	margin: 7px 24px 7px 0;
}
.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}
blockquote.alignright, figure.wp-caption.alignright, img.alignright {
	margin: 7px 0 7px 24px;
}
.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}
.site-content blockquote.alignleft, .site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}
.site-content blockquote.alignleft p, .site-content blockquote.alignright p {
	margin-bottom: 17px;
}
.wp-caption {
	margin-bottom: 24px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}
.wp-caption {
	color: #767676;
}
.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}
div.wp-caption .wp-caption-text {
	padding-right: 10px;
}
div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}
.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.attachment-large_thumb {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.thumb_back {
	background: url("images/thumb_bk.png") repeat;
	margin-bottom: 2em;
}
/*index archive*/
.category-title {
	text-align: center;
	margin-bottom: 1.6em;
	color: #a7a7a7;
}

.item {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 2.6em;
	padding-bottom: 1em;
}
.item img {
	margin-bottom: 1em;
	margin-top: 1.5em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.item h3 {
	font-size: 2em;
	border-bottom: 1px solid #ccc;
	padding: 1em 0;
	margin: 0;
	clear: none;
	color: #333;
}
.data {
	margin: 0;
	padding: 0;
	color: #999;
}
.footer-post-meta {
	clear: both;
}
.navpage {
	clear: both;
	padding: 2em 0;
}
.prev {
	float: left;
	width: 48%;
}
.next {
	float: right;
	width: 48%;
	text-align: right;
}
.related-posts {
	width: 100%;
	margin: 0;
	padding: 0;
}
/*related-posts*/
.related-posts {
	margin-bottom: 2em;
}
.related-posts ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.related-posts p {
	font-size: 1em;
}
.related-posts li {
	margin: 0;
	padding: 0.2em 0 0;
	list-style: none;
	border-bottom: 1px solid #ccc;
	background: #fff;
	text-align: left;
}
.related-posts img {
	float: left;
	margin: 0 1em 0 0;
	width: 80px;
	height: auto;
}
.related-posts h4 {
	font-size: 100%;
	clear: none;
	margin: 0;
	padding: 0.2em 0 0;
}
.related-posts h3 {
	background: #414141;
	color: #fff;
	padding: 0.2666em 0 0.2666em 0.3em;
}
/*aside*/
.side {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
	-webkit-transition: width 1s ease-in-out;
	-webkit-transition-delay: 0.01s;
	-moz-transition: width 1s ease-in-out 0.01s;
	-o-transition: width 1s ease-in-out 0.01s;
	transition: width 1s ease-in-out 0.01s;
}
.side h2 {
	font-size: 1.4em;
	border-bottom: 2px solid #333;
	background: #FBFBFB;
	padding: 1em 1em;
}
.side h4 {
	font-size: 130%;
	font-weight: normal;
	margin: 0;
	padding: 0 0 1em;
	color: #000;
	border: none;
	text-align: left;
}
.side h4 a:link {
	color: #fff;
}
.side h4 a:visited {
	color: #fff;
}
.side ul {
	list-style: none;
	margin: 0 0 3.2em;
	padding: 0;
}
.side li {
	margin-bottom: 0;
}
.side li a {
	display: block;
	padding: 0.8em 0;
	border-bottom: 1px solid #ccc;
	padding-left: 0.8em;
	padding-right: 0.8em;
	margin: 0;
}
.side li a:hover {
	display: block;
	background: #FAFAFA;
	margin: 0;
}
.side li.current_page_item a {
	background: #FAFAFA;
}
.children li {
	margin: 0;
	border-bottom: 1px solid #ccc;
}
.children li a {
	border-bottom: none;
}
.children li a:link {
	display: block;
	background: #fff;
	padding: 0.8em 0;
	margin: 0;
	border-bottom: none;
}
.side .children li a:hover {
	display: block;
	background: #FAFAFA;
	margin: 0;
	padding: 0.8em 0;
	border-bottom: none;
}
.current_page_item .children li a:link {/*孫ページの選択を解除*/
	background: #FAFAFA;
}
.current_page_item .children li a:hover {/*孫ページの選択を解除*/
	background: #FAFAFA;
}
.sideNavwidget_recent_entries {
	margin: 0 0 2em 0;
}
.sideNavwidget_recent_comments {
	margin: 0 0 2em 0;
}
.sideNavwidget_archive {
	margin: 0 0 2em 0;
}
.sideNavwidget_archive select {
	margin: 0 0 2em;
}
.sideNavwidget_categories {
	margin: 0 0 2em;
}
.sideNavwidget_categories select {
	margin: 0 0 2em;
}
.sideNavwidget_meta {
	margin: 0 0 2em;
}
.sideNavwidget_text {
	margin: 0 0 2em;
}
.textwidget {
	padding: 0;
	border: none;
	border-bottom: none;
}
/*search*/
.sideNavwidget_search {
	position: relative;
	width: 100%;
	height: 80px;
	margin: 0 0 2em 0;
}
.sideNavwidget_search .screen-reader-text {
	display: none;
}
.sideNavwidget_search .search-form {
	position: absolute;
	top: 40px;
	width: 100%;
	left: 0;
}
.sideNavwidget_search input {
	position: relative;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.sideNavwidget_search .search-submit {
	position: absolute;
	top: 0px;
	right: 1px;
	width: 30px;
	height: 30px;
	border: 0 none;
	background: url("images/search.png") no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
/*tag*/
.sideNavwidget_tag_cloud {
	margin: 0 0 2em 0;
}
.tagcloud {
	padding: 0.5em;
	background: #fff;
}
.tagcloud a {
	border: 1px solid #ccc;
	background: #fafafa;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*calender*/
#calendar_wrap {
	width: 100%;
	background: #fff;
	padding: 0.5em;
}
.sideNavwidget_calendar {
	margin: 0 0 2em 0;
}
.sideNavwidget_calendar table {
	margin: 0 auto;
	width: 100%;
}
.sideNavwidget_calendar th, td {
	margin: 0;
	padding: 0;
	text-align: center;
}
/*imgwigjet*/
.sideNavwidget_sp_image {
	margin: 0 0 2em 0;/*border-bottom:1px solid #ccc;*/
}
.sideNavwidget_sp_image img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.widget_sp_image-description {
	padding: 0.5em;
}
.widget_sp_image-description p {
	margin: 0;
}
.sideNavwidget_sp_image .textwidget {
	padding: 0.5em;
}
/*footer*/
.footer {
	width: 100%;
	font-size: 76%;
	margin: 0;
	padding: 2em 0;
	background: #191919;
	color: #fff;
}
.footer-in {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
	text-align: center;
}
.sitetitle {
	font-size: 2.2em;
	font-family: 'Dancing Script', cursive;
	margin-bottom: 0;
}
.footer ul {
	list-style: none;
	margin: 0 ;
	padding: 0;
}
.footer li {
	padding: 0;
	margin: 0 0 0.8em;
}
.footer a {
	color: #fff;
}
.footer a:hover {
	color: #666;
}
.footer .children {
	display: none;
}
.footer .children li {
	font-size: 90%;
	margin: 0;
	border-bottom: none;
}
.footer .children li a {
	border-bottom: none;
}
.footer .children li a:link {
	display: inline;
	background: none;
	padding: 0.8em 0;
	margin: 0;
	border-bottom: none;
}
.footer-in p {
	margin: 0;
	padding: 0;
}
/*single.php*/
.navpage {
	margin-bottom: 2em;
}
/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */
#comment-area h3 {
	background: #414141;
	color: #fff;
	padding: 0.1em 0 0.1em 0.3em;
}
.comments-area {
	margin: 48px auto;
	max-width: 474px;
	padding: 0 10px;
}
.comments-area textarea {
	width: 100%;
}
.comment-reply-title, .comments-title {
	font: 900 16px/1.5 Lato, sans-serif;
	margin: 0;
	text-transform: uppercase;
}
.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}
.comment-author {
	line-height: 1.7142857142;
}
.comment-list .reply, .comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}
.comment-list .reply {
	margin-top: 24px;
}
.comment-author .fn {
	font-weight: 900;
}
.comment-author a {
	color: #2b2b2b;
}
.comment-list .trackback a, .comment-list .pingback a, .comment-metadata a {
	color: #767676;
}
.comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover {
	color: #41a62a;
}
.comment-list article, .comment-list .pingback, .comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}
.comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child {
	border-top: 0;
}
.comment-author {
	position: relative;
}
.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 18px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
}
.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}
.says {
	display: none;
}
.comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata {
	padding-left: 30px;
}
.comment-edit-link {
	margin-left: 10px;
}
.comment-edit-link:before {
	content: "\f411";
}
.comment-reply-link:before, .comment-reply-login:before {
	content: "\f412";
	margin-right: 2px;
}
.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
.comment-content ul, .comment-content ol {
	margin: 0 0 24px 22px;
}
.comment-content li > ul, .comment-content li > ol {
	margin-bottom: 0;
}
.comment-content > :last-child {
	margin-bottom: 0;
}
.comment-list .children {
	list-style: none;
	margin-left: 15px;
}
.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}
.comment .comment-respond {
	margin-top: 24px;
}
.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}
.comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code {
	color: #767676;
}
.comment-notes, .comment-awaiting-moderation, .logged-in-as {
	line-height: 1.7142857142;
}
.no-comments {
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}
.comment-form label {
	display: block;
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
	width: 100%;
	max-width: 80%;
}
.form-allowed-tags, .form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}
.required {
	color: #c0392b;
}
.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}
.comment-reply-title small a:hover {
	color: #41a62a;
}
.comment-reply-title small a:before {
	content: "\f405";
}
.comment-navigation {
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}
.comment-navigation .nav-next, .comment-navigation .nav-previous {
	display: inline-block;
}
.comment-navigation .nav-previous a {
	margin-right: 10px;
}
#comment {
	width: 100%;
	max-width: 80%;
}
#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
	width: 80%;
}
input[type="checkbox"]{
	width: 18px;
	height: 18px;
}
/* tableデザイン*/
table {
	border: 1px solid #ccc;
	margin-bottom: 2em;
	width: 100%;
}
td, th {
	border: 1px solid #ccc;
	padding: 2%;
}
td {
	text-align: left;
}
th {
	text-align: left;
	background: #fafafa;
	color: #333;
}
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.gridContainer, .gridContainer_one {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
/*デンサポオリジナル設定*/
.btn a {
	font-size: 2em;
}
/*スクリプト*/
.fotorama {
	width: 80%;
}
/*aside*/
.side {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
.footer {
}
.hide_tablet {
	display: none;
}
.zeroMargin_tablet {
	margin-left: 0;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
body {
	background: #fafafa;
}
/*オリジナル設定*/
.kitem{
	position: relative;
	float: left;
	width: 48%;
	height: 230px;
	margin: 1% 0;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-ms-box-shadow: 1px 1px 10px #ccc;
	-o-box-shadow: 1px 1px 10px #ccc;
}
.kitem-r{
	position: relative;
	float: right;
	width: 48%;
	height: 230px;
	margin: 1% 0;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-ms-box-shadow: 1px 1px 10px #ccc;
	-o-box-shadow: 1px 1px 10px #ccc;
}
.ki-btn{
	position: absolute;
	bottom: 0;
	right: 20px;
}
/*スクリプト*/
.fotorama {
	width: 50%;
}
#coverContainer {
	width: 88.5%;
	/*max-width: 1232px;*/
	/*max-width: 992px;*/
	max-width: 992px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	margin-bottom: 4em;
	clear: none;
	float: none;
	margin-left: auto;
}
.gridContainer {
	float: left;
	/*width: 64.58333333%;幅一杯の時*/
	width: 60.58333333%;
	padding-left: 0;
	padding-right: 0;
	padding: 4%;
	margin: auto;
	clear: none;
	margin-left: auto;
	background: #fff;
	box-shadow: 1px 3px 4px #ccc;
}
.gridContainer_one {
	/*width: 64.58333333%;幅一杯の時*/
	width: 90.58333333%;
	padding-left: 0;
	padding-right: 0;
	padding: 4%;
	margin: auto;
	clear: none;
	margin-left: auto;
	background: #fff;
	box-shadow: 1px 3px 4px #ccc;
}
/*header*/
.header {
	height: auto;
	overflow: hidden;
	border-bottom: none;
	height: 160px;
}
.header-in {
	position: relative;
	width: 88.5%;
	max-width: 992px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;

}
.header-in h1 {
	font-size: 2.4em;
	color: #333;
	margin: 0 0 0.5em;
	padding: 0.5em 0 0;
}
#logo {
	width: 34%;
	float: left;
	text-align: left;
	border-right: 1px solid #ccc;
	padding-right: 0%;
	display: inline;
	height: 100px;
}
.tel {
	position: absolute;
	display: block;
	top:40px;
	right: 10px;
}
.tagline{
	position: absolute;
	top: 10px;
	right: 10px;
}
.wrapp-breadcrumb {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	max-width: 992px;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
.nav {
	width: 100%;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 0;
	padding-top: 0;
	display: block;
	height: auto;
	overflow: hidden;
}
.nav ul {
	margin: 0;
	padding: 0;
	margin-bottom:0;
	font-size: 0.8em;
	list-style: none;
	height: 60px;
	border-top: 1px solid #ccc;
	border-right:1px solid #ccc;
	background: url("images/nav-back.png") repeat-x top;
}
.nav li {
	float: left;
	padding: 0;
	margin-top: 0;
	height: 60px;
	width: 16%;
	border-left: 1px solid #ccc;
	border-bottom:none;
	text-align: center;
}
.nav li a {
	display: block;
	padding: 1.5em 1em;
	margin: 0;
	height: 60px;
	/*background: url("images/bbc-off.png") no-repeat right bottom;*/
	background: url("images/nav-back.png") repeat-x top;
}
.nav li a:hover {
	/*background: url("images/bbc.png") no-repeat right bottom;*/
	transition: none;
	height: 64px;
	background: #fff;
}

/*top bannar*/
#bannar {
	overflow: hidden;
}
.bannar-in {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 992px;
}
.bannar-in img {
	width: 100%;
}
/*aside*/
.side {
	float: right;
	width: 28.25%;
	width: 20.25%;
	margin-bottom: 2em;
	padding: 4%;
	background: #fff;
	box-shadow: 1px 3px 4px #ccc;
}
.side h4 {
	border-left: 3px solid #CA77A4;
	padding: 0.2em 0.6em 0.2em;
}
.footer-in {
	position: relative;
	width: 88.5%;
	/*max-width: 1232px;*/
	max-width: 992px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	overflow: hidden;
}
.footer-in ul {
	position: relative;
	left: 50%;
	float: left;
}
.footer-in li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0em 0.8em 0;
}
.copyright {
	padding-top: 1.3em;
}
.footer img {
	margin-bottom: 2em;
}
.zeroMargin_desktop {
	margin-left: 0;
}
.hide_desktop {
	display: none;
}
}
