/*
Theme Name: wp_t_mf
Version: 201609
Description: miyuki-factoryオリジナルテーマ
Author: miyuki-factory
Author URI: https://miyuki-factory.jp/
*/


/*
基本タグ初期化用
*/

/* HTML5 */
header,footer,nav,figure,section,article,aside{ display:block; margin:0; padding:0; }

/* 基本タグ */
:root{ background-color:hsl(0,0%,100%); color:hsl(0,0%,20%); line-height:1.25; letter-spacing:0.05em; font-size:13px; position:relative;
font-family: Roboto, "Droid Sans", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, sans-serif; }
body{ margin:0; padding:0; }
a{color:#0000CC;text-decoration:none;}
a:hover{
	color:#0092F2;
}
a:hover img{ opacity:0.7; }
img{ border-width:0; vertical-align:middle; box-sizing:border-box; max-width:100%; height:auto; }
hr{ background-color:hsl(0,0%,0%); margin:1.5em 0; height:1px; }

h1,h2,h3,h4,h5,h6{ font-weight:bold; margin:1.5em 0 1em 0; line-height:1.25; position:relative; }
h1{ font-size:150%; }
h2{ font-size:140%; }
h3{ font-size:130%; }
h4{ font-size:120%; }
h5{ font-size:110%; }
h6{ font-size:100%; }

ul{ padding-left:1.5em; }
dd{ margin-left:1.5em; }

table{margin:0 auto; width:98%; border-collapse: separate;border-spacing: 2px;}
th,td{ border:1px solid #ccc; padding:3px;}
th{background-color:#F2F2F2;color: #3d3d3d;}
td{}

input,
textarea{ box-sizing:border-box; width:auto; max-width:100%; }
textarea{ width:100%; }
iframe{ max-width:100%; }


/*
メイン
*/

/* 汎用部品 */
.alignleft{ float:left; margin-right:10px; margin-bottom:10px; }
.alignright{ float:right; margin-left:10px; margin-bottom:10px; }
.aligncenter{ display:block; margin:0 auto; }

#menu-button{
display:none;float:right;
}

/* 共通スタイル */
#main::after,
#sub::after,
#body>.inner::after{ content:""; clear:both; display:table; }

/* 基本レイアウト */
#document{  }
#header .titleset{
float:left;
}
#body,
.designbox> .inner,
.design02,
#footer> .inner{
max-width:960px;margin:0 auto;
}
#header-menu{ float:left; width:220px; }
#main{
float:right;width:700px;background-color: #FFFFFF;min-height:800px;height:auto !important;height:800px;
}
#sub{ clear:left; float:left; width:220px; }
#footer{ clear:both; }

.designbox>.inner{ width:100%; display:table; }
.designbox>.inner>*{ display:table-cell; }

/* header  */
#header{ border-bottom:3px double hsl(0,0%,80%); background:hsl(0,0%,100%) url(img/bg-006.png) repeat-x bottom left; }
.design01{
background-color:#999;color:#FFFFFF;padding:3px;font-size:85%;
}
.design02{ padding:5px 5px 20px 5px; }
.text02{text-align:right; }

#header-info{
float:right;	text-align:right;	margin: 0px;padding: 0px;
}

#information-menu{
margin:0;padding:0;clear: right;float:right;
}
#information-menu .menu>li{
float:left;margin:0;padding:0;	list-style-type: none;border-left:1px solid #ccc;
}
#information-menu .menu>li>a{padding:1px 6px;font-size:90%;margin:1px;color:#666;}
#information-menu .menu>li:last-child{border-right:1px solid #ccc;}
#information-menu .menu li:hover > a{	color:#0092F2;}

#header .title{ font-size:120%; line-height:1; margin:0; padding:0; display:block; }

/* body */
#body{ margin:20px auto; }


/* menu */
#header-menu{
font-size:110%;background-color: #fff;border-right: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;margin:0 -1px;
}
#header-menu ul{ margin:0;padding:0; }
#header-menu li{
display:block;padding: 0px 0px 0px 0px;border-top: 1px solid #CCCCCC;background: url(img/bg-005.png) repeat-x left top;
}
#header-menu>ul>li:first-child{ border:0; }
#header-menu a{
display:block;color:#333333;padding:13px;background:transparent url(img/bg-001.png) no-repeat top right;
}
#header-menu>ul>li:first-child>a{  }
#header-menu ul ul {
	background-color: #fff;
}
#header-menu ul ul a{
padding:9px 9px 9px 30px;background:transparent url(img/bg-001s.png) no-repeat top right;
}
#header-menu a:hover,
#header-menu li.current-menu-item>a,
#header-menu li.current-post-ancestor>a,
#header-menu li.current-category-ancestor>a{ background-image:url(img/bg-002.png); }
#header-menu ul ul a:hover,
#header-menu ul ul li.current-menu-item>a,
#header-menu ul ul li.current-post-ancestor>a,
#header-menu ul ul li.current-category-ancestor>a{ background-image:url(img/bg-002s.png); }
#header-menu a:hover{
color:#0092F2;
}


#page-header{ margin-bottom:20px; }
#page-header .titleset{
background:transparent url(img/bg-008.png) no-repeat center right;padding:30px 20px 20px 10px;border:1px solid #CCCCCC;
}
#page-header .titleset>*{margin:0; padding:10px; font-size:140%; display:inline-block; background-color:hsla(0,0%,100%,0.9); font-weight: normal;color:#333;}
#page-title span {padding: 0px 10px 0px 0px;}
#breadcrumb{ background-color:#F0F0F0; padding:5px; color:hsl(0,0%,40%); }
#breadcrumb a{ color:hsl(0,0%,50%); }
#breadcrumb a:hover{
color:#0092F2;
}
#breadcrumb .separator{ margin:0 0.5em; }
#breadcrumb .page .separator,
#breadcrumb .paged .separator{ margin:0; }

#page-body{padding: 0px 20px}

#page-footer .paging{ margin:30px 20px; text-align:center; }
#page-footer .paging span{ padding:4px 10px; display:inline-block; }
#page-footer .paging span.current{ padding:4px 10px; display:inline-block; margin:0px; background-color:#E6F0FD; }
#page-footer .paging a{ padding:5px 10px; }
#page-footer .paging .next a:before{content:"≪ ";}
#page-footer .paging .prev a:after{content:" ≫";}

#sub-sidebar .widget{ margin:20px 0; }

/* footer */
#footer{
background-color:#666666;color:#FFFFFF;border-top-width: 3px;border-top-style: solid;border-top-color: #FF90B4;
}
#footer a{
color:#FFFFFF;
}
#footer a:hover{
color:#FFFFFF;text-decoration: underline;
}
#totop{ position:fixed; bottom:10px; right:10px; }
.design03{
background-color: #828282;margin-top: 5px;
}

#footer-menu{  }
#footer-menu li{ display:inline-block; }
#footer-menu li::before{content:"｜ ";}
#footer-menu>ul>li:first-child::before{content:"";}
#footer-menu ul{ margin:0; padding:10px; }
#footer-menu li ul{ display:inline; padding:0; }

#footer-sidebar{ text-align:right; }
#footer-sidebar .widget{ display:inline-block; vertical-align:top; text-align:left; margin:10px; }

#copyright{ padding-bottom:20px; }

/* widget */
/* widget */
.widget{
width: 202px;padding:9px;background-color: #FFFFFF;box-shadow: 0 0 0 3px #fff inset, 0 0 0 4px #ccc inset;
}
#footer .widget{
background-color: #666666;box-shadow: 0 0 0 3px #666 inset, 0 0 0 4px #666 inset;
}

.widget .title{
background: url(img/bg-009.png) repeat-x left top;border-bottom: 1px solid #CCCCCC;font-size: 110%;font-weight: normal;padding: 5px;margin: -5px -5px 0px -5px;
}
.widget p,
.widget ul,
.widget ol{ margin-top:0; }

.widget ul{
margin: 3px 0px 0px 0px;padding: 0px;list-style-type: none;
}
.widget li{
margin: 0;padding: 3px 3px 3px 13px;background-image: url(img/icon_004.png);background-repeat: no-repeat;background-position: 0px 10px;
}

/* wp-calendar */
#wp-calendar th,
#wp-calendar td{ text-align:center; }


/* Meta Slider */
#eyecatch ul{
margin:0 0 -2px 0;border: 1px solid #CCCCCC;
}