@charset "UTF-8";
/*___________ 基本設定/header■color ___________ */
body {color:#333;}
a {color:#EC8412;}
a:visited {color:#EC8412;}
a:hover,a:active,a:focus {color:#3f2518;}
#WRAP {background-color:#fff;}
#WRAP-H1 {border-top: solid 5px #5b3b2b;background: linear-gradient(-45deg, #5b3b2b 25%, #fff 25%, #fff 50%, #5b3b2b 50%, #5b3b2b 75%, #fff 75%, #fff);background-size: 4px 4px;}
#H1 {background-color:#fff;}
#WRAP-MAIN {background: linear-gradient(-45deg, #d0cbc8 25%, #fff 25%, #fff 50%, #d0cbc8 50%, #d0cbc8 75%, #fff 75%, #fff);background-size: 4px 4px;}
#MAIN {background-color:#fff;}
/*___________ 【CONTENTS】■color ___________ */
#breadcrumb {color:#666666;background-color:#F2F2F2;}
#CONTENTS h2,.con_h2,.contents1 h2 {
color:#fff;
text-shadow: 1px 1px 3px #472e20;
background: linear-gradient(-45deg, #67402d 25%, #492d20 25%, #492d20 50%, #67402d 50%, #67402d 75%, #492d20 75%, #492d20);
background-size: 24px 24px;
border-top: solid 2px rgba(255, 255, 255, 0.2);
border-bottom: solid 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#CONTENTS h3,.contents1 h3 {color:#333;background-color:#fff;border-bottom: 3px solid #714c3a;}
#CONTENTS h4,.contents1 h4 {color: #333;background-color: #F2F2F2;text-shadow: 1px 1px 3px #fff;}
blockquote {border-left: 5px solid #ddd;}
.cat-box {box-shadow: 0 2px 1px rgba(0,0,0,0.1);border-color:#E4E4E4;background-color:#fff;}
.moretext a {background-color:#6162a1;border: 1px solid #6162a1;color:#fff;text-shadow: 0 1px rgba(0, 0, 0, 0.2);}
.moretext a:visited {color:#fff;}
.moretext a:hover,.moretext a:active,.moretext a:focus {background: #fdc80e;border: 1px solid #fdc80e;color: #fff;text-shadow: 0 -1px rgba(0, 0, 0, .4);}
.posts-navigation,.post-navigation {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.nav-previous {border-right: 1px solid #ddd;}
.pagination a,.pagination span.current{border: 1px solid #ddd;}
.pagination span.current{background: #ddd;}
.pagetop a {color:#999;background-color:#fff;border: 1px solid #ccc;}
.pagetop a:hover,.pagetop a:active,.pagetop a:focus {color:#fff;background-color:#0066CC;border: 1px solid #ccc;}
.main-table table {background-color:#ccc;}
.main-table th {color:#000;background-color:#EBEBEB;}
.main-table td {background-color:#fff;}
/*___________ 【SIDE】■color ___________ */
.side-h {color:#333;border-color: #d3ceca #d3ceca #714c3a #d3ceca;background-color:#f1e2cf;}
.side-h span {color:#714c3a;}
.side-h i {color:#714c3a;}
.side-box {border-color:#d3ceca;background-color:#fff;box-shadow: 0 2px 1px rgba(0,0,0,0.1);}
.side-box ul li a {color:#585451;border-bottom: dashed 1px rgba(0, 0, 0, 0.2);}
.side-box ul li a:visited {color:#585451;}
.side-box ul li a:hover,.side-box ul li a:active,.side-box ul li a:focus {color:#714c3a;background-color:#F7F7F7;}
.cat01 li a:before {color:#714c3a;}
.cat02 li a:before {color:#714c3a;}
.cat03 li a:before {color:#714c3a;}
.cat04 li a:before {color:#714c3a;}
.list2 .moretext {border-bottom: dashed 1px rgba(0, 0, 0, 0.2);}
.list3 .moretext3 {border-bottom: dashed 1px rgba(0, 0, 0, 0.2);}
.list6 {border-bottom: dashed 1px rgba(0, 0, 0, 0.2);}
.listrank ol li {border-bottom: dashed 1px rgba(0, 0, 0, 0.2);}
.listrank ol li:before {color:#fff;background:#a6c8b2;text-shadow: 1px 1px 3px #47885e;}
.listrank ol li:nth-child(1):before {color:#fff;background:#FFD700;text-shadow: 1px 1px 3px #d1a300;}
.listrank ol li:nth-child(2):before {color:#fff;background:#C0C0C0;text-shadow: 1px 1px 3px #999;}
.listrank ol li:nth-child(3):before {color:#fff;background:#C47222;text-shadow: 1px 1px 3px #752100;}
.listrank2 ol li:before {color:#fff;background:#a6c8b2;text-shadow: 1px 1px 3px #47885e;}
.listrank2 ol li:nth-child(1):before {color:#fff;background:#FFD700;text-shadow: 1px 1px 3px #d1a300;}
.listrank2 ol li:nth-child(2):before {color:#fff;background:#C0C0C0;text-shadow: 1px 1px 3px #999;}
.listrank2 ol li:nth-child(3):before {color:#fff;background:#C47222;text-shadow: 1px 1px 3px #752100;}
/*___________ 【slidemenu】■color ___________ */
/*sp-slidemenu*/
#sp-slidemenu {background-color:#fff;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
#sp-slidemenu a,#sp-slidemenu a:visited {color:#EC8412;}
#sp-slidemenu a:hover,#sp-slidemenu a:active,#sp-slidemenu a:focus {color:#CC0000;}
/*slidemenu-OPEN*/
.slidemenu {background-color:#333;text-shadow: 1px 1px 1px #000;}
.slidemenu-header {background:linear-gradient(#67402d,#492d20);border-top: solid 2px rgba(255, 255, 255, 0.2);box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.slidemenu a {color:#fff;}
.slidemenu-header a {color:#fff;text-shadow: 1px 1px 1px #472e20;}
.slidemenu li {border-top: solid 1px rgba(255, 255, 255, 0.2);border-bottom: solid 1px rgba(0, 0, 0, 0.4);}
.slidemenu li.slidemenu-li02 {color:#fff;background-color:#41444D;border-top: solid 1px rgba(255, 255, 255, 0.2);border-bottom: solid 1px rgba(0, 0, 0, 0.4);}
/*___________ 【FOOTER】■color ___________ */
#WRAP-FNAVI {color:#fff;background-color:#5b3b2b;border-top: solid 2px rgba(255, 255, 255, 0.2);}
#FNAVI {text-shadow: 1px 1px 3px #4a3022;}
#FNAVI a,#FNAVI a:visited {color:#fff;}
#FNAVI li a i {color:#b89484;}
#COPYRIGHT {color:#fff;background-color: #442e20;}
#NAVI-SP2 {background-color:rgba(0,0,0,0.1);}
/*___________ Comments/Form■color ___________ */
.jetpack_subscription_widget h2.widgettitle {color:#333 !important;border-bottom-color:#714c3a !important;background:#f1e2cf !important;}
.jetpack_subscription_widget h2:before {color:#714c3a;}
.jetpack_subscription_widget {border-color:#d3ceca;background-color:#fff;box-shadow: 0 2px 1px rgba(0,0,0,0.1);}
.comments-list {border-bottom: 1px solid #ddd;}
.comments-list li {border-top: 1px solid #ddd;}
input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="search"],textarea {
background: #eee;
border: 1px solid #ddd;
color: #777;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus,textarea:focus {
background: #fff;
border: 1px solid #00B0EC;
box-shadow: 0 0 3px #00B0EC;
color: #444;
}
.button,button,input[type="submit"],input[type="reset"],input[type="button"] {
background: #6162a1;
border: 1px solid #6162a1;
color: #fff;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
background: #fdc80e;
border: 1px solid #fdc80e;
color:#fff;
text-shadow: 0 -1px rgba(0, 0, 0, .4);
}
input.search-submit,input.search-submit:hover {
background:transparent;
border:none;
color:#000;
text-shadow:none;
}

#toc_container {display:none;}
.bg-gry2 {background-color:#fafafa;}
.bdr-gry2 {border: solid 1px #fafafa;border-radius:4px;}
.tdw140 {width:140px;}

/*___________ min-width: 571px ___________ */
@media only screen and (min-width: 571px) {
/*___________ 【header】■color ___________ */
#WRAP-TOP {background: linear-gradient(#fff,#fff);}
#WRAP-NAVI {background: linear-gradient(#67402d,#492d20);border-top: solid 2px rgba(255, 255, 255, 0.2);}
#NAVI {border-right: solid 1px rgba(0, 0, 0, 0.4);border-left: solid 1px rgba(255, 255, 255, 0.2);}
#NAVI li a {color:#fff;text-shadow: 1px 1px 3px #4a3022;}
#NAVI li a:hover {color:#9d857e;background: linear-gradient(#492d20,#67402d);}
#NAVI .first {border-right: solid 1px rgba(255, 255, 255, 0.2);border-left: solid 1px rgba(0, 0, 0, 0.4);}
#NAVI .navi,#NAVI .navi10,#NAVI .navi11,#NAVI .navi12,#NAVI .navi13,#NAVI .navi14,#NAVI .navi15,#NAVI .navi16,#NAVI .navi17,#NAVI .navi18,#NAVI .navi19,#NAVI .navi20,#NAVI .navi21,#NAVI .navi22,#NAVI .navi23,#NAVI .navi24,#NAVI .navi25,#NAVI .navi26,#NAVI .navi27,#NAVI .navi28,#NAVI .navi29,#NAVI .navi30,#NAVI .navi31,#NAVI .navi32,#NAVI .navi33,#NAVI .navi34,#NAVI .navi35 {border-right: solid 1px rgba(255, 255, 255, 0.2);border-left: solid 1px rgba(0, 0, 0, 0.4);}
#NAVI .last {border-right: solid 1px rgba(255, 255, 255, 0.2);border-left: solid 1px rgba(0, 0, 0, 0.4);}
#NAVI li a span {color:#b89484;}
#NAVI li a i {color:#b89484;}

/*___________ 【CONTENTS】 ___________ */
#CONTENTS {width:720px;float:right;}
/*___________ 【CONTENTS3】 ___________ */
#CONTENTS3 {width:480px;float:left;}
#SIDE3 {width:240px;float:right;}
/*___________ 【SIDE】 ___________ */
#SIDE {width:240px;float:left;}
}/*___________ /min-width: 571px ___________ */