@charset "UTF-8";

/*  
Theme Name: WSC7
Theme URI: http://wsc.studiobrain.net/
Description: WSC Project, Very simple theme. Markup of css which can facilitate customization. Using the CSS media queries, change the screen size.
Version: 0.2.2
Author: Go Imai
Author URI: http://www.studiobrain.net/
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;}

html {height: 100%;}
body{line-height:1;font-size:16px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  }
.content {flex: 1;}
ol, ul{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;}


/*media queries*/
#main{width:100%;float:left;margin:0 -250px 0 0;padding:0 250px 0 0;}
#side{width:230px;float:right;}
.side-widget,.page-widget{margin:0 0 20px 0;float:left;width:100%;}


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


/*余白*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}

/* box-sizing */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*style*/
body{margin:0px;padding:0;-webkit-text-size-adjust: none;color:#333;font-size:16px;line-height:1.6;
    /*--- 画像を常に上下左右の中央に配置 ---*/
    background-position: center center;
        
    /*--- 画像の繰り返し表示を禁止 ---*/
    background-repeat: no-repeat;
        
    /*--- ウィンドウが画像の高さを超えるとき、動かないように固定 ---*/
    background-attachment: fixed;
        
    /*--- 画像を指定した領域に応じて、背景画像を調整 ---*/
    background-size: cover;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
   font-weight:400;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#page {
}
h1,h2,h3,h4,h5,h6,p{margin:0;}
ul,ol{padding:0;margin:0;}
h1{font-size:20px;line-height:1.3;}
h2{font-size:18px;line-height:1.3;}
h3{font-size:16px;line-height:1.3;}
h4{font-size:14px;line-height:1.3;}
h5{font-size:12px;line-height:1.3;}
h6{font-size:11px;line-height:1.3;}
img{border:none;max-width: 100%;height: auto;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a img{vertical-align:bottom;max-width: 100%;height: auto;}
.screen-reader-text{display:none;}


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-bottom:20px;}
object,embed{width:100%;display:block;margin:auto;}

/*space*/
#header,#wrap,#footer-wrap,#footer-bottom{margin:0 auto 0;}
#header{overflow:hidden;}
#wrapout{width: 1050px;text-align:left;clear:both;margin: 0 auto;}
#wrap{width: 1000px;text-align:left;clear:both;margin: 0 auto;}
#main{text-align:left;padding:0;}
#main img{max-width:100%;height:auto;}
#main-liquid{width:100%;padding:0;}
#side{padding:0;margin:0;}
#footer{clear:both;background-color:#f28296;padding:30px 0 0 0;margin: 50px auto 0;}
.container {width: 1000px;margin: 0 auto;text-align:left;}

/*header*/
.header-wrapper .pc{display: block;}
#menu-sp{display: none;}
.slicknav_menu{display: none;}

/*header*/
#site-title{margin:0;padding:0;}
#site-title a{margin: 0;}

/*breadcrumb*/
#breadcrumb{color:#fff;clear:both;font-size:12px;line-height:1.4;padding:20px 10px;max-width:880px;margin:auto;}
#breadcrumb a{color:#fff;text-decoration:none;}

/*content*/
.pagename{margin:15px 0 15px 0;padding:0;font-size:24px;font-weight: 400;}
.hentry{padding:0;margin: 0;width:100%;font-size:16px;line-height:1.6;}
.hentry .page-title,
.hentry .page-title a{text-decoration:none;font-size:22px;font-weight: 100;margin:5px auto 10px;}
.hentry ul{margin-left:25px;padding-left:0px;list-style-type:disc;}
.hentry ol{margin-left:30px;padding-left:0px;list-style-type:decimal;}
.hentry .postmetadata{text-align:right;font-size:12px;clear:both;float:right;line-height:1.4;}
.sticky {background:#f8f8f8;margin:0 0 30px;padding:20px;}
.sticky hr{display:none;}
.eyecatch{display: block;padding:0;margin:0;}

/*navigation*/
.navigation{clear:both;}
.navigation a{}
.navigation a:hover{background-color:#aaa;}
.navigation span{}
.navigation span.current{background-color:#736357;}
.navigation span.pages{background-color:#ccc;}

.navibox{clear:both;position: relative;    margin:20px 0 0 0;}
.navibox div.alignleft {position: absolute;left:0;}
.navibox div.alignright { position: absolute;right:0;}
.navibox span.yaleft{float:right;color:#777;margin:0;}
.navibox span.yaright{float:left;color:#777;margin:0;}

/*image*/
.thumbnail-align img{float:right;padding:0;margin:0 0 5px 20px;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;}

/*comment*/
#comments{width:100%;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 10px;}
#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;}

/*side-widget*/
.side-widget{}
.side-widget .widget-title{
    font-family:  'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
    border:3px solid #EEECEB;
    color: #736357;
    margin: 0;
    padding: 6px 8px;
}
.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;}


/*widget 最近の投稿*/
.side-widget ul li{
	font-family:    "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho','Cormorant Garamond', "Times New Roman" ,serif;
    letter-spacing:0.05em;font-size:16px;padding:10px 10px 0 10px ;
}
.side-widget ul ul li{
	font-family:  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho', 'Cormorant Garamond', "Times New Roman" , serif;
	letter-spacing:0.05em;font-size:16px;padding:5px 10px 0 10px;}

.side-widget span.post-date {color: #736357;
    display: block;
    width: 100%;
    font-size: 14px;line-height:1.3;
    margin-bottom: 3px;
}
.side-widget span.post-title-date-on {display: block;color: #736357;font-size: 14px;line-height:1.3;}

.side-widget a {display: block;color: #736357;font-size: 14px;line-height:1.3;}


/*page-widget*/
.page-widget{}
.page-widget .widget-title{
    font-family:  'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
    border:3px solid #EEECEB;
    color: #736357;
    margin: 0;
    padding: 6px 8px;
}
.page-widget ul{margin:0;}
.page-widget ul ul{margin:0;padding:0 0 0 10px;}
.page-widget p{margin:0;}
.page-widget th,.page-widget td{padding:0;text-align:center;}


/*widget 最近の投稿*/
.page-widget ul li{
	font-family:  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho', 'Cormorant Garamond', "Times New Roman" , serif;
    letter-spacing:0.05em;font-size:16px;padding:10px 10px 0 10px ;
}
.page-widget ul ul li{
	font-family:   "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho', 'Cormorant Garamond', "Times New Roman" ,serif;
	letter-spacing:0.05em;font-size:16px;padding:5px 10px 0 10px;}

.page-widget span.post-date {color: #736357;
    display: block;
    width: 100%;
    font-size: 14px;line-height:1.3;
    margin-bottom: 3px;
}
.page-widget span.post-title-date-on {display: block;color: #736357;font-size: 14px;line-height:1.3;}

.page-widget a {display: block;color: #736357;font-size: 14px;line-height:1.3;}


/*---------------------------------------------- widget アーカイブ 矢印アイコン付仕様
#archives-5 ul li{
    background: url("images/widget_lst_icon_main.png") no-repeat scroll 10px 18px;
    padding: 14px 0 14px 24px;
}
-------------------------------------------------------------------------------------*/

/*footer*/
#footer-bottom{margin:10px auto 10px;padding:0;text-align:center;}
#copyright{text-align:center;letter-spacing:0.1em;}

/*footer-widget*/
#footer-wrap{clear:both;margin:0 auto;}
#footer-widget-area{width:100%;margin:0 auto;}
.footer-widget{padding:0;margin:0;}
.footer-widget .widget_title{margin:0;}
.footer-widget ul{margin:0;}
.footer-widget p{margin:0;}

/*footer-menu*/
#footer-menu{clear:both;margin:0 auto;}
#footer-menu ul{margin:0 auto;padding:0 10px 0 10px;max-width:290px;line-height:1;}
#footer-menu li{display:table-cell;border-left:1px solid #fff;padding:0 10px 3px 10px;margin:0 0 10px 0;}
#footer-menu li:last-child{border-right:1px solid #fff;}
#footer-menu a{color: #fff;  font-size: 12px;}


/*-----------ページトップ*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 12px;
}

.pagetop{
	margin:  0;
	padding:  0;
    background: url(images/pagetop.png) no-repeat center ;
	background-size:auto 60px;
}
.pagetop:hover{
	background-color: #9D9289;
}
a .pagetop {
	background-color: #B9B1AB;
	margin:  0;
	padding: 0;
	text-align: center;
	display: block;
    height:60px; 
}

/*----------- googlemapフレーム 幅1000px:高さ490px（460px） */
.ggmap {
position: relative;
padding-bottom: 46%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*----------- text 装飾*/
hr.titlehr{background-color:#eee;border:none;border-left:200px solid #aaa;height:3px;clear:both;margin:0 auto 20px;}
.dotlines{background-color:#fff;border-color:#aaa;border-width:1px;border-top-style:dotted;margin:10px auto;}
/*--front.php---*/
span.date{font-size:13px;font-weight: 400;}
/*--single.php---*/
span.date1{font-size:16px;font-weight: 400;color: #736357;vertical-align:middle;}
span.cate1 a{color: #736357;padding:0 3px;font-size:13px;}


/* 画像ボタン */
a.overwhite{
    background-color:#ffffff;
    display:inline-block;
}
a.overwhite:hover img {
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}