@charset "utf-8";


/* for check */
*{
	/*
	border: 1px solid #9BDAE1;
	border: 1px solid #333333;
	*/
}

/* ==================================================
Toc

Reset
Font, Link
Area
Unit -Header
Unit -Sidebar
Unit -Content
Unit -Footer
Utility
================================================== */

/* ==================================================
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{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;}
body{line-height:1;}
h1, h2, h3, h4, h5, h6{clear:both;font-weight:normal;}
ol, ul{list-style:none;}
blockquote{quotes:none;}
blockquote:before, blockquote:after{content:'';content:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:none;}
img{vertical-align:bottom;}
input, button, textarea, select {
  font: inherit;
}


/* ==================================================
Font, Link
================================================== */
html {
  font-size:67.5%; /* for mobile */
}
@media (min-width:960px) {
	html{
		font-size:62.5%; /* sets the base font to 10px */
	}
}
@font-face{
	font-family:"M PLUS Rounded 1c","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-display:swap;
}
body{
	font-size:16px; font-size: 1.6rem;
	font-family:"M PLUS Rounded 1c";
	line-height:2rem;
	color:#5a471c;
	background:#aaaaaa url(../img/bg-01.png);
}

.notice1{color:#ff0000;}
.error1{color:#ff0000;}
.trans1{text-transform:upperCase;}
.trans2{text-transform:lowerCase;}
.txtBodyA1{font-size:69%;line-height:138%;letter-spacing:0.01em;}
.txtBodyA2{font-size:82%;line-height:137%;letter-spacing:0.01em;}
.txtBodyA3{font-size:94%;line-height:146%;letter-spacing:0.01em;}
.txtBodyA4{font-size:107%;line-height:146%;letter-spacing:0.01em;}
.txtCaptionA1{font-size:69%;line-height:126%;letter-spacing:0.01em;}
.txtCaptionA2{font-size:82%;line-height:126%;letter-spacing:0.01em;}
.txtCaptionA3{font-size:94%;line-height:137%;letter-spacing:0.01em;}
.txtCaptionA4{font-size:107%;line-height:137%;letter-spacing:0.01em;}
.txtLeadA1{font-size:69%;line-height:162%;letter-spacing:0.01em;}
.txtLeadA2{font-size:82%;line-height:157%;letter-spacing:0.01em;}
.txtLeadA3{font-size:94%;line-height:163%;letter-spacing:0.01em;}
.txtLeadA4{font-size:107%;line-height:163%;letter-spacing:0.01em;}
.txtLeadB1{font-size:69%;line-height:150%;letter-spacing:0.01em;}
.txtLeadB2{font-size:82%;line-height:147%;letter-spacing:0.01em;}
.txtLeadB3{font-size:94%;line-height:154%;letter-spacing:0.01em;}
.txtLeadB4{font-size:107%;line-height:154%;letter-spacing:0.01em;}

.accent1{color:#f30801;font-weight:bold;}
.accentBg01{background-color:#FFF0F5;}
.accentBg02{background-color:#E6E6FA;}
.marker1{background:linear-gradient(transparent 0%,#dbdbdb 0%);}

a:link{color:#136aff;}
a:visited{color:#840084;}
a:hover{color:#007fff;}
a:active{color:#ff0000}
::-moz-selection{color:#f8f8f8;background:#4f4b44;}
::selection{color:#f8f8f8;background:#4f4b44;}
li a{overflow:hidden;}
#content .articleInfo a, #sidebar a{text-decoration:none;color:#7c7461;}
.pageTop #content .articleInfo div a:link{color:#0000ff;text-decoration:underline;}
#content .articleInfo a:link, #sidebar li a:link{color:#827967;}
#content .articleInfo a:visited, #sidebar li a:visited{color:#827967;}
#content .articleInfo a:hover, #sidebar li a:hover{color:#6c653d;}
#recentEntry .roll, #pickupEntry .roll, #archiveByMonth .roll{background:rgba(199,199,199,0.2)}
#content .articleInfo a:active, #sidebar li a:active{color:#a7863b;}
.listStyleAchor a:link{color:#91876a;}
.listStyleAchor a:visited{color:#91876a;}
.listStyleAchor a:hover{color:#7b7249;}
#footer a{text-decoration:none;}
#footer a:link{color:#9d9178;}
#footer a:visited{color:#9d9178;}
#footer a:hover{color:#c9c4bb;}
#header a:active, #blogInfo a:active{color:#cfaf71;}

@font-face{font-family:Downloaded;src:url(//coliss.com/wp-content/themes/coliss-ver51/font/Downloaded_5d92b4f3db58fbd9de3b9508f8bd18b7.eot);src:url(https://coliss.com/wp-content/themes/coliss-ver51/font/Downloaded_5d92b4f3db58fbd9de3b9508f8bd18b7.eot?#iefix) format("embedded-opentype"),url(https://coliss.com/wp-content/themes/coliss-ver51/font/Downloaded_5d92b4f3db58fbd9de3b9508f8bd18b7.woff2) format("woff2"),url(https://coliss.com/wp-content/themes/coliss-ver51/font/Downloaded_5d92b4f3db58fbd9de3b9508f8bd18b7.woff) format("woff"),url(https://coliss.com/wp-content/themes/coliss-ver51/font/Downloaded_5d92b4f3db58fbd9de3b9508f8bd18b7.ttf) format("truetype"),url(https://coliss.com/wp-content/themes/coliss-ver51/font/Downloaded_5d92b4f3db58fbd9de3b9508f8bd18b7.svg#Downloaded) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:Downloaded;src:url(https://coliss.com/wp-content/themes/coliss-ver51/font/Downloaded_5d92b4f3db58fbd9de3b9508f8bd18b7.svg#Downloaded) format("svg")}}[data-icons8]:before{content:attr(data-icons8)}.icons8,.icons8-about:before,.icons8-code-file:before,.icons8-delete:before,.icons8-drag-list-down:before,.icons8-facebook-like:before,.icons8-facebook:before,.icons8-hatena-bookmark:before,.icons8-home:before,.icons8-inbox:before,.icons8-info:before,.icons8-line:before,.icons8-menu-2:before,.icons8-menu:before,.icons8-message:before,.icons8-multiply:before,.icons8-paper-plane:before,.icons8-pocket:before,.icons8-rss:before,.icons8-search:before,.icons8-twitter:before,[data-icons8]:before{display:inline-block;font-family:Downloaded;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.icons8-about:before{content:"\f10d"}.icons8-code-file:before{content:"\f108"}.icons8-delete:before{content:"\f111"}.icons8-drag-list-down:before{content:"\f10e"}.icons8-facebook:before{content:"\f101"}.icons8-facebook-like:before{content:"\f114"}.icons8-hatena-bookmark:before{content:"\f107"}.icons8-home:before{content:"\f105"}.icons8-inbox:before{content:"\f109"}.icons8-info:before{content:"\f104"}.icons8-line:before{content:"\f106"}.icons8-menu:before{content:"\f103"}.icons8-menu-2:before{content:"\f10f"}.icons8-message:before{content:"\f10b"}.icons8-multiply:before{content:"\f110"}.icons8-paper-plane:before{content:"\f10a"}.icons8-pocket:before{content:"\f102"}.icons8-rss:before{content:"\f113"}.icons8-search:before{content:"\f10c"}.icons8-twitter:before{content:"\f100"}

/* ==================================================
Area
================================================== */
body{background:#cfcfcf url(images/bg-01.png);text-align:center;}

#container{width:100%;margin:0 auto;text-align:left;}
#container3{width:100%;background:#ececec url(images/bg-02.png);padding-bottom:26px;}
#sidebar{width:100%;background:#d6d6d6 url(images/bg-03.png);padding-bottom:26px;}

@media (min-width: 960px) {
	#container{width:960px;}
	.container1{display:-webkit-flex;display:flex;}
	#container3{background:#ececec url(images/bg-02.png);width:593px;padding-bottom:107px;}
	#sidebar{background:#d6d6d6 url(images/bg-03.png);width:367px;padding-bottom:107px;}
}

#header{width:100%;margin:0;}
#content{margin:34px 0 0 0;padding:0 10px 0 10px;}
#footer{width:100%;background:#3a3a3a url(images/bg-04.png);color:#fff;}
#end{width:100%;background:#2d2d2d url(images/bg-05.png);color:#fff;}

@media (min-width: 960px) {
	#header{width:544px;margin:0 23px 0 26px;}
	#content{width:541px;margin:94px 26px 0 26px;padding:0;}
}


/* ==================================================
Unit -Header
================================================== */
.pageTop h1{width:100%;height:82px;background:#a4a4a4 url(images/logo-01.png) no-repeat;text-indent:-99999px;}
#logo a{display:block;width:100%;height:82px;background:#a4a4a4 url(images/logo-01.png) no-repeat;text-indent:-99999px;}

@media (min-width:500px) {
	.pageTop h1{width:133px;}
	#logo a{width:133px;}
	#logo a:hover{background:#a4a4a4 url(images/logo-02.png) no-repeat;}
	.pageTop h1, #logo{float:left;}
	#navG{float:right;}
/*
	#header{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;}
*/
	#header p,#header h1{margin-right:auto;}
}

#navG{margin-top:12px;}
#navG ul{display:-webkit-flex;display:flex;}
#navG a{display:block;margin-right:5px;font-size:78%;font-weight:bold;color:#bcb9b2;text-decoration:none;}
#navG a:hover{color:#b2a68d;}
.pageTop #navGTop{display:none;}

#cse-search-box div{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;}
#formSearchInput1{margin:10px 0 0 3px;}
#formSearchSubmit{margin:10px 3px 0 6px;}
@media (min-width:500px) {
	#formSearchInput1{margin:30px 0 0 3px;}
	#formSearchSubmit{margin:30px 3px 0 6px;}
}
#header input[type=text]{width:146px;height:18px;background-image:-webkit-gradient(linear,
left bottom,
left top,
color-stop(0, rgb(255,255,255)),
color-stop(1, rgb(248,248,248)));background-image:-moz-linear-gradient(center bottom,
rgb(255,255,255) 0%,
rgb(248,248,248) 100%);outline:none;border:solid 1px #c0bebb;}
#header input[type=text]:hover{background-image:-webkit-gradient(linear,
left bottom,
left top,
color-stop(0, rgb(255,255,255)),
color-stop(1, rgb(252,252,252)));background-image:-moz-linear-gradient(center bottom,
rgb(255,255,255) 0%,
rgb(252,252,252) 100%);}
#formSearchSubmit button{display:block;width:44px;height:20px;padding:0;border:0;background:url(images/btn-01.png) -80px 0 no-repeat;text-indent:-99999px;font-size:0px;line-height:0px;cursor:pointer;}
#formSearchSubmit button:hover,
#formSearchSubmit button:focus{background-position:-80px -30px;}


/* ==================================================
Unit -Sidebar
================================================== */
#sidebar{color:#8b7e62;}
#recentEntry .roll, #pickupEntry .roll, #archiveByMonth .roll,
#recentEntry .roll a, #pickupEntry .roll a, #archiveByMonth .roll a{color:#56451f;}
#subscription h4{text-indent:-99999px;display:none;}
#subscription ul{margin:26px 0 0 92px;}
#subTwitter a{display:block;width:180px;height:50px;background:url(images/el-sidebar.png) -245px -120px no-repeat;text-indent:-99999px;}
#subTwitter a:hover{background:url(images/el-sidebar.png) -245px 0 no-repeat;}
#subRss a{display:block;margin-top:10px;width:180px;height:50px;background:url(images/el-sidebar.png) -245px -180px no-repeat;text-indent:-99999px;}
#subRss a:hover{background:url(images/el-sidebar.png) -245px -60px no-repeat;}
#recentEntry, #pickupEntry, #archiveByMonth, #recommend, #PickupLinks{margin:42px 26px 0 26px;}
#sponsors{margin:26px 3px 0 3px;}
#sponsorsTop{margin:26px 3px 0 3px;padding-top:26px;}
#sponsors h4{display:none;}
@media (min-width: 960px) {
	#sponsors{margin:16px 26px 0 26px;}
	#sponsorsTop{margin:26px 26px 0 26px;}
	#sponsors h4{display:block;}
}
#sponsorsTop ul{margin:6px 0 0 0;}
#sponsorsTop li{display:table-cell;vertical-align:middle;text-align:center;margin:16px 8px 0 0;padding:12px 7px;width:311px;background:#f6f6f6 url(images/bg-ad-02.png) 0 0 no-repeat;-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;font-size:69%;line-height:126%;letter-spacing:0.01em;}
#sponsors li.roll{background:#f6f6f6 url(images/bbg-ad-02-01.png) 0 0 no-repeat;}
#sponsors h4{width:180px;height:30px;background:url(images/el-sidebar.png) 0 0 no-repeat;text-indent:-99999px;}


#sponsors ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:367px;margin:6px 0 0 0;}
#sponsors li{vertical-align:middle;text-align:center;margin:16px 8px 0 0;padding:12px 7px;width:135px;background:#f6f6f6 url(images/bg-ad.png) 0 0 no-repeat;-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;font-size:69%;line-height:126%;letter-spacing:0.01em;min-height:128px;}
#sponsors li p{vertical-align:middle;}
#sponsors li.roll{background:#f6f6f6 url(images/bg-ad.png) -160px 0 no-repeat;}
#sponsors li:nth-child(1), #sponsors li:nth-child(2){margin-top:0;}
#sponsors li:nth-child(odd){margin-right:13px;}
@media (min-width: 500px) {
	#sponsors li:nth-child(odd){margin-right:17px;}
}
#sponsors li:nth-child(even){margin-right:0;}
#sponsors ul li img{font-size:0%;line-height:0%;vertical-align:bottom;}
#sponsors p{margin:16px 0 0 0;}
#sponsors li p{margin:6px 0 0 0;}
#recentEntry ul, #pickupEntry ul, #archiveByMonth ul, #recommend ul, #PickupLinks ul{margin:6px 0 0 0;border-top:1px solid #a9a9a9;}
#recentEntry li, #pickupEntry li, #archiveByMonth li, #recommend li, #PickupLinks li{padding:5px 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #a9a9a9;font-size:82%;line-height:126%;letter-spacing:0.01em;}
#recentEntry h4{width:180px;height:30px;background:url(images/el-sidebar.png) 0 -30px no-repeat;text-indent:-99999px;}
#pickupEntry h4{width:180px;height:30px;background:url(images/el-sidebar.png) 0 -60px no-repeat;text-indent:-99999px;}
#archiveByMonth{margin-bottom:67px;}
#archiveByMonth h4{width:242px;height:30px;background:url(images/el-sidebar.png) 0 -90px no-repeat;text-indent:-99999px;}
#recommend h4{width:180px;height:30px;background:url(images/el-sidebar.png) 0 -120px no-repeat;text-indent:-99999px;}
#recommend p{margin-top:0.5em;}
#PickupLinks h4{width:180px;height:30px;background:url(images/el-sidebar-02.png) 0 -150px no-repeat;text-indent:-99999px;}

.fb-comments{margin-top:67px;}
#fb-box-1{margin-top:27px;height:300px;}
.fb-like-box{margin-left:26px;background-color:#f7f7f7;}

/* ==================================================
Unit -Content
================================================== */
.googleAd{margin-top:26px;}

.pageTop #content .articleInfo{margin:6px 0 0 0;padding:3px 10px 3px 10px;width:100%;color:#909090;font-size:82%;line-height:126%;letter-spacing:0.01em;}
.pageSingle #content .articleInfo{margin:16px 0 0 0;padding:10px 10px 9px 10px;width:100;color:#909090;font-size:82%;line-height:126%;letter-spacing:0.01em;background:#f6f6f6;-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 1px 1px 0 rgba(109, 109, 109, 0.5);-moz-box-shadow:inset 1px 1px 0 rgba(109, 109, 109, 0.5);box-shadow:inset 1px 1px 0 rgba(109, 109, 109, 0.5);}
@media (min-width: 960px) {
	.pageTop #content .articleInfo,.pageSingle #content .articleInfo{width:521px;}
}
.pageSingle #content #articleInfo1{margin-top:16px}
.pageSingle #content #articleInfo2{margin-top:26px;}

/*
.articleInfo{display:-webkit-flex;display:flex;webkit-justify-content:flex-end;justify-content:flex-end;}
*/
.articleInfo p{float:left;}
.articleInfo div{float:right;}
.articleInfo p{margin-top:8px;margin-right:auto;}
.comp-social{display:-webkit-flex;display:flex;}
.comp-social div{
	padding: 4px 0;
}
.comp-social div a{
	display: block;
	color: #FFFFFF !important;
	padding: 6px 16px;
	margin-left: 6px;
	font-size: 14px;
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	text-decoration: none;
}
.comp-social div a i{padding-right:6px;}
.share-button-twitter{background-color:#1da1f2;margin-right:5px;}
.share-button-facebook{background-color:#1877f2;}
.share-button-pocket{background-color:#EE4056;}

@media (max-width:500px) {
	.articleInfo{display:none;}
	#socialBar{display:-webkit-flex;display:flex;width:100%;height:50px;margin:1em 0 0 0;background-color:#dadada;}
	#socialBar div{-webkit-flex-grow:1;flex-grow:1;text-align:center;}
	#socialBar div+div{border-left:1px solid #ffffff;}
	#socialBar a{display:block;margin-top:10px;}
	#socialBar i{font-size:32px;}
	#socialBar .socialBarTwitter{background-color:#1da1f2;}
	#socialBar .socialBarFacebook{background-color:#1877f2;}
	#socialBar .socialBarHatena{background-color:#00a4de;}
	#socialBar .socialBarPocket{background-color:#EE4056;}
	#socialBar .socialBarTwitter a,#socialBar .socialBarFacebook a,#socialBar .socialBarHatena a,#socialBar .socialBarPocket a{color:#ffffff;}
}
@media (min-width:500px) {
	#socialBar{display:none;}
}

.entryDate{text-align:right;margin-top:0.5em;color:#aeaeae;}

.pageTop h2, .pageSingle #content h1{color:#978170;text-shadow:#dddbd7 0px 1px 0, #8a8989 -1px 0;font-size:127%;line-height:127%;letter-spacing:-0.01em;font-weight:normal;}
.pageSingle #content, #sidebar, .pageSingle #content h1, .articleInfo p, p.entryDate{font-family: "Rounded Mplus 1c";letter-spacing:0;}
.pageTop h2 a{margin-top:67px;color:#978170;text-shadow:#dddbd7 0px 1px 0, #8a8989 -1px 0;font-weight:normal;text-decoration:none;display:block;padding:10px 6px;background:#e8dad0 url(images/bg-h1-01.png);border-bottom:1px solid #dcd3c7;}
.pageTop h2 a:hover{color:#7e6958;background:#e5d5c9 url(images/bg-h1-02.png);border-bottom:1px solid #d6cbc0;}
.pageSingle .articleContent h2{margin-top:3em;margin-bottom:0.7em;color:#978170;font-size:127%;line-height:127%;letter-spacing:-0.03em;font-weight:bold;background:#e5d5c9 url(images/bg-h1-02.png);border-bottom:1px solid #d6cbc0;padding:4px 9px 3px 9px;}
.pageSingle .articleContent h3{margin-top:2em;color:#978170;font-size:107%;line-height:127%;letter-spacing:-0.05em;font-weight:bold;border-left:6px solid #d6cbc0;padding-left:3px;}
.pageSingle .articleContent h4{margin-top:2em;color:#978170;font-size:107%;line-height:127%;letter-spacing:-0.05em;font-weight:bold;}
.pageArchive h1{margin:16px 0 0 0;padding:10px 10px 9px 10px;width:521px;color:#978170;text-shadow:#dddbd7 0px 1px 0, #8a8989 -1px 0;font-size:127%;line-height:127%;letter-spacing:-0.01em;font-weight:normal;background:#f6f6f6;-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 1px 1px 0 rgba(109, 109, 109, 0.5);-moz-box-shadow:inset 1px 1px 0 rgba(109, 109, 109, 0.5);box-shadow:inset 1px 1px 0 rgba(109, 109, 109, 0.5);}
.pageArchive h2{margin-top:42px;font-size:117%;line-height:127%;letter-spacing:-0.01em;font-weight:bold;}
.pageArchive h2 a{color:#978170;}
.pageArchive h2 a:hover{color:#7e6958;}
.pageArchive #content p{margin-top:3px;font-size:82%;line-height:157%;letter-spacing:0.01em;}
.pageArchive #content .date{color:#909090;font-size:82%;line-height:126%;letter-spacing:0.01em;}

#relatedPosts{margin:67px 0 0 0;font-size:82%;line-height:126%;letter-spacing:0.01em;}
#relatedPosts h4{width:190px;height:23px;background:url(images/el-content.png) 0 0 no-repeat;text-indent:-99999px;}
#relatedPosts ul{margin:23px 0 0 0;padding:0 0 0 1.5em;list-style:disc;}
#relatedPosts li{margin-top:6px;}

.pageTop .articleContent{margin-top:6px;font-size:82%;line-height:157%;letter-spacing:0.01em;color:#5a471c;}
.pageTop .more{float:right;margin-top:10px;text-indent:-99999px;}
.pageTop .more a{display:block;overflow:hidden;color:#978170;width:173px;height:34px;background:#e8dad0 url(images/bg-pb.png) -200px 0 no-repeat;border-bottom:1px solid #dcd3c7;}
.pageTop .more a:hover{background:#e5d5c9 url(images/bg-pb.png) -200px -40px no-repeat;border-bottom:1px solid #d6cbc0;}
.pageSingle .articleContent{margin-top:26px;font-size:88%;line-height:163%;letter-spacing:0.01em;color:#5a471c;}

.button1 {
	cursor: pointer;
	display: inline-block;
	width: 180px;
	height: 52px;
	margin-top:10px;
	text-align: center;
	text-decoration: none;
	line-height: 52px;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #4886ff;
	border: 1px solid #4886ff;
	color: #fff;
}
a:link.button1, 
a:visited.button1{color:#fff;}
a:link.button1:hover, 
a:visited.button1:hover{color:#136aff;}
.button1::before,
.button1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #4886ff;
}
.button1::before {
	right: 0;
}
.button1::after {
	left: 0;
}
.button1:hover {
	background-color: #fff;
	border-color: #136aff;
	color: #136aff;
}
.button1:hover::before,
.button1:hover::after {
	width: 0;
	background-color: #136aff;
}
.button1,
.button1::before,
.button1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button2 {
  cursor: pointer;
  display: inline-block;
  width: 180px;
  width: 180px;
  height: 52px;
  margin-top:10px;
  text-align: center;
  text-decoration: none;
  line-height: 52px;
  outline: none;
  position: relative;
  background-color: #4886ff;
  border: 1px solid #4886ff;
  overflow: hidden;
  color: #fff;
}
a:link.button2, 
a:visited.button2{color:#fff;}
a:link.button2:hover, 
a:visited.button2:hover{color:#fff;}
.button2:hover {
  box-shadow: 1px 1px 10px 2px rgba(72, 134, 255, 0.4);
}
.button2:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  transition: all 650ms;
}
.button2:hover:before {
  left: 100%;
}

/* ==================================================
Unit -Footer
================================================== */
#footer{font-size:0.9rem;line-height:126%;letter-spacing:0.01em;}
/*#footer{font-size:82%;line-height:126%;letter-spacing:0.01em;}*/
#category{float:left;margin:26px 0 42px 26px;width:567px;display:inline;}
#category h4{width:130px;height:30px;background:url(images/el-footer.png) 0 0 no-repeat;text-indent:-99999px;}
#category li{margin-bottom:6px;}
#category ul ul{margin:6px 0 0 26px;}
#listCate1{display:block;margin:16px 0 0 0;}
#listCate2{display:block;}
@media (min-width: 960px) {
	#listCate1{display:block;float:left;margin:16px 0 0 0;width:280px;}
	#listCate2{display:block;float:left;margin:16px 0 0 0;}
}
#listCate3 li:nth-child(9){margin-top:27px;}
#blogInfo{float:left;margin:26px 26px 42px 26px;width:315px;display:inline;}
#blogInfo h4{width:130px;height:30px;background:url(images/el-footer.png) 0 -40px no-repeat;text-indent:-99999px;}
#listBlogInfo{margin:16px 0 0 0;}
#listBlogInfo li{margin-bottom:16px;}
#footerTwitter a{display:block;width:110px;height:35px;background:url(images/el-footer.png) -140px 0 no-repeat;text-indent:-99999px;}
#footerTwitter a:hover{background:url(images/el-footer.png) -290px 0 no-repeat;}
#footerRss a{display:block;width:95px;height:35px;background:url(images/el-footer.png) -140px -40px no-repeat;text-indent:-99999px;}
#footerRss a:hover{background:url(images/el-footer.png) -290px -40px no-repeat;}
#footerPowered a{display:block;width:140px;height:35px;background:url(images/el-footer.png) -140px -80px no-repeat;text-indent:-99999px;}
#footerPowered a:hover{background:url(images/el-footer.png) -290px -80px no-repeat;}
#footerHosted a{display:block;width:120px;height:35px;background:url(images/el-footer.png) -140px -120px no-repeat;text-indent:-99999px;}
#footerHosted a:hover{background:url(images/el-footer.png) -290px -120px no-repeat;}
#end address{padding:10px 26px;font-size:94%;line-height:126%;letter-spacing:0.01em;font-style:normal;color:#6f6c66;}

/* ==================================================
Utility
================================================== */

/* for mobile */
@media (max-width: 500px) {
	.googleAd img{width:100%;height:100%;}
	.articleContent img,.articleContent iframe{width:100%;height:100%;}
}
@media (max-width: 959px) {
	#container3 .pageTopBar,#sidebar .pageTopBar{display:none;}
}

/* for ver.5. can not change */
.clrFix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clrFix{zoom:1;overflow:hidden;}
* html .clrFix{zoom:1;overflow:visible;}
.mT0em{margin-top:0em !important;}
.mT05em{margin-top:0.5em !important;}
.mT1em{margin-top:1em !important;}
.mT2em{margin-top:2em !important;}
.mT3em{margin-top:3em !important;}
.mT4em{margin-top:4em !important;}
.mT5em{margin-top:5em !important;}
.mL2em{margin-left:2em !important;}
.mL3em{margin-left:3em !important;}
.mP2em{padding-left:2em !important;}
.mP3em{padding-left:3em !important;}
.align1{text-align:left;}
.align2{text-align:right;}
.align3{text-align:center;}
.float1{display:block;float:left;margin:0 10px 10px 0;}
.float2{display:block;float:right;margin:0 0 10px 10px;}
.float31{display:block;float:left;width:96px;margin:3px 0 10px 0;}
.float32{display:block;float:left;width:274px;margin:0 0 10px 0;}
.imgFix, imgFix2{display:block;font-size:0%;line-height:0%;}
.imgFix, imgFix2{zoom:1;}
.imgFix2{border:1px solid #adadad;}
.articleContent .box1{margin-top:16px;margin-left:0;margin-right:0;padding:10px;border-top:1px solid #9bc3d5;border-right:1px solid #6f8994;border-bottom:1px solid #6f8994;border-left:1px solid #9bc3d5;background:#f5f8fc;}
.articleContent .box2{margin-top:16px;margin-left:0;margin-right:0;padding:10px;border-top:1px solid #3d6b59;border-right:1px solid #3d6b59;border-bottom:1px solid #3d6b59;border-left:1px solid #3d6b59;background:#cfe1da;}
.articleContent .box3{margin-top:16px;margin-left:0;margin-right:0;padding:10px;border-top:1px solid #884358;border-right:1px solid #884358;border-bottom:1px solid #884358;border-left:1px solid #884358;background:#ffe4e1;}
kbd, .key{display:inline;display:inline-block;min-width:1em;padding:.4em .6em .3em .5em;margin:0 .4em 0 .3em;font:bold 1.1em/1 "Lucida Grande", Lucida, Arial, sans-serif;color:#fff;text-align:center;text-decoration:none;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;border:none;cursor:default;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
kbd[title], .key[title]{cursor:help;}
kbd, kbd.dark, .dark-keys kbd, .key, .key.dark, .dark-keys .key{background:rgb(80, 80, 80);background:-moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80));background:-webkit-gradient(linear, left top, left bottom, from(rgb(60, 60, 60)), to(rgb(80, 80, 80)));color:rgb(250, 250, 250);text-shadow:-1px -1px 0 rgb(70, 70, 70);-moz-box-shadow:inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);-webkit-box-shadow:inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);box-shadow:inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);}
kbd.light, .light-keys kbd, .key.light, .light-keys .key{background:rgb(250, 250, 250);background:-moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));background:-webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));color:rgb(50, 50, 50);color:rgb(136, 131, 121);text-shadow:0 0 2px rgb(255, 255, 255);-moz-box-shadow:inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);-webkit-box-shadow:inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);box-shadow:inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);}

/* for Changeable */
#modeNormal{display:none;}
#modeContrast{display:block;}
#content .styleMode{float:right;margin:6px 0;}
.pageSingle #content .styleMode{font-size:82%;line-height:126%;letter-spacing:0.01em;}

#container3 .pagebar{margin:67px 0 0 0;color:#c1a48e;font-weight:bold;}
#container3 .pagebar span{display:block;float:left;padding:5px;margin:0 3px;border:1px solid #dcd3c7;}
#container3 .pagebar a{display:block;float:left;padding:5px;margin:0 3px;color:#978170;font-weight:normal;background:#e8dad0 url(images/bg-h1-01.png);border:1px solid #dcd3c7;}
#container3 .pagebar a:hover{color:#bb845a;background:#e5d5c9 url(images/bg-h1-02.png);border:1px solid #d6cbc0;}
.pageTopBar{float:right;margin:26px 0 16px 0;text-indent:-99999px;overflow:hidden;}
.pageTopBlock .pageTopBar{margin-top:0;}
.pageTopBar a{display:block;color:#948a82;width:173px;height:34px;background:#e1e1e1 url(images/bg-pb.png) 0 0 no-repeat;}
.pageTopBar a:hover{background:#d9d9d9 url(images/bg-pb.png) 0 -40px no-repeat;}
#sidebar .pageTopBar{margin-right:26px;}
#sidebar .pageTopBar a{background:#e1e1e1 url(images/bg-pb.png) 0 -80px no-repeat;}
#sidebar .pageTopBar a:hover{background:#e1e1e1 url(images/bg-pb.png) 0 -120px no-repeat;}

.listStyleDisc li,.listStyleCircle li,.listStyleDecimal li,
.st-related-posts li{margin-top:6px;}
.listStyleDefinition dt,.listStyleDefinition0 dt,
.listStyleDefinition1 dt, .listStyleDefinition2 dt,
.listStyleDefinition3 dt{margin-top:6px;}
.listStyleDisc, .st-related-posts{padding:0 0 0 2.5em;list-style:disc;}
.listStyleCircle{padding:0 0 0 2.5em;list-style:circle;}
.listStyleDecimal{padding:0 0 0 2.5em;list-style:decimal;}
.listStyleNon{padding:0 0 0 2.5em;list-style:none;}
.listStyleDefinition{padding:0 0 0 2.5em;}
.listStyleDefinition0{padding:0 0 0 0;}
.listStyleDefinition1, .listStyleDefinition2, listStyleDefinition3{padding:0 0 0 0;}
.listStyleDefinition dt,.listStyleDefinition0 dt,
.listStyleDefinition1 dt, .listStyleDefinition2 dt,
.listStyleDefinition3 dt{font-weight:bold;}
.listStyleDefinition2 dt{margin-top:2em;}
.listStyleDefinition3 dt{padding-bottom:1em;}
.listStyleDefinition dd,.listStyleDefinition0 dd{margin-left:2.7em;}
.listStyleDefinition1 dd, .listStyleDefinition2 dd{margin-left:0;}
.listStyleDefinition3 dd{margin-left:1em;padding-bottom:1em;}
ul.listStyleAchor{zoom:1;margin:2em 0 0 3em;padding-top:18px;background:url(images/list-anchor-heading.png) 0 0 no-repeat;}
.listStyleAchor li{margin:0 0 8px 1em;;}
.listStyleAchor a:link{padding:0 0 0 14px;background:url(images/list-anchor-mark.png) 0 5px no-repeat;}
.listStyleAchor a:hover{padding:0 0 0 14px;background:url(images/list-anchor-mark.png) 0 6px no-repeat;}
acronym,abbr{border-bottom:1px dotted #006633;}
#content table{border-collapse:collapse;}
#content table th{background:#dadada;color:#9c9895;}
#content table th,#content table td{padding:3px;border:1px solid #bcbcbc;color:#80756d;}
#content table tr:nth-child(even){background:#f1f1f1;}
#content table tr:nth-child(odd){background:#e6e6e6;}

/* for AdSense */
.google-auto-placed{margin-top:2em;}