/*
Theme Name:IROHA
Theme URI:
Description:
Author:http://www.af5.jp/
Author URI:http://www.af5.jp/
Version:1.0.1
*/

/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */



/* ----------------------------------------------------------------------
 basic setting
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; color:#333; line-height:1; min-width:950px; border-top:5px solid #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
a { color:#333; }
.clear { clear:both; }
.hide { display:none; }



/* ----------------------------------------------------------------------
 WordPress preset css and post style
---------------------------------------------------------------------- */
/* alignment */
.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }


/* text and headline */
.post_content p { line-height:2; margin:0; }
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.2; font-weight:600; margin:0 0 5px 0; padding:10px 0 0 0; }
.post_content h1 { font-size:150%; }
.post_content h2 { font-size:140%; }
.post_content h3 { font-size:130%; }
.post_content h4 { font-size:120%; }
.post_content h5 { font-size:110%; }
.post_content h6 { font-size:100%; }


/* image */
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image
 { height:auto; max-width:100%; }


/* list */
.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom:0; }
.post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:circle outside none; margin-left:1.3em; } 
.post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; }


/* table */
.post_content table { margin:0; }
.post_content td, .post_content th { border:1px solid #ccc; padding:10px 15px 7px; line-height:2.2; }
.post_content th { background:#f2f2f2; font-weight:normal; }


/* block quote */
.post_content blockquote { margin:0; padding:27px 30px; border:1px solid #ccc; box-shadow:0 0 3px 0px rgba(0,0,0,0.2); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; }
.post_content blockquote:before { content: '"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; }
.post_content blockquote:after { content: '"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; }
.post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }

/* captions */
.post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }


/* gallery */
.gallery { margin-bottom:0; }
.gallery a img { border: 0 !important; }
.gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
.gallery-columns-1 .gallery-item { max-width:100%; }
.gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px);	max-width:calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); }
.gallery-columns-10 .gallery-item { max-width: 7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; }
.gallery-caption { background-color:rgba(0, 0, 0, 0.7);	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; }
.gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; }


/* etc */
.post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0; line-height:2.2; }
.post_content pre { border-left:5px solid #7fc120; font-size:15px; margin:0; line-height:25px; background:url(img/common/pre.gif) repeat left top; padding:0 17px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin: 12px 0 25px; }


/* headline */
.headline1 { margin:0; padding:0 15px; height:36px; line-height:36px; border:1px solid #ccc; border-left:5px solid #adb8bf; font-size:15px; background:url(img/common/headline1.gif) repeat-x left bottom; }
.headline2 { margin:0 0 20px 0; padding:0 15px; height:36px; line-height:36px; border-top:1px solid #ccc; border-bottom:3px solid #adb8bf; font-size:12px; background:url(img/common/headline1.gif) repeat-x left bottom; }



/* ----------------------------------------------------------------------
 layout  950 630 300  #side_col { width:300px; float:right; padding:20px 0px 30px; }

.pc .three_column #main_col { width:520px; margin:0 0 0 215px; }
.pc .three_column #side_col { width:300px; float:left; margin:0 0 0 -735px; position:relative; }

---------------------------------------------------------------------- */

#contents { width:1200px; margin:0 auto; }
#main_col { width:630px; float:left; padding:20px 0px 30px 70px; }
#side_col { width:300px; float:left; padding:20px 0px 30px 0px; }

/* layout2 */
.pc .layout2 #main_col { float:right; }
.pc .layout2 #side_col { float:left; }



/* three column 

.pc .three_column #main_col { width:520px; margin:0 0 0 215px; }
.pc .three_column #side_col { width:300px; float:left; margin:0 0 0 -735px; position:relative; }

 */
.pc .three_column #main_col { width:520px; margin:0 0 0 260px; }
.pc .three_column #side_col { width:300px; float:left; margin:0 0 0 -840px; position:relative; }
.pc #side_col2 { width:300px; float:left; padding:20px 20px 30px; }
.pc .three_column.layout3 #main_col { margin:0; }
.pc .three_column.layout3 #side_col { margin:0 0 0 15px; }



/* no sidebar */
.page-template-page-noside-php #main_col, .page-template-page-noside-nocomment-php #main_col
 { width:auto; float:none; padding:20px 0 30px; }
.pc .three_column.page-template-page-noside-php #main_col, .pc .three_column.page-template-page-noside-nocomment-php #main_col
 { width:auto; margin:0; }



/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
/* contents slider */
#content_slider { padding:20px 0 0; margin:0 auto; width:950px; height:250px; overflow:hidden; }
#content_slider .image img { width:470px; height:250px; display:block; float:left; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#content_slider .image { position:relative; display:inline-block; }
#content_slider .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#content_slider .image:hover:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.3); }
#content_slider .post_data { float:right; padding-left:15px; width:450px; height:250px; position:relative; }
#content_slider .post_title { font-size:21px; line-height:160%; margin:3px 0 15px 0; max-height:70px; overflow:hidden; }
#content_slider .post_title a { text-decoration:none; display:block; }
#content_slider .post_title a:hover { text-decoration:underline; }
#content_slider .post_meta_top { margin:0 0 15px 0; color:#999; max-height:18px; overflow:hidden; font-size:11px; }
#content_slider .post_meta_top a { color:#999; }
#content_slider .post_meta_top p { float:left; position:relative; margin:0 10px 5px 0; padding:1px 10px 1px 15px; line-height:1; border-right:1px solid #ddd; }
#content_slider .post_meta_top p.post_author { background:url(img/common/icon_author.png) no-repeat left top; }
#content_slider .post_meta_top p.post_category { background:url(img/common/icon_category.png) no-repeat left top; }
#content_slider .post_meta_top p.post_comment { background:url(img/common/icon_comment.png) no-repeat left top; padding-left:18px; }
#content_slider .post_meta_top p.post_date { padding-left:0px; }
#content_slider .post_meta_top p:last-child { border:none; }
#content_slider .post_excerpt { margin:0 0 20px 0; line-height:180%; font-size:13px; overflow:hidden; max-height:95px; }
#content_slider a.link { float:right; font-size:12px; background:#ccc; text-decoration:none; display:inline-block; height:30px; line-height:30px; padding:0 31px; color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:absolute; right:0px; bottom:0px; }
#content_slider a.link:hover { background:#fff; }
.flex-control-paging { position:relative; left:500px; bottom:20px; z-index:9; }
.flex-control-paging li { float:left; margin:0 5px 0 0; }
.flex-control-paging li a { display:block; background:#ccc; height:12px; width:12px; text-indent:200%; overflow:hidden; border-radius:15px; cursor:pointer; }

/* header image */
#header_image { padding:20px 0 0 0; width:950px; margin:0 auto; }


/* free space */
#index_free_space_top { margin:0 0 20px 0; }
#index_free_space_top img, #index_free_space_bottom img { max-width:100%; height:auto; }



/* ----------------------------------------------------------------------
 post list
---------------------------------------------------------------------- */

/* post list1 */
.post_list1 { margin:0 0 20px 0; border:1px solid #ccc; border-top:none; height:377px; overflow:hidden; background:#f9f9f9; }
.post_list1 .post1 { float:left; width:312px; }
.post_list1 .post1 .image { position:relative; display:block; width:280px; height:210px; margin:11px 0 15px 16px; }
.post_list1 .post1 .image img { display:block; width:280px; height:210px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.post_list1 .post1 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_list1 .post1 .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.post_list1 .post1 .date { margin:0 0 5px 16px; padding:0; line-height:100%; font-size:12px; }
.post_list1 .post1 .title { margin:0 16px 12px; padding:0; font-size:15px; line-height:160%; }
.post_list1 .post1 .title a { text-decoration:none; display:block; }
.post_list1 .post1 .title a:hover { text-decoration:underline; }
.post_list1 .post1 .excerpt { margin:0 16px; padding:0; line-height:200%; font-size:12px; }
.post_list1 .post2 { float:right; width:315px; border-left:1px solid #ccc; }
.post_list1 .post2 li { border-bottom:1px solid #ccc; height:94px; }
.post_list1 .post2 .image { width:100px; height:75px; display:block; position:relative; float:left; margin:10px 10px 0 10px; }
.post_list1 .post2 .image img { width:100px; height:75px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.post_list1 .post2 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_list1 .post2 .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.post_list1 .post2 .info { float:left; width:180px; margin:10px 0 0 0; }
.post_list1 .post2 .date { margin:0 0 5px 0; padding:0; line-height:100%; font-size:12px; }
.post_list1 .post2 .title { margin:0; padding:0; font-size:13px; line-height:150%; height:58px; overflow:hidden; }
.post_list1 .post2 .title a { text-decoration:none; display:block; }
.post_list1 .post2 .title a:hover { text-decoration:underline; }
.headline1 a { float:right; font-size:11px; background:url(img/common/arrow1.png) no-repeat left 15px; text-decoration:none; color:#999; padding:0 0 0 12px; }

.pc .three_column .post_list1 .post1 { width:262px; }
.pc .three_column .post_list1 .post1 .image { width:230px; height:173px; }
.pc .three_column .post_list1 .post1 .image img { width:230px; height:173px; }
.pc .three_column .post_list1 .post2 { width:255px; }
.pc .three_column .post_list1 .post2 .image { width:80px; height:60px; }
.pc .three_column .post_list1 .post2 .image img { width:80px; height:60px; }
.pc .three_column .post_list1 .post2 .info { width:150px; }

.no_thumbnail .post_list1 .post1 { padding:15px 0 0 0; }
.no_thumbnail .post_list1 { height:342px; }
.no_thumbnail .post_list1 .post2 li { height:70px; }
.no_thumbnail .post_list1 .post2 .info { float:none; width:auto; margin:15px 15px 0; }

.pc .three_column.no_thumbnail .post_list1 .post1 { padding:15px 0 0 0; }
.pc .three_column.no_thumbnail .post_list1 { height:342px; }
.pc .three_column.no_thumbnail .post_list1 .post2 li { height:70px; }
.pc .three_column.no_thumbnail .post_list1 .post2 .info { float:none; width:auto; margin:15px 15px 0; }
.pc .three_column.no_thumbnail .post_list1 .post2 .title { height:40px; }


/* post list2 */
.post_list2 { border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 0 20px 0; padding:0; background:#f9f9f9; }
.post_list2 li { width:314px; height:95px; float:left; overflow:hidden; border-bottom:1px solid #ccc;  }
.post_list2 li.odd { border-right:1px solid #ccc; width:313px;}
.post_list2 .image { float:left; margin:10px 10px 0 10px; display:block; position:relative; width:100px; height:75px; }
.post_list2 .image img { width:100px; height:75px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.post_list2 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_list2 .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.post_list2 .info { float:left; width:180px; margin:10px 0 0 0; }
.post_list2 .date { margin:0 0 5px 0; padding:0; line-height:100%; font-size:12px; }
.post_list2 .title { margin:0; padding:0; font-size:13px; line-height:150%; height:58px; overflow:hidden; }
.post_list2 .title a { text-decoration:none; display:block; }
.post_list2 .title a:hover { text-decoration:underline; }

.pc .three_column .post_list2 li { width:259px; }
.pc .three_column .post_list2 li.odd { width:258px; }
.pc .three_column .post_list2 .image { width:80px; height:60px; }
.pc .three_column .post_list2 .image img { width:80px; height:60px; }
.pc .three_column .post_list2 .info { width:150px; }

.no_thumbnail .post_list2 li { height:75px; }
.no_thumbnail .post_list2 .info { float:none; width:auto; margin:10px 15px 0 15px; }

.pc .three_column.no_thumbnail .post_list2 li { height:75px; }
.pc .three_column.no_thumbnail .post_list2 .info { float:none; width:auto; margin:10px 15px 0 15px; }
.pc .three_column.no_thumbnail .post_list2 .title { height:40px; }


/* post list3 */
.post_list3 { margin:5px 0 20px 0; }
.post_list3 li { border-bottom:1px dotted #ccc; padding:10px 0; font-size:14px; }
.post_list3 a { text-decoration:none; background:url(img/common/arrow1.gif) no-repeat left 5px; padding:0 0 0 12px; display:block; }
.post_list3 a:hover { text-decoration:underline; }
.post_list3 li:last-child { border:none; padding-bottom:0; }



/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
.archive_headline { color:#fff; font-size:12px; padding:0 15px; height:38px; line-height:41px; }
.archive_headline2 { margin:20px 0 0 0; padding:0 15px; height:36px; line-height:36px; border:1px solid #ccc; border-left:5px solid #adb8bf; font-size:15px; background:url(img/common/headline1.gif) repeat-x left bottom; border-bottom:none; }


/* category description */
#category_desc { border:1px solid #ccc; border-top:none; padding:12px 15px; position:relative; background:#fff; }
#category_desc:before { position:absolute; bottom:-20px; left:50%; content:""; width:0; height:0; border-width:10px; border-style:solid; border-color:#ccc transparent transparent transparent; }
#category_desc:after { position:absolute; bottom:-19px; left:50%; content:""; width:0; height:0; border-width:10px; border-style:solid; border-color:#fff transparent transparent transparent; }
#category_image { float:left; display:block; margin:0 15px 0 0; max-width:60px; max-height:60px; width:auto; height:auto; }
#category_desc p { line-height:160%; }


/* sort */
#sort_form { position:relative; float:right; top:-28px; right:20px; }
#sort_form label { margin:0 5px 0 0; font-size:12px; font-weight:bold; top:1px; position:relative; }
#sort_form select { height:20px; line-height:20px; font-size:12px; }
#search_sort #sort_form { top:-31px; }
#search_sort #sort_form label { color:#fff; }


/* post list1 */
#archive_post_list1 { border:1px solid #ccc; background:#fff; }
#archive_post_list1 li { border-bottom:1px solid #ccc; }
#archive_post_list1 > li:last-child { border:none; }
#archive_post_list1 li ul { margin:0 0 10px 0; }
#archive_post_list1 li li { border:none; font-size:10px; border-right:1px solid #ccc; margin:0 10px 7px 0; padding:0 10px 0 0; float:left; color:#999; }
#archive_post_list1 li li:last-child { border:none; margin-right:0; padding-right:0; }
#archive_post_list1 li li a { color:#999; }
#archive_post_list1 .image { float:left; width:240px; height:auto; margin:15px 20px 15px 15px; display:block; position:relative; }
#archive_post_list1 .image img { width:240px; height:auto; display:block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#archive_post_list1 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#archive_post_list1 .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
#archive_post_list1 .info { float:left; width:335px; margin:15px 15px 15px 0; }
#archive_post_list1 .title { font-size:16px; margin:0 0 15px 0; line-height:160%; }
#archive_post_list1 .title a { text-decoration:none; display:block; }
#archive_post_list1 .title a:hover { text-decoration:underline; }
#archive_post_list1 .desc { line-height:200%; font-size:12px; }

.pc .three_column #archive_post_list1 .image { width:180px; }
.pc .three_column #archive_post_list1 .image img { width:180px; }
.pc .three_column #archive_post_list1 .info { width:285px; }

.no_thumbnail #archive_post_list1 .info { float:none; width:auto; margin:15px; }
.pc .three_column.no_thumbnail #archive_post_list1 .info { float:none; width:auto; margin:15px; }


/* post list2 */
#archive_post_list2 { border:1px solid #ccc; background:#fff; }
#archive_post_list2 li { border-bottom:1px solid #ccc; padding:15px; }
#archive_post_list2 > li:last-child { border:none; }
#archive_post_list2 li ul { margin:0 0 10px 0; }
#archive_post_list2 li li { border:none; font-size:10px; border-right:1px solid #ccc; margin:0 10px 7px 0; padding:0 10px 0 0; float:left; color:#999; }
#archive_post_list2 li li:last-child { border:none; margin-right:0; padding-right:0; }
#archive_post_list2 li li a { color:#999; }
#archive_post_list2 .title { font-size:16px; margin:0 0 15px 0; line-height:160%; }
#archive_post_list2 .title a { text-decoration:none; display:block; }
#archive_post_list2 .title a:hover { text-decoration:underline; }
#archive_post_list2 .desc { line-height:200%; font-size:12px; }


/* page navi */
.page_navi { margin:0; padding:20px 0 0; }
.page_navi h4 { font-size:10px; font-weight:normal; margin:-20px 0 10px 0; color:#888; }
.page_navi ul { margin:0; }
.page_navi li { float:left; }
.page_navi a, .page_navi a:hover, .page_navi span
 { text-decoration:none; color:#666; font-size:10px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#eee; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.page_navi a:hover { color:#fff; text-decoration:none; }
.page_navi span.dots { background:none; color:#333; }
.page_navi span.current { color:#fff; background:#aaaeaf; }
.page_navi .back a { display:inline-block; }

/* free spage */
#archive_free_space_top { margin:28px 0 20px; }
#archive_free_space_bottom { margin-top:20px; }
#archive_free_space_top img, #archive_free_space_bottom img { max-width:100%; height:auto; }



/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
#post { border:1px solid #ccc; background:#fff; }
.post_content { padding:20px 15px 0; }


.single_title {
  border:1px solid #ccc; padding:20px 15px 20px; line-height:150%; font-size:18px; border-bottom:3px solid green;
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #eeeeee); background: -moz-linear-gradient(top, #ffffff, #eeeeee); background: -ms-linear-gradient(top, #ffffff, #eeeeee); background: -o-linear-gradient(top, #ffffff, #eeeeee); background: linear-gradient(to bottom, #ffffff, #eeeeee); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#eeeeee');
}


/* post meta */
#post .meta_top { border-bottom:1px solid #ccc; padding:15px 15px 10px; font-size:11px; margin:0 0 15px 0; }
.meta_top li { float:left; color:#999; border-right:1px solid #ccc; margin:0 10px 5px 0px; padding:0 10px 0 0; line-height:150%; }
#post .meta_top li:last-child { border:none; margin-right:0; padding-right:0px; }
#post .meta_top li.post_author { background:url(img/common/icon_author.png) no-repeat left 1px; padding-left:15px; }
#post .meta_top li.post_category { background:url(img/common/icon_category.png) no-repeat left 1px; padding-left:15px; }
#post .meta_top li.post_tag { background:url(img/common/icon_tag.png) no-repeat left 1px; padding-left:15px; }
#post .meta_top li.post_comment { background:url(img/common/icon_comment.png) no-repeat left 1px; padding-left:18px; }


/* read time */
#post .post_time { text-align:right; padding:0 15px 20px; font-size:12px; font-weight:bold; }


/* post image */
.post_image { text-align:center; margin:0 15px; }
.post_image img { max-width:100%; height:auto; width:auto; display:block; margin:0 auto; }


/* bookmark */
#post .bookmark { margin:0 0 20px 0; }
#post .bookmark ul { margin:0 0px 0 15px; float:left; }
#post .bookmark li { background:none; padding:0; float:left; margin:0 0 0 7px; height:75px; max-width:80px; }


/* free space */
#single_free_space_top { margin:0 15px 20px; clear:both; }
#single_free_space_middle { margin:20px 15px; clear:both; }
#single_free_space_bottom { margin:20px 15px; clear:both; }
#single_free_space_top img, #single_free_space_middle img, #single_free_space_bottom img { max-width:100%; height:auto; }


/* related post*/
#related_post { margin:0 0 15px 0; clear:both; }
#related_post ol { margin:0 -20px 0 15px; position:relative; }
#related_post li { display:inline-block; vertical-align:top; margin:0 20px 15px 0; width:286px; }
#related_post .image { float:left; margin:0 15px 0 0; display:block; width:60px; height:60px; position:relative; overflow:hidden; }
#related_post .image img { width:60px; height:60px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:block; }
#related_post .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#related_post .image:hover:after { box-shadow:inset 0 0 0 4px rgba(255,255,255, 0.3); }
#related_post .meta { }
#related_post .date { margin:0 0 5px 0; padding:0px; font-size:11px; line-height:100%; color:#999; }
#related_post .title { font-size:12px; margin:0; line-height:160%; font-weight:normal; }
#related_post .title a { color:#333; display:block; }

.pc .three_column #related_post li { width:230px; }



/* next prev post link 　.prev_post, .next_post { font-size:11px; */

#next_prev_link { border-top:1px solid #ccc; }
.prev_post, .next_post { font-size:12px; width:314px; line-height:160%; display:block;  }
.prev_post { float:left; position:relative; margin:0 -2px 0 0; border-right:1px solid #ddd; }
.next_post { float:right; margin:0; border-left:1px solid #ddd; text-align:right; }
.prev_post a, .next_post a { display:block; text-decoration:none; color:#333;  }
.prev_post a { background:url(img/common/arrow4.gif) no-repeat 25px 27px; padding:20px 20px 20px 38px; }
.next_post a { background:url(img/common/arrow3.gif) no-repeat 285px 27px; padding:20px 38px 20px 20px; }
.prev_post a:hover, .next_post a:hover { background-color:#f2f2f2; color:#333; }

.pc .three_column .prev_post, .pc .three_column .next_post { width:259px; }
.pc .three_column .next_post a { background:url(img/common/arrow3.gif) no-repeat 230px 27px; }



/* free space for page */
#page_free_space_top { margin:20px 15px 0; clear:both; }
#page_free_space_bottom { margin:20px 15px; clear:both; }
#page_free_space_top img, #page_free_space_bottom img { max-width:100%; height:auto; }



/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
/* header */
#header_wrap { width:100%; min-width:950px; background:#E6DAED url(img/header/background.gif) repeat-x left -5px; }
#header { width:950px; height:171px; margin:0 auto; position:relative; }


/* logo */
#logo_text { position:absolute; top:47px; left:0px; display:block; line-height:100%; font-size:28px; font-weight:normal; }
#logo_text a { color:#333; text-decoration:none; }
#logo_text a:hover { text-decoration:underline; color:#003d53; }
#logo_image { margin:0; padding:0; position:absolute; line-height:100%; }
#logo_image a { display:block; }
#logo_image img { max-height:124px; max-width:950px; }


/* site description */
#site_description { position:absolute; top:55px; right:0px;  display:block; color:#999; font-size:11px; font-weight:normal; }


/* social link */
#social_link { margin:12px 0 0 0; float:right; }
#social_link li { float:left; margin:0 0 0 5px; }
#social_link li a { display:block; width:20px; height:20px; text-decoration:none; text-indent:100%; white-space:nowrap; overflow:hidden; }
#social_link li.rss a { background:url(img/header/icon_rss.gif) no-repeat left top; }
#social_link li.twitter a { background:url(img/header/icon_twitter.gif) no-repeat left top; }
#social_link li.facebook a { background:url(img/header/icon_facebook.gif) no-repeat left top; }
#social_link li a:hover { background-position:left bottom; }


/* header_menu */
#header_menu { float:right; margin:18px 0 0 0; }
#header_menu li { float:left; font-size:10px; }
#header_menu li a { display:block; text-decoration:none; border-left:1px solid #ddd; padding:0 12px; }
#header_menu li:first-child a { border:none; }


/* global menu */
.pc #global_menu { }
.pc #global_menu > ul { height:47px; position:absolute; right:0px; bottom:3px; z-index:999; width:901px; border-right:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.pc #global_menu ul ul { display:none; position:absolute; top:47px; left:0px; margin:0; padding:0; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); z-index:0; }
.pc #global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }
.pc #global_menu li { float:left; font-size:12px; font-size:1%; position:relative; margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.pc #global_menu.num1 li { width:900px; }
.pc #global_menu.num2 li { width:450px; }
.pc #global_menu.num3 li { width:300px; }
.pc #global_menu.num4 li { width:225px; }
.pc #global_menu.num5 li { width:180px; }
.pc #global_menu.num6 li { width:150px; }
.pc #global_menu.num7 li { width:128.571428571px; }
.pc #global_menu.num8 li { width:112.5px; }
.pc #global_menu.num9 li { width:100px; }

.pc #global_menu li a { font-size:18px; border-left:1px solid #ddd; text-align:center; text-decoration:none; color:#333; margin:0; display:block; height:47px; line-height:48px; box-shadow:1px -1px 0px 0px #fff inset; -moz-box-shadow:1px -1px 0px 0px #fff inset; -webkit-box-shadow:1px -1px 0px 0px #fff inset; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.pc #global_menu li a:hover, .pc #global_menu li.active_menu { background:#fff; }
.pc #global_menu ul ul li { float:none; line-height:26px; padding:0; margin:0; text-align:left; }
.pc #global_menu ul ul a { font-size:12px; position:relative; padding:12px 20px 10px 25px; height:auto; line-height:160%; margin:0 0 -1px 0; text-align:left; background:#fff url(img/common/arrow1.gif) no-repeat 15px 18px; border:1px solid #ddd; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.pc #global_menu ul ul a:hover { background:#f8f8f8 url(img/common/arrow1.gif) no-repeat 15px 18px; }

.pc #global_menu > ul > li.current-menu-item > a {
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #eeeeee); background: -moz-linear-gradient(top, #ffffff, #eeeeee); background: -ms-linear-gradient(top, #ffffff, #eeeeee); background: -o-linear-gradient(top, #ffffff, #eeeeee); background: linear-gradient(to bottom, #e9e9e9, #fafafa); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#eeeeee');
}

.pc #global_menu .menu_home { display:block; position:absolute; left:0px; bottom:3px; width:50px; height:47px; border-left:1px solid #ddd; box-shadow:1px -1px 0px 0px #fff inset; -moz-box-shadow:1px -1px 0px 0px #fff inset; -webkit-box-shadow:1px -1px 0px 0px #fff inset; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.pc #global_menu .menu_home a { display:block; height:47px; background:url(img/header/icon_home.png) no-repeat 15px; text-indent:100%; white-space:nowrap; overflow:hidden; text-decoration:none; }
.pc #global_menu .menu_home a:hover { background-color:#fff; }


/* menu button */
#menu_button { display:none; }


/* breadcrumb */
#bread_crumb { overflow:hidden; width:950px; margin:0 auto; border-bottom:1px dotted #ccc; height:35px; }
#bread_crumb ul { margin:0; }
#bread_crumb li { float:left; margin:0; font-size:10px; line-height:37px; color:#aaa; }
#bread_crumb li a { margin:0 20px 0 0; padding:0 22px 0 0; color:#aaa; background:url(img/common/arrow2.gif) no-repeat right 2px; text-decoration:none; }
#bread_crumb li a:hover { text-decoration:underline; }



/* ----------------------------------------------------------------------
 side content　.side_widget { margin:0 0 20px 0; font-size:11px;
---------------------------------------------------------------------- */
.side_widget { margin:0 0 20px 0; font-size:13px; background:#f9f9f9; border:1px solid #ddd; padding:15px 15px 10px; position:relative; }
.side_widget ul { margin:0; }
.side_widget li ul { margin:10px 0 0 0; }
.side_widget li { line-height:170%; margin:0 0 10px 0; padding:0 0 0 9px; background:url(img/common/bullet1.gif) no-repeat left 8px; }
.side_widget a { }
.side_widget img { height:auto; max-width:100%; width:auto; }
.side_headline { margin:-15px -15px 15px; line-height:3px; line-height:36px; font-size:14px; font-weight:bold; background:url(img/common/headline1.gif) repeat-x left bottom; padding:0 15px; border-bottom:1px solid #ccc; }
.side_widget p { line-height:170%; }


/* about site */
#about_site { }
#about_site_top { background:#fff; margin:-15px -15px 20px; padding:15px 15px; border-bottom:1px solid #ddd; }
#about_site_top p, #about_site_bottom p { margin:0; }
#about_site_bottom .bookmark { margin:0 -10px 0 0; position:relative; }
#about_site_bottom .bookmark li { float:left; margin:0 5px 0 0; padding:0; background:none; min-height:70px; }
#about_site_bottom .bookmark li.hatena_button { margin:0 0 0 2px; }
#about_site_bottom li.line_button { display:none; }


/* calendar */
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { color:#333; padding:0; line-height:240%; text-align:center; }
#wp-calendar td a { display:block; margin:2px; padding:0; text-decoration:none; color:#333; background-color:#eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; }
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; }
#wp-calendar #prev, #wp-calendar #next { line-height:200%; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; }
#wp-calendar td#today { color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#footer #wp-calendar { margin-bottom:10px; }
.three_column .side_col #wp-calendar th, .three_column .side_col #wp-calendar td { line-height:210%; }


/* free space */
.free_widget { background:none; border:none; padding:0; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.fixed_ad { position:fixed; top:0px; height:auto; width:300px; }
.fixed_ad2 { position:absolute; bottom:0px; height:auto; width:300px; }
.three_column .free_widget { padding:0; }
.three_column .fixed_ad { width:200px; }
.three_column .fixed_ad2 { width:200px; }


/* orginal widget post list */
.recommend_widget, .popular_widget, .recent_widget { padding-bottom:10px; }

.widget_post_list { margin:-6px -15px; }
.widget_post_list li { background:none; padding:0 15px 10px; background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 12px 0; }
.widget_post_list li:last-child { background:none; margin:0; }
.widget_post_list .info { }
.widget_post_list .info .date { margin:2px 0 5px 0; line-height:100%; color:#999; }
.widget_post_list .info .title { font-size:12px; margin:0; padding:0 0 5px 0; display:block; }
.widget_post_list .image { float:left; display:block; position:relative; overflow:hidden; width:60px; height:60px; margin:0 15px 0 0; }
.widget_post_list .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.widget_post_list .image:hover:after { box-shadow:inset 0 0 0 4px rgba(255,255,255, 0.3); }
.widget_post_list .image img { width:60px; height:60px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }

/* no date and three column ver */
.no_thumbnail .widget_post_list .info { width:100%; }
#footer .widget_post_list { margin:0; }
#footer .widget_post_list li { background:none; padding:0 0 10px 0; background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 10px 0;  }
#footer .widget_post_list li:last-child { background:none; padding-bottom:0; margin:0; }
#footer .widget_post_list .info { width:205px; float:left; }
.no_thumbnail #footer .widget_post_list .info { float:none; width:100%; }


/* search */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s { float:left; width:75%; height:25px; margin:0; border:1px solid #ddd; background:#fcfcfc; padding:0 10px; box-shadow:1px 1px 2px 0px #eee inset; }
.widget_search #search-btn input, .widget_search #searchsubmit { border:none; color:#fff; width:25%; height:25px; cursor:pointer; display:block; float:left; margin-bottom:-3px; font-size:12px; }
.widget_search #search-btn input:hover { }

.widget_search:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.widget_search { display:inline-block; }
/* exlude MacIE5 \*/
* html .widget_search { height:1% }
.widget_search { display:block;}
/* end MacIE5 */


/* archive category dropdown */
.widget_archive select, .widget_categories select { border:1px solid #ddd; padding:6px 10px; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }



/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
/* recommend post */
#recommend_wrap { width:100%; min-width:950px; border-top:1px solid #ddd; overflow:hidden; background:#f9f9f9; }
#recommend { width:950px; margin:0 auto; padding:35px 0 30px; }
#recommend_post { width:976px; }
#recommend_post a.image { display:block; margin:0 0 10px 0; position:relative; overflow:hidden; width:170px; height:128px; }
#recommend_post a.image img { width:170px; height:128px; display:block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#recommend_post a.image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#recommend_post a.image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
#recommend_post a.title { color:#333; font-size:11px; display:block; text-decoration:none; margin:0; width:170px; line-height:150%; }
#recommend_post a.title:hover { text-decoration:underline; }
#recommend_post .owl-wrapper-outer { width:950px; overflow:hidden; }
.owl-next { background:url(img/common/slider_arrow1.png) no-repeat left top; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; width:26px; height:43px; position:absolute; left:-60px; top:46px; }
.owl-prev { background:url(img/common/slider_arrow2.png) no-repeat left top; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; width:26px; height:43px; position:absolute; right:-30px; top:46px; }
.owl-next:hover, .owl-prev:hover { background-position:left bottom; }
.owl-theme .owl-controls .owl-page { display:none; }


#footer_wrap { background:#fff url(img/footer/footer_background.gif) repeat-x left -3px; width:100%; min-width:950px; padding:0; border-top:3px solid #ddd; }
#footer { width:950px; margin:0 auto; }

/* footer widget */
#footer_widget_area { font-size:10px; padding-top:30px; }
.footer_widget { float:left; margin:0 55px 30px 0; width:280px; }
.footer_widget.right_widget { margin-right:0; }
.footer_headline { font-size:14px; border-bottom:1px solid #ccc; margin:0 0 10px 0; padding:10px 0; font-weight:normal; }
.footer_widget li ul { margin:10px 0 0 1em; }
.footer_widget li { line-height:170%; margin:0 0 15px 0; padding:0; }
.footer_widget img { height:auto; max-width:100%; width:auto; }
.footer_widget p { line-height:170%; margin:0; }
#footer a { text-decoration:underline; }
#footer a:hover { }

/* footer menu */
#footer_menu { text-align:center; }
#footer_menu ul { margin:0 0 20px 0; font-size:11px; }
#footer_menu li { display:inline; }
#footer_menu li a { display:inline-block; border-right:1px solid #ccc; padding:0 15px 0 0; margin:0 15px 0 0; }
#footer_menu li:last-child a { border:none; padding:0; margin:0; }

/* return top */
#return_top { display:block; position:fixed; right:20px; bottom:20px; background:url(img/footer/return_top.png) no-repeat center; width:42px; height:42px; text-indent:100%; white-space:nowrap; overflow:hidden; text-decoration:none; opacity:0.4; }
#return_top:hover { opacity:0.8; }

/* copyright */
#copyright { border-top:1px solid #ccc; text-align:center; padding:35px 0; font-size:11px; background:#fff; }