@charset "shift_jis";


html
{width:100%;background:#D2C8B4;}
body
{position:relative;min-height:100vh;font-size:107%;line-height:1.5;letter-spacing:nomal;max-width:728px;border-left:0px solid #555555;border-right:0px solid #555555;-webkit-box-shadow:0 -5px 10px 1px #555555;-moz-box-shadow:0 -5px 10px 1px #555555;box-shadow:0 -5px 10px 1px #555555;margin:0 auto;}
img
{max-width:100%;height:auto;border-style:none;}
li
{list-style-type:none;}
ul
{margin:0;padding:0;}
hr.sh
{color:#333333;background-color:#333333;border:none;height:1px;margin:1px -5px 1px -5px;}
.of
{overflow:hidden;margin:0 auto;padding:0;font-size:110%;background:#D2C8B4;background:-webkit-linear-gradient(top,#FFF5EA,#D2C8B4);background:linear-gradient(#FFF5EA,#D2C8B4);background-repeat:no-repeat;backGround-color:#D2C8B4;}
.of2
{overflow:hidden;margin:0 auto;padding:20px;}
.hi
{height:14px;}
.maxwidth img
{width:100%;}
br
{letter-spacing:0;}

/* TEXT */
h1
{font-size:140%;margin:2px 0 2px 0;padding:2px 0 2px 0;}
h2
{font-size:120%;margin:2px 0 0 0;padding:0 0 0 0;font-weight:;}
h3
{font-size:100%;margin:2px 0 2px 0;padding:2px 0 2px 0;text-shadow:1px 1px 0px #AAAAAA,0 0 1px #AAAAAA,0 0 0.1px #AAAAAA;}
.center
{width:100%;margin:0 auto;text-align:center;}
.space
{margin-right:5%;}
.right
{text-align:right;}
.left
{float:left;text-align:left;}
.lh2
{font-style:italic;font-weight:600;font-size:110%;line-height:150%;margin:2px 0 2px 0;padding:2px 0 2px 0;text-shadow:2px 1px 1px #AAAAAA,0 0 2px #AAAAAA,0 0 0.2px #AAAAAA;}
.h2p
{margin:0 0 30px 0;}
.small
{font-size:0.9em;}
.bold
{font-weight:bold;}

/* FORM */
div.forms
{width:80%;margin:0 auto;}
form p
{font-size:100%;}
input[type="text"],input[type="password"],select
{box-sizing:border-box;width:100%;font-size:120%;padding:5px;background:#F3F3F3;}
input:focus,input:hover
{background:#ffffff;}
textarea
{box-sizing:border-box;width:100%;font-size:120%;padding:5px;height:210px;background:#F3F3F3;}
textarea:focus,textarea:hover
{background:#ffffff;}
input[type="submit"]
{box-sizing:border-box;width:100%;font-size:120%;margin:5px 0 5px 0;padding:7px;background:#E0E0E0;background:linear-gradient(to bottom, #E0E0E0, #B0B0B0);background:-webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#B0B0B0));border:1px #000000 solid;color:#656565;-webkit-appearance:none;-webkit-border-radius:10px;-webkit-box-shadow:0 2px 2px #CCC;text-shadow:1px 2px 3px #3F3F3F;}

/* LINK */
a.m
{display:block;position:relative;border-bottom:1px solid #ccc;padding:11px 25px 11px 11px;color:#000;font-weight:bold;text-decoration:none;}
a.m:after
{display:block;position:absolute;top:50%;right:10px;width:7px;height:7px;margin-top:-4px;border-top:solid 2px #7f7f7f;border-right:solid 2px #7f7f7f;-webkit-transform:rotate(45deg);transform:rotate(45deg);content:"";}
a.a
{display:block;position:relative;padding:15px 25px 15px 10px;border-bottom:1px solid #333333;font-size:100%;font-weight:bold;text-decoration:none;}
a.a:after
{display:block;content:"";position:absolute;top:50%;right:10px;width:6px;height:6px;margin:-4px 0 0 0;border-top:solid 2px #333333;border-right:solid 2px #333333;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
a.th
{display:block;position:relative;padding:5px 4px 5px 4px;border-bottom:1px solid #333333;font-size:110%;font-weight:bold;text-decoration:none;}
a.th:after
{display:block;content:"";position:absolute;top:50%;right:10px;width:6px;height:6px;margin:-4px 0 0 0;border-top:solid 2px #333333;border-right:solid 2px #333333;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.button
{margin:4px;padding:5px 10% 5px 10%;border:1px #000000 solid;width:auto;background-color:#808080;border-radius:3px;box-shadow:2px 2px 2px rgba(0,0,0,0.25);color:#C0C0C0;display:inline-block;font-size:105%;font-weight:bold;text-align:center;text-decoration:none;overflow:visible;}
.button2
{margin:0 0 0 8px;padding:0 2px 0 2px;border:1px #000000 solid;width:auto;background-color:#808080;border-radius:3px;box-shadow:2px 2px 2px rgba(0,0,0,0.25);color:#C0C0C0;display:inline-block;font-size:80%;font-weight:bold;text-align:center;text-decoration:none;overflow:visible;}

/* COMMENT */
.com
{opacity:0.90;word-wrap:break-word;margin:15px 10% 15px 10%;border-radius:5px;background:#FAF0E5;background-image:-moz-linear-gradient(top, #FAF0E5, #FAF0E5);background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAF0E5), to(#FAF0E5), color-stop(1,#FAF0E5));border:6px solid #FAF0E5;box-shadow:2px 2px 2px rgba(0,0,0,0.25);-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.25);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.25);}

/* TITLE */
.imgtxt
{position:relative;}
.imgtxt2
{width:100%;position:absolute;bottom:0px;left:0px;text-align:center;color:#fff;line-height:150%;background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
.imgtxt3
{font-size:90%;line-height:140%;font-weight:bold;}

/* ICON LIST */
ul,ol
{margin:10px auto;max-width:570px;background:#FAF0E5;border:dashed 2px #ffb03f;border-radius:9px;padding:0.5em 0.2em 0.5em 1.9em;position:relative;}
ul li
{font-size:100%;line-height:1.5;list-style-image:url(//z-z.jp/svg/check-square-o.svg);}

/* ICON COLOR */
.fa-DarkGray{color:DarkGray;}
.fa-GreenYellow{color:GreenYellow;}
.fa-DeepSkyBlue{color:DeepSkyBlue;}
.fa-Gold{color:Gold;}
.fa-SlateGrey{color:SlateGrey;}
.fa-Red{color:Red;}
.fa-RoyalBlue{color:RoyalBlue;}
.fa-LightSteelBlue{color:LightSteelBlue;}
.fa-GhostWhite{color:GhostWhite;}
.fa-DodgerBlue{color:DodgerBlue;}
.fa-White{color:White;}
.fa-DarkSlateGray{color:DarkSlateGray;}
.fa-MediumBlue{color:MediumBlue;}
.fa-DimGray{color:DimGray;}
.fa-Blue{color:Blue;}
.fa-Yellow{color:Yellow;}

/* CUSTOM SEARCH API */
#search .gsc-search-box
{padding:2px 0 0 0;}
#search .gsc-input
{font-size:120%;height:50px;padding:0 0 0 4px;-webkit-appearance:none;-webkit-border-radius:10px;}
#search .gsc-search-button
{font-size:100%;height:50px;padding:0;border:0px #000000 solid;color:#656565;-webkit-appearance:none;-webkit-border-radius:10px;}

/* OTHERS */
img.gray
{-webkit-filter:grayscale(100%);filter:gray;}