@charset "UTF-8";

/*  
Theme Name: WISE_CMS_v3.0.4
Theme URI: http://wiseit.jp/
Description: WISE_CMS Wordpress Theme , http://wiseit.jp/ , based on work by WSC Project , http://wsc.studiobrain.net/
Version: 3.0.4
Author: WISE IT inc.
Author URI: http://wiseit.jp/
Tags: black,silver,white,light,two-columns,right-sidebar,fixed-width,custom-background,custom-menu,editor-style,sticky-post,translation-ready,threaded-comments
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-----------------------------------------------------------------------------
 WordPress CMS Theme. Based on work by WSC Project: http://wsc.studiobrain.net/
---------------------------------------------------------------------------- */

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol, ul, li{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
caption{width:100%;}
a{outline:none;}

/*clearfix*/
.cf:before,.cf:after {content:"";display:block;overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/*style*/
body{margin:0px;padding:0;-webkit-text-size-adjust: none;font:14px/24px "Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;color:#333;}
h1,h2,h3,h4,h5,h6,p{margin:0 0 20px;}
ul,ol{padding:0;margin:0 0 20px 20px;}
h1{font-size:20px;line-height:22px;}
h2{font-size:18px;line-height:20px;}
h3{font-size:16px;line-height:18px;}
h4{font-size:14px;line-height:16px;}
h5{font-size:12px;line-height:14px;}
h6{font-size:11px;line-height:13px;}
img{border:none;height:auto;}
a{text-decoration:underline;color:#333;}
a:hover{text-decoration:underline;}
a img{vertical-align:bottom;}
.screen-reader-text{display:none;}
.clear{clear:both;}
.clear hr{display:none;}

hr{background-color:#eee;border:0;height:1px;clear:both;margin:30px auto;}
blockquote{margin:0px 0px 20px;padding:10px 15px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
table{margin:0 0 20px;}
object,embed{width:100%;display:block;margin:auto;}

/*wrap*/
#wrap{max-width:900px;margin:auto;text-align:left;clear:both;}
#main{text-align:left;overflow:hidden;padding:20px 0;width:600px;float:left;}
@media screen and (max-width: 920px) {#main{max-width:100%;margin:auto;display:block;float:none;width:auto;padding:20px 10px;}}
#main-wide{float:left;text-align:left;overflow:hidden;padding:0px 0;background-color: #fff;max-width:900px;}
@media screen and (max-width: 920px) {#main-wide{width:100%;padding:0px 10px;}}
#main-liquid{width:100%;padding:20px 0;}

/*header*/
#header{max-width:900px;margin:auto;overflow:hidden;}
#site-title{margin:0;padding:0;}
#site-title a{float:left;margin:0 10px 0 0;}
#site-description{font-size:12px;font-weight:normal;font-style:normal;line-height:18px;margin:10px 0 0;padding:0;text-align:right;}
@media screen and (max-width: 920px) {#site-description{margin-right:10px;}}

/*header-menu*/
#header .menu {padding:0;float:right;clear:right;margin:0;}
#header .menu li{float:left;margin:10px 0 0;}
#header .menu li a{float:left;font-size:12px;line-height:15px;padding:5px 10px;text-decoration:none;border-left:1px solid #eee;}

/*top-image*/
#top-image{clear:both;background-color:#222;height:220px;}
@media screen and (max-width: 920px) {#top-image{height:auto;}}
#top-image-wrap{max-width:900px;margin:auto;}
#top-image img{width:100%;display:block;}

/*second-image*/
#second-image{clear:both;background-color:#ccc}

/*breadcrumb*/
#breadcrumb{color:#fff;clear:both;font-size:12px;line-height:20px;padding:20px 0;max-width:900px;margin:auto;}
@media screen and (max-width:920px) {#breadcrumb{padding:10px;}}
#breadcrumb a{color:#fff;text-decoration:none;}*/

/*content*/
.hentry{padding:0;overflow:hidden;}
.hentry .pageTitle,
.hentry .pageTitle a{text-decoration:none;font-size:18px;line-height:22px;}
.hentry ul{margin-left:25px;padding-left:0px;}
.hentry ol{margin-left:30px;padding-left:0px;}
.hentry ul li{list-style-type:disc;}
.hentry ol li{list-style-type:decimal;}
.hentry .postmetadata{text-align:right;font-size:12px;clear:both;float:right;line-height:20px;}
.sticky {background:#f8f8f8;margin:0 0 30px;padding:20px;}
.sticky hr{display:none;}

/*navigation*/
.navigation{clear:both;padding:20px 0 0;font-size:11px;line-height:21px;text-align:center;border-top:1px solid #ccc;}
.navigation a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;padding:5px 10px;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft {float:left;}
.navigation div.alignright {float:right;}

/*wp-pagenavi*/
.wp-pagenavi{clear:both;padding:0;font-size:11px;line-height:21px;text-align:center;}
.wp-pagenavi span.extend {color:#ccc;margin:2px;}
.wp-pagenavi span.current{background-color:#48e;color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.wp-pagenavi span.pages{background-color:#ccc;padding:5px 20px;color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.wp-pagenavi a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;padding:5px 10px;margin:0 2px;}
.wp-pagenavi a:hover{background-color:#aaa;}

/*image*/
.thumbnail-align img{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignleft{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignright{float:right;padding:7px;margin:0 0 20px 20px;background-color:#eee;}
.aligncenter{clear: both;display: block;margin:auto;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;text-align: center;padding:7px 2px;}
.wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
.wp-caption.alignright{float:right;margin:0 0 15px 15px;}
.wp-caption img {margin:0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin:0;}
.gallery {margin:0 auto 18px;padding:0 0 25px;}
.gallery .gallery-item {float: left;text-align: center;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin:0;}
.gallery br+br {display: none;}
@media screen and (max-width: 480px) {.hentry img {float:none;display:block;margin:auto auto 15px;padding:0;max-width:100%;}}

/*comment*/
#comments{max-width:900px;margin:auto;}
.commentlist{margin:15px 0 0;border-top:1px solid #eee;}
.commentlist p{margin:10px 0;clear:both;}
.commentlist li{clear:both;}
.commentlist .comment-body{border-bottom:1px solid #ccc;margin:0 0 15px;clear:both;font-size:12px;line-height:20px;padding:15px 10px;}
.commentlist .reply{text-align:right;}
.commentlist .avatar{float:left;margin:0 10px 0 0;}
.comment-author.vcard {}
#respond {padding:0;}
#reply-title {margin:0;padding:0;}
#commentform{padding:10px 0;}
#commentform p{margin:0 0 5px;}
#commentform textarea#comment{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;width:98%;}
#commentform input{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;clear:both;width:98%;}
#commentform .required{color:#c00;}
#commentform label{}
.commentlist .bypostauthor{background-color:#eee;}
.form-allowed-tags {font-size:11px;line-height:15px;color:#999;}
.form-submit #submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}

/*sideFix*/
#sideFix{width:250px;}
@media screen and (max-width:920px){#sideFix{width:auto;}}
.fixed{position: fixed;top: 20px;}
@media screen and (max-width:920px){.fixed{position:static;}}

/*side*/
#side{overflow:hidden;padding:0 0 20px;margin:0;width:250px;float:right;}
@media screen and (max-width: 920px) {#side{border-top:1px solid #ccc;width:100%;float:none;}}
@media screen and (max-width: 480px) {#side{clear:both;border-top:1px solid #ccc;}}
.side-widget{padding:20px 0 0;float:left;width:250px;overflow:hidden;}
@media screen and (max-width: 920px) {.side-widget{border-bottom-style:none;margin:0 10px;}}
@media screen and (max-width: 480px) {.side-widget{border-bottom:1px dotted #ccc;width:auto;display:block;float:none;padding-bottom:20px;}}
.side-widget .widget-title{margin:0;font-weight:bold;}
.side-widget ul{margin:0;}
.side-widget ul ul{margin:0;padding:0 0 0 10px;}
.side-widget p{margin:0;}
.side-widget th,.side-widget td{padding:0;text-align:center;}

/*footer*/
#footer{clear:both;background-color:#ccc;padding:0;}
#footer-wrap{max-width:900px;margin:auto;}
#footer-bottom{max-width:900px;margin:auto;padding:10px 0 0;}
#copyright{float:right;padding:0 0 20px;font-size:11px;}
@media screen and (max-width: 920px) {#copyright{margin-right:10px;}}

/*footer-widget*/
#footer-wrap{clear:both;margin:0 auto;}
#footer-widget-area{float:left;width:100%;margin:0;}
.footer-widget{padding:15px 0;margin:0 10px 0 0;float:left;width:215px;}
@media screen and (max-width: 920px) {.footer-widget{margin:0 0 0 10px;}}
@media screen and (max-width: 480px) {.footer-widget{border-bottom:1px dotted #fff;width:auto;display:block;float:none;}}
.footer-widget .widget_title{margin:0;font-weight:bold;}
.footer-widget ul{margin:0;}
.footer-widget p{margin:0;}
.footer-widget img{max-width:195px;}

/*footer-menu*/
#footer-menu{clear:both;}
#footer-menu ul{float:left;margin:0;padding:0;}
#footer-menu li{float:left;border-right:1px solid #eee;padding:0 10px;margin:0 0 10px;}
#footer-menu a{float:left;}

/*Contact Form 7*/
.wpcf7-form{border:1px solid #ddd;margin:0 auto 20px;padding:20px;background-color:#f4f4f4;border-radius:10px;-moz-border-radius:10px;}
.wpcf7-form input{margin:0;}
.wpcf7-form textarea{width:99%;margin:0 0 10px;}
.wpcf7-form p{margin:0 0 10px;}
.wpcf7-not-valid-tip{padding:2px;clear:both;color:#c00;}
.wpcf7-display-none{display:none;}
.wpcf7-form img.ajax-loader{float:right;margin-top:-30px;}
.wpcf7-response-output{margin:0 0 20px;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.wpcf7-mail-sent-ok{background-color:#398f14;color:#fff;}
.wpcf7-mail-sent-ng{background-color:#ff0000;color:#fff;}
.wpcf7-spam-blocked{background-color:#ffa500;color:#000;}
.wpcf7-validation-errors{background-color:#f7e700;color:#000;}
input.wpcf7-submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}




/*
=============================================================================
 WISECMS3.0.4 独自設定
=============================================================================
*/



/*
=================
英数字の折り返し設定
=================
*/
div {word-break: break-all;}

/*===英数字の折り返し設定ここまで===*/



/*
=================
h2,h3,h4の設定
=================
*/
.wrap-display h2{clear: both;height: 22px; margin-bottom: 15px; margin-top: 10px; font-size: 19px; border-bottom: 1px dotted rgb(85, 85, 85); background-image: url("img/h2.png"); background-repeat: no-repeat; background-position: left top; padding-bottom: 5px; padding-left: 25px; padding-top: 8px; letter-spacing: 1px; width: none; font-weight: 600;}
.wrap-display h3{ clear: both; height: 25px; margin-bottom: 15px; margin-top: 30px; font-size: 16px; border-bottom: 1px dotted rgb(85, 85, 85); background-image: url("img/h3.png"); background-repeat: no-repeat; background-position: left top; padding-bottom: 0px; padding-left: 20px; padding-top: 5px; letter-spacing: 1px; width: none; font-weight: 300;}
.wrap-display h4{ clear: both; height: 25px; margin-bottom: 15px; margin-top: 30px; font-size: 16px; border-bottom: 1px dotted rgb(85, 85, 85); background-image: url("img/h4.png"); background-repeat: no-repeat; background-position: left top; padding-bottom: 0px; padding-left: 20px; padding-top: 5px; letter-spacing: 1px; width: none; font-weight: 300;}

/*
変更に伴うコメントの設定
*/
#reply-title {margin: 15px 0px 30px; padding: 5px 0px 0px 20px;}

/*==   h2,h3,h4の設定、ここまで  ==*/

/*
=================
カラムの設定
=================
*/
#twoone {float: left;max-width: 48%;width: 100%;}
#twotwo {float: left;max-width: 48%;width: 100%;padding:0 0 0 4%;}
@media screen and (max-width: 768px) {
	#twoone,#twotwo{max-width: 100%;padding: 0;}
img {height: auto;box-sizing: border-box;}
.wpcf7-form-control{width: 50%;padding: 20px 50px;height: auto;box-sizing: border-box; display: block;
 margin-left: auto;
 margin-right: auto;}
}

#threeone {float: left;max-width: 30.66%;width: 100%;}
#threetwo {float: left;max-width: 30.66%;width: 100%;padding:0 0 0 4%;}
#threethree {float: left;max-width: 30.66%;width: 100%;padding:0 0 0 4%;}
@media screen and (max-width: 768px) {#threeone,#threetwo,#threethree{max-width: 100%;padding: 0;}
}

#fourone {float: left;max-width: 22%;width: 100%;}
#fourtwo {float: left;max-width: 22%;width: 100%;padding:0 0 0 4%;}
#fourthree {float: left;max-width: 22%;width: 100%;padding:0 0 0 4%;}
#fourfour {float: left;max-width: 22%;width: 100%;padding:0 0 0 4%;}
@media screen and (max-width: 768px) {#fourone,#fourtwo,#fourthree,#fourfour{max-width: 50%;padding: 0;}
}

#pc-center{text-align: center; overflow: visible;}
#pc-left{text-align:left; overflow: visible;}
@media screen and (max-width: 768px) {
#tab-left{overflow: visible; text-align:left; float:none !important; width:100% !important;} 
#tab-center{ overflow: visible; text-align: center; float:none !important; margin: 0 auto !important; width:100% !important;}
}
 @media screen and (max-width: 480px) { 
#sp-left{ overflow: visible; text-align:left; float:none !important; width:100% !important;} 
#sp-center{ overflow: visible; text-align: center; float:none !important; margin: 0 auto !important; width:100% !important;}
} 

/*==   2カラムの設定、ここまで  ==*/


/*
=============================================================================
top-headerの定義 h1 h1-p
=============================================================================
*/
#top-header{width:100%;background-color:#ccc;border-bottom:1px #eee solid;}
#site-description{float:center;max-width:900px; width:100%;font-size:11px;font-weight:normal;font-style:normal;line-height:18px;margin:auto;padding:0;text-align:right;}
#top-header h1{float:left;text-align:left;font-size:11px;font-weight:normal;line-height:22px;margin:0px;box-sizing: padding-box;}
#top-header p{text-align:right;font-size:11px;font-weight:normal;line-height:22px;display:inline;}

/*===   top-headerの定義、ここまで   ===*/



/*
=================
pタグの間隔の設定
=================
*/
p{margin:0px 0px 0px 0px;}

/*==   pタグの間隔の設定、ここまで  ==*/



/*
=============================================================================
header-menuの定義
=============================================================================
*/
/*
@media screen and (min-width: 480px) {*/	
#header-menu{max-width:900px;width:100%;margin:auto;}
#site-title{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#site-title a{float:left;margin:0 10px 0 0;}
#header-menu .menu {padding:0px 0px 0px 0px;float:right;clear:right;margin: -26px 0px 0px 0px;}
#header-menu .menu li{float:left;margin:0px 0px 0px 0px;}
#header-menu .menu li a{float:left;font-size:12px;line-height:15px;padding:5px 10px 5px 10px;text-decoration:none;border-left:1px solid #000;}
#header-menu{height:auto;max-height:auto;padding:0px 0px  0px 0px;background-color: transparent;}
#header-menu img{width: 100%; max-width: 900px;heigit:auto;padding:unset;}
#sp-site-title{display: none;}
/*}*/	
/*スマホ用*/	
@media screen and (max-width: 920px) {
#top-header h1{padding:0 20px;}
#top-header p{padding:0 20px;}
}
@media screen and (max-width: 480px) {
#top-header h1{padding:0 20px;width:auto;}
#top-header p{width:auto;}
#site-title{display: none;}
#sp-site-title{display: inline;}
#header-menu .menu {margin: 0px;}
#header-menu .menu li a {float: left;font-size: 14px;line-height: initial;padding: 1em 5%;border-left: none;}
}
/*===   header-menuの定義、ここまで   ===*/



/*
=============================================================================
sub-menuの定義
=============================================================================
*/
#sub-menu {background:url(img/sub_menu_bg.gif);background-repeat:repeat-x;clear: both;}
#sub-menu ul{background:none; margin:auto; max-width:900px; width:100%; height:40px;border-left:solid 1px rgba(255,255,255,0.15);border-right:solid 1px rgba(255,255,255,0.15);box-sizing:border-box;}
#sub-menu li {float:left;position:relative;box-sizing: border-box;width:25%;}
#sub-menu a {text-align:center;width:100%;text-decoration: none;display: block;line-height:40px;padding: 0px 0px 0px 0px;background:none;
border-left:solid 1px rgba(255,255,255,0.15);border-right:solid 1px rgba(255,255,255,0.15);color:#fff;box-sizing: border-box;}
/*padding: 0 10px;*/
#sub-menu ul ul {width205px;padding:0px 18px 0px 0px;box-shadow:0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:205px;z-index:99999;height:auto;background:none}
#sub-menu ul ul li {min-width:205px;}
/*min-width:180px;*/
#sub-menu ul ul ul {left:100%;top:0;}
#sub-menu ul ul a {background:#797979;line-height:1em;padding:10px 8px 10px 9px;width:205px;height:auto;text-indent:0;}
/*width:168px;*/
#sub-menu ul ul a:hover {background:#9b9b9b;}
#sub-menu li:hover > a,
#sub-menu ul ul :hover > a {background-position:left -40px;}
#sub-menu ul li:hover > ul {display:block;/display:none;}
#sub-menu ul li.current_page_parent > a,
#sub-menu ul li.current_page_item > a,
#sub-menu ul li.current-menu-ancestor > a,
#sub-menu ul li.current-menu-item > a,
#sub-menu ul li.current-menu-parent > a {background-position:left bottom;}

/*===   sub-menuの定義、ここまで   ===*/



/*
=============================================================================
メインコンテンツの背景色を変更する設定
メインコンテンツを20px右に移動。かつ、サイドバーを左に20px移動させる場合、コメントアウトを解除して有効化します。
=============================================================================
*/
/*body{background-color:#fff}
#wrap{max-width:860px;width:100%;background-color:#fff;padding:0px 20px 0px 20px;}
#main-wide{mwidth:860px;width:100%;}
#main{padding:20px 0px 20px 0px;width:100%;background-color:#fff;}
#side{padding:0px 20px 10px 0px;width:230px;background-color:#fff;}
#comments{max-width:860px;margin:auto;margin-right:auto;}*/



/*wrap*/
/*メインコンテンツの背景色設定に伴う、余白の設定*/
#wrap{margin:auto;text-align:left;clear:both;overflow:hidden;box-sizing:border-box;}
#main{text-align:left;overflow:hidden;float:left;}
#main-left{text-align:left;overflow:hidden;padding:20px 0px 20px 0px;width:100%;max-width:600px; float:right;}
#main-wide{float:left;text-align:left;overflow:hidden;padding:0px 0px 0px 0px;width:900px;background-color: transparent;}
#main-wide2{float:left;text-align:left;overflow:hidden;padding:0px 0px 0px 0px;width:900px;}
/*スマホ用*/
@media screen and (max-width: 920px) {#main{max-width:920px;width:100%;margin:auto;display:block;float:none;width:auto;padding:20px 10px 20px 10px;}
#main-wide{width:100%;padding:0px 10px 0px 10px;box-sizing:border-box;}
#main-wide2{width:100%;padding:0px 10px 0px 10px;box-sizing:border-box;}
iframe{top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box;}
}
/*印刷用*/
@media print{#wrap{width:100%;overflow: visible;}}

/*===   メインコンテンツの背景色を変更する設定、ここまで   ===*/

/*
=================
メインコンテンツ画像の設定
=================
*/
#wrap a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.wpcf7-form-control img{max-width: 50%;height: auto;}
img.alignleft {float:left;padding:0px;margin:0 0px 0px 0;background-color: transparent;}
img.alignright {float:right;padding:0px;margin:0 0 0px 0px;background-color: transparent;}
a img{    vertical-align: initial;}
/*スマホ用*/
img{max-width: 100%;}
@media only screen and (max-width: 480px) {
#wrap img{/*width: 100%;*/padding:0px 0px;height: auto;box-sizing:border-box; max-width: 100%;margin:auto;}
table img{padding:0px;}
}
.full{width:100%;padding:0px !important;}
/*===   wrap設定ここまで   ===*/


/*
=================
トピックスの表示
日付無しトピック表示をするショートコード:[topics cat="1" show="3"]
日付有りトピック表示をするショートコード:[topicsdate cat="1" show="3"]
=================
*/

#topics{padding:0 0 0 0;text-align: left;}
#topics-list{margin:0px 11px 0 0px;padding:10px 0 10px 0;}
span.date{color: #fff;font-size: 11px;background-color: #aaa;padding: 3px 4px 2px 4px;margin-right: 4px;}
#topics a {text-decoration: none;}
#topics a:hover{text-decoration: underline;}

/*==   トピックスの表示の設定、ここまで  ==*/



/*
=================
パンクズナビの設定
=================
*/

/*パンクズナビの背景色*/
#second-image{background-color:#cccccc}

/*パンクズナビの文字色[color:#000;] 全体の高さ[line-height:20px;] パンクズナビを使用しない場合[line-height:20px]を[line-height:0px]へ*/
#breadcrumb{color:#000;font-size:12px;line-height:20px;padding:0px;width:900px;}

/*パンクズナビのリンク文字色*/
#breadcrumb a{color:#666;}

/*==   パンクズナビの設定、ここまで  ==*/



/*
=================
sideFixの設定
=================
*/
.fixed{position: static;}

/*==   sideFixの設定、ここまで  ==*/



/*
=================
固定ページ「左サイドバー」「左サイドバーログインページ」の設定
=================
*/
#side-left{float:left;}
#side-left2{display:none;}
#main-left{float:right;}
/*スマホ用*/
@media screen and (max-width: 920px) {#side-left{display:none;}}

/*==   固定ページ「左サイドバー」「左サイドバーログインページ」の設定、ここまで  ==*/



/*
=================
テンプレート「ログインOneカラム」「ログインページ」のログイン入力フォームの設定
=================
*/
input[type="password"]{height: 1.571em;font-family: "Meiryo UI",Meiryo,"MS PGothic",Osaka,"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;font-size: 100%;　padding: 4px 8px;　max-width: 450px;}
input[type="text"], input[type="file"]{height: 1.571em;font-family: "Meiryo UI",Meiryo,"MS PGothic",Osaka,"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;font-size: 100%;width:95%;padding: 4px 8px;max-width: 250px;}
input[type="email"], input[type="file"]{height: 1.571em;font-family: "Meiryo UI",Meiryo,"MS PGothic",Osaka,"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;font-size: 100%;width:95%;padding: 4px 8px;max-width: 250px;}
input#login_username{height: 1.571em;font-family: "Meiryo UI",Meiryo,"MS PGothic",Osaka,"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;font-size: 100%;　padding: 4px 8px;　max-width: 450px;　width:100%;}
input#login_password{height: 1.571em;font-family: "Meiryo UI",Meiryo,"MS PGothic",Osaka,"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;font-size: 100%;　padding: 4px 8px;　max-width: 450px;　width:100%;}
input[type="button"], input[type="submit"]{height: 2.142em;　min-width: 6em;font-family: "Meiryo UI",Meiryo,"MS PGothic",Osaka,"Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Medium","Helvetica Neue",Arial,sans-serif;font-weight: bold;font-size: 100%;background-color: rgba(182, 182, 182, 0.7);color: #212121;margin:10px 5px;margin:auto;padding: 3px 12px 5px;border: 0px none;border-radius: 5px;}
.wpcf7-form textarea {padding: 4px 8px;;width:100%;box-sizing: border-box;}
#s {max-width: 225px !important;}
input,.wpmem_msg{box-sizing: border-box;}
#wpmem_reg input, #wpmem_reg textarea, #wpmem_reg select{ height: auto; width:100%;}



@media screen and (max-width: 768px) {
input[type="password"]{height: auto;font-size: 100%;　padding: 5px 10px;　max-width: 100%;width:100%;}
input[type="text"], input[type="file"]{height: auto;font-size: 100%;padding: 5px 10px;width:95%;max-width: 100%;width:100%;}
input[type="email"], input[type="file"]{height: auto;font-size: 100%;padding: 5px 10px;width:95%;max-width: 100%;width:100%;}
input#login_username{height: auto;font-size: 100%;　padding: 5px 10px;　max-width:100%;　width:100%;}
input#login_password{height: auto;font-size: 100%;　padding: 5px 10px;　max-width:100%;　width:100%;}
input[type="button"], input[type="submit"]{height: 2.142em;　min-width: 6em;font-weight: bold;font-size: 100%;background-color: rgba(182, 182, 182, 0.7);color: #212121;margin:10px 5px;margin:auto;padding: 3px 12px 5px;border: 0px none;border-radius: 5px;}
.wpcf7-form textarea {padding: 5px 10px;width:100%;box-sizing: border-box;}
}
dt {padding: 15px 0px 0px;}
dd {padding: 0px 3px;}
#logout a{height: 2.142em;min-width: 6em;font-family: "Meiryo UI",Meiryo,"MS PGothic",Osaka,"Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Medium","Helvetica Neue",Arial,sans-serif;font-weight: bold;font-size: 100%;background-color: rgba(182, 182, 182, 0.7);color: #212121;margin:10px 0px;padding: 3px 20px 5px;border: 0px none;text-decoration: none;border-radius: 5px;}
#logout{padding:0px 0px;}
#form-login{padding:20px 0px 20px;}
#form-login-button{padding:27px 0px 3px;}

/*==   ログインの設定、ここまで  ==*/



/*
=================
CF7のWSC初期化設定
=================
*/
.wpcf7-form{border:none;margin:0 0px;padding unset;background-color:#fff;border-radius:0px;-moz-border-radius:0px;margin: 0px auto 0px;padding: 0px;}
span.wpcf7-list-item { display: block; }
.bg{z-index:1;-webkit-box-shadow:0 -10px 10px rgba(0,0,0,0.15);-moz-box-shadow:0 -10px 10px rgba(0,0,0,0.15);box-shadow:0 -10px 10px rgba(0,0,0,0.15);-moz-border-radius:100px / 10px;}
/*=================CF7のWSC初期化設定ここまで=================*/



/*
=================
EasingSliderの初期化設定
=================
*/
.easingslider-slide {background-color: transparent !important;}
/*=================EasingSliderの初期化設定ここまで=================*/



/*
=============================================================================
hrタグの書式設定
-------------------------------------------------------------------------------
１）hrタグは以下の二種類から選択が可能です。
２）以下の定義をコメントアウトしたうえで、hrタグのデザインを独自に設定することも可能です。
=============================================================================
*/

/*A)シンプルな罫線*/
/*hr{background-color:#eee; border:0;height:1px; clear:both;margin:15px auto 15px auto;}*/

/*b)シンプルな点線*/
hr{border: 0; border-bottom: 1px dashed #000; background: #fff; both;margin:15px auto 15px auto;}
/*hrの変更に伴う間隔調整*/
.hentry .postmetadata{margin: 0 0 5px;}

/*===   hrタグの書式設定、ここまで   ===*/



/*
=============================================================================
サイドバーのボタンの設定
-------------------------------------------------------------------------------
サイドバーの上部の間隔調整する場合はpadding:0px 0px 0px 0px;の1つ目の項目(0px)を変更する。
=============================================================================
*/
.side-widget ul li{width:250; height:60px;  background-position: left top; background-repeat: no-repeat;padding:0px 0px 0px 0px;}
.side-widget ul a{width:250; height:42px; display: block;background-image: url("img/sidebar_menu_000.png");background-repeat: no-repeat; padding:18px 0px 0px 30px; float:center; text-decoration: none;}
.side-widget ul a:hover{width:250; height:42px; display: block;background-image: url("img/sidebar_menu_001.png");background-repeat: no-repeat; padding:18px 0px 0px 30px; float:center; text-decoration: none;}
/*スマホ用*/
@media only screen and (max-width: 480px) {
.side-widget ul a{width:250; height:42px; display: block;color:#fff;background-color:#68338e;border-top:1px solid #ab8ec0;background-image:none;background-repeat: no-repeat; padding:18px 0px 0px 30px; float:center; text-decoration: none;}
.side-widget ul a:hover{width:250; height:42px; display: block;color:#fff;background-color:68338e;border-top:1px solid #ab8ec0;background-image:none;background-repeat: no-repeat; padding:18px 0px 0px 30px; float:center; text-decoration: none;}
}

/*===   サイドバーのボタンの設定ここまで   ===*/



/*
=============================================================================
top-imageの定義
=============================================================================
*/

/*top-imageの天地幅を定義*/
#top-image{clear:both;max-height:330px;height:100%;}

/*top-imageの背景色を定義 透明化background-color:transparent;*/
#top-image{clear:both;background-color:#cccccc;}

/*top-imageの天地幅と背景色を同時に定義する場合は、以下のコードを使います。*/
/*#top-image{clear:both;background-color:#222;height:330px;}*/

/*top-imageの背景画像の設定*/
#top-image{background-image:url(img/back.png);background-repeat: no-repeat; background-position: center center;background-size:cover}
#top-image-wrap{max-width:900px;width:100%;max-height:330px;height:100%;margin:auto;}
/*スマホ用*/
@media screen and (max-width: 920px) {#top-image{height:auto;}}
@media screen and (min-width: 920px) {#top-image{background-image:url(img/back.png);background-repeat: no-repeat; background-position: center center;background-size:auto}}
#top-image img{max-width:900px;padding: unset;}

/*===   top-imageの定義、ここまで   ===*/

.bgbg{background-repeat: no-repeat; background-position: center center;background-size:cover;height:auto;}
@media screen and (min-width: 1400px) {.bgbg{background: repeat-x; background-position: center center;background-size:auto;height:auto;}}

/*
=================
背景色の透明化の設定
以下のコメントアウトを有効化するとtop-imageの背景が透明になる
=================
*/
/*#top-image {background-color: transparent;background-image: none;}
#header-menu {background-color: transparent;}
#main-wide {background-color: transparent;}*/
/*==   背景色の透明化の設定、ここまで  ==*/



/*
=============================================================================
tableタグの書式設定
-------------------------------------------------------------------------------
１）表の罫線の配色は、テキストエディターの「セルのプロパティ」で変更が可能です。
２）プラグイン「Shortcodes Ultimate」を使用してテーブルを設定した場合には、プラグイン「Shortcodes Ultimate」のCSS設定が優先されます。
３）プラグイン「Shortcodes Ultimate」を使用してテーブルを設定した場合には、テキストエディターによる配色変更は出来ません。
=============================================================================
*/
table {border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #cccccc  solid; /* テーブル全体の枠線（太さ・色・スタイル） */
box-sizing: border-box;}
table TH { border: 1px #cccccc  solid; /* セルの枠線（太さ・色・スタイル） */
padding: 5px; /* セル内の余白 */  
box-sizing:border-box;} 
table TD { border: 1px #cccccc  solid; /* セルの枠線（太さ・色・スタイル） */
padding: 5px; /* セル内の余白 */  
word-break: break-all;box-sizing:border-box;
vertical-align: top;}
.table-wrap img{padding:0px !important;}
/*スマホ用*/
@media only screen and (max-width: 640px), (max-device-width: 640px) {
.table-wrap table{text-align:center;}
#slide_table_wrap {overflow: scroll;}
#slide_table_wrap th,#slide_table_wrap td,#slide_table_wrap th{white-space: nowrap;}}
}

/*===   tableタグの書式設定、ここまで   ===*/




/*
=================
テーブル枠線消去
テーブル枠線消去のショートコード:[nl]～[nl_fin]
使用方法：テーブルの前に[nl]テーブル直後に[nl_fin]を記述しtableタグを囲う様にする。
ex(テキストエディタ):[nl]<table>・・・</table>[nl_fin] 
=================
*/
.nl{border: 0px;}
#table_noline table{border: 0px;}
#table_noline table th{border: 0px;}
#table_noline table td{border: 0px;}
#table_radius table, #table_radius td, #table_radius th {border-radius: 15px;}
/*=================テーブル枠線消去[nl] [nl_fin]設定ここまで=================*/



/*
=================
フラットデザインテーブル
フラットデザインテーブルのショートコード:[flat]～[flat_fin]
使用方法
1：セルの背景色を指定する
2：テーブルの前に[flat]テーブル直後に[flat_fin]を記述しtableタグを囲う様にする。
ex(テキストエディタ):[flat]<table>・・・</table>[flat_fin]
=================
*/
#table_flat table{border: 0px #fff  solid; /* テーブル全体の枠線（太さ・色・スタイル） */ }
#table_flat table th{border: 0px #fff  solid; /* テーブル全体の枠線（太さ・色・スタイル） */ }
#table_flat table td{border-width: 0px 10px 0px 10px; border-color:#fff; border-style: solid;padding:10px;vertical-align: top; /* 真ん中*/ }
#table_flat table td:nth-child(1){border-width: 0px 10px 0px 0px; border-color:#fff; border-style: solid;padding:10px;vertical-align: top; /* 最初 */ }
#table_flat table td:last-child{border-width: 0px 0px 0px 10px; border-color:#fff; border-style: solid;padding:10px;vertical-align: top; /* 最後*/ }
/*=================フラットデザインテーブル[flat] [flat_fin]設定ここまで=================*/
#top-image{clear:both;max-height:750px;height:100%;}
#top-image-wrap{max-width:900px;width:100%;max-height:750px;height:100%;margin:auto;}
#header-menu .menu {    margin: 60px 0px 0px;}