/* Persuasion v2.1 - black */

.colorscheme_bg,body,body>.multibg>.multibg,.jqueryslidemenu ul ul,.partial_gradient_slide .slide_overlay,
.wp-pagenavi .current,.paged-navigation .current,
.post_more_link,.comment-reply-link,.comment-edit-link,.post-edit-link,
.button_link,.fancy_button,#searchsubmit,#submit,.cluetip-default,
.titled_box_title,.colored_box,.dropcap4,.pullquote4,.highlight,
.tabs_button a.current,.fancy_header span,.minimal_table th{/*:Color Scheme*/
background-color:#222222;}
.colorscheme_color,h1,.post_title,.post_title a,
a:hover,.fancy_link,.dropcap2,.pullquote3,.highlight2,h5{/*:Color Scheme*/	
color:#222222;}
.colorscheme_border,.post_more_link,.comment-reply-link,.comment-edit-link,.post-edit-link,.wp-pagenavi .current,.paged-navigation .current,
body,#header_extras,#sub_footer,.jqueryslidemenu ul ul,
.about_author_title,.comment-reply-link,.commentlist_title,
.button_link,.fancy_button,#searchsubmit,#submit,.cluetip-default,.cluetip-default .cluetip-arrows,
.titled_box_title,.colored_box,.dropcap4,.pullquote4,.highlight,
.tabs_button a.current,.fancy_header span,.minimal_table th{/*:Color Scheme*/
border-color:#222222;}
.colorscheme_sprite,#content .mysite_twitter_widget li,#content .recentcomments,#content .widget_recent_entries li,
#content .widget_archive li,#content .widget_categories li,#content .widget_links li,
#content .contact_widget_name,#content .contact_widget_phone,#content .contact_widget_email,
.toggle,.toggle_accordion,.active,.toggle_frame .toggle,.toggle_frame .toggle_accordion,.toggle_frame .active,
.fancy_list .arrow_list,.fancy_list .bullet_list,.fancy_list .check_list,.fancy_list .circle_arrow,.fancy_list .triangle_arrow,.fancy_list .comment_list,.fancy_list .minus_list,.fancy_list .plus_list,.fancy_list .star_list,.sitemap_list li,
blockquote,.download_link,.email_link,.twitter_link,.dropcap,.dropcap3,.tabs_vertical li.current span,.featured_tabs li.current_page_item span{/*:Icon Sprite*/
background-image:url(http://itsuki-inc.com/cms2/files/themes/itsuki_persuasion/styles/_sprites/custom_sprite_222222.png);}


/*:General Typography ~*~*/
body{/*:Body Font */
color:#666;font-size:12px;font-weight:normal;font-style:normal;font-family:inherit;}
h1{/*:h1 Font*/ 
/*color:#888@;*/font-size:36px;font-weight:bold;font-style:normal;font-family:inherit;}
h2{/*:h2 Font*/ 
color:#444;font-size:30px;font-weight:bold;font-style:normal;font-family:inherit;}
h3{/*:h3 Font*/ 
color:#444;font-size:22px;font-weight:bold;font-style:normal;font-family:inherit;}
#main h4,#intro h4{/*:h4 Font*/ 
color:#444;font-size:18px;font-weight:normal;font-style:normal;font-family:inherit;}
h5{/*:h5 Font*/ 
/*color:#444@;*/font-size:14px;font-weight:normal;font-style:normal;font-family:inherit;}
h6{/*:h6 Font*/ 
color:#aaa;font-size:10px;font-weight:normal;font-style:normal;font-family:inherit;}
a{/*:Link*/
color:#aaa;text-decoration:none;}
a:hover{/*:Link Hover*/
/*color:#888@;*/text-decoration:none;}
/*:Typo End ~*~*/


/*:Body ~*~*/
body{/*:Body BG+ */
background-image:url(black/dark_bg.png);/*background-color:inherit@;*/background-repeat:repeat;background-attachment:scroll;background-position:center top;}
/*:Body End ~*~*/


/*:Header ~*~*/
.logo a{/*:Logo Font*/ 
color:#eee;font-size:22px;font-weight:bold;font-style:normal;font-family:inherit;}
#header{/*:Header Background */
background-image:url(../images/header_overlay.png);background-color:transparent;background-repeat:repeat-x;background-attachment:scroll;background-position:center bottom;}
/*:Header End ~*~*/


/*:Menu ~*~*/
.jqueryslidemenu a{/*:Menu Font */
color:#eee;font-size:15px;font-weight:normal;font-style:normal;font-family:inherit;}
#primary_menu{/*:Menu Background */
background-image:none;background-color:transparent;background-repeat:repeat;background-attachment:scroll;background-position:center top;}
.jqueryslidemenu ul ul{/*:Menu Dropdown Background */
background-image:url(_rgba/black40.png);/*background-color:inherit@;*/background-repeat:repeat;background-attachment:scroll;background-position:center top;}
.jqueryslidemenu ul ul{/*:Menu Dropdown Border */
/*border-top-color:inherit@;*/border-top-width:1px;border-top-style:solid;}
/*:Menu End ~*~*/


/*:Intro ~*~*/
#header+#intro{/*:Intro Font */
color:#eee;font-size:12px;font-weight:normal;font-style:normal;font-family:inherit;}
#header+#intro a{/*:Intro Links */
color:#eee;text-decoration:none;}
#header+#intro .intro_title{/*:Intro Title Font */ 
color:#eee;font-size:36px;font-weight:bold;font-style:normal;font-family:inherit;}
#header+#intro .teaser{/*:Intro Teaser Font */ 
color:#eee;font-size:16px;font-weight:normal;font-style:normal;font-family:inherit;}
#slider_module+#intro h3{/*:Call to Action Font*/ 
color:#888;font-size:18px;font-weight:bold;font-style:normal;font-family:inherit;}
#breadcrumbs,#breadcrumbs a{/*:Breadcrumbs Font */
color:#aaa;font-size:9px;font-weight:normal;font-style:normal;font-family:inherit;}
#breadcrumbs{/*:Breadcrumbs Background */
background-image:url(../images/breadcrumbs.gif);background-color:#f9f9f9;background-repeat:repeat-x;background-attachment:scroll;background-position:left bottom;}
#intro{/*:Intro Background */
background-image:none;background-color:transparent;background-repeat:repeat-x;background-attachment:scroll;background-position:left bottom;}
/*:Intro End ~*~*/


/*:Main Content ~*~*/
#content{/*:Main Content Background */
background-image:url(../images/content.gif);background-color:#f9f9f9;background-repeat:repeat-x;background-attachment:scroll;background-position:left top;}
#intro+#content,#header+#content{/*:Content Top Border */
border-top-color:#e0e0e0;border-top-width:5px;border-top-style:solid;}
#sidebar .widgettitle{/*:Sidebar Titles Font */
color:#888;font-size:12px;font-weight:normal;font-style:normal;font-family:inherit;}
/*:Main End ~*~*/


/*:Outro ~*~*/
#outro,#outro a{/*:Outro Font */
color:#898C8E;font-size:16px;font-weight:bold;font-style:normal;font-family:inherit;}
#outro{/*:Outro Background */
background-image:url(../images/outro.png);background-color:#e5e5e5;background-repeat:repeat-x;background-attachment:scroll;background-position:center top;}
#outro{/*:Outro Border */
border-top-color:#e8e8e8;border-top-width:1px;border-top-style:solid;}
/*:Outro End ~*~*/


/*:Footer ~*~*/
#footer{/*:Footer Font */
color:#ccc;font-size:11px;font-weight:normal;font-style:normal;font-family:inherit;}
#footer .widgettitle{/*:Footer Titles Font */
color:#eee;font-size:12px;font-weight:bold;font-style:normal;font-family:inherit;}
#footer a{/*:Footer Links */
color:#eee;text-decoration:none;}
#footer a:hover{/*:Footer Link Hover */
color:#fff;text-decoration:none;} 
#footer{/*:Footer Background */
background-image:none;background-color:transparent;background-repeat:repeat;background-attachment:scroll;background-position:center top;} 
/*:Footer End ~*~*/


/*:Sub Footer ~*~*/
#sub_footer,#sub_footer a{/*:Sub Footer Font */
color:#ccc;font-size:9px;font-weight:normal;font-style:normal;font-family:inherit;}
#sub_footer{/*:Sub Footer Background */
background-image:url(../images/sub_footer.png);/*background-color:transparent@;*/background-repeat:repeat;background-attachment:scroll;background-position:center top;}
/*:Sub Footer End ~*~*/


/*:Misc ~*~*/
.post_title,.post_title a{/*:Post Title Color */ 
/*color:inherit@;*/}
.toggle a,.toggle_accordion a{/*:Toggle Title Font*/ 
color:#888;font-size:16px;font-weight:normal;font-style:normal;font-family:inherit;}
#content .teaser{/*:Content Teaser Font */ 
color:#888;font-size:16px;font-weight:normal;font-style:normal;font-family:inherit;}
/*:Misc End ~*~*/


/* Custom CSS */
/*#body_inner{border-top:3px solid rgba(0, 0, 0, 0.5);}*/


/*
-----------------------------------------------------------------------------------
Itsuki's custom CSS
-----------------------------------------------------------------------------------
(* mobile style includes "mysite_responsive" ) 
-----------------------------------------------------------------------------------
*/

/*
************************************************************************************
text (and related layouts)
************************************************************************************/
/***** Custom Web Fonts *****/
@font-face {font-family: "kozan_mo_itsuki"; src:url("http://itsuki-inc.com/fonts/kozan/kozan_mo_itsuki.eot?") format('eot'), url("http://itsuki-inc.com/fonts/kozan/kozan_mo_itsuki.woff") format('woff');}
.kozan_mo {font-family: "kozan_mo_itsuki"; font-weight:100; letter-spacing:-0.07em;}
.kozan_mo span {font-family:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS PMincho", "ＭＳ Ｐ明朝", "IPA P明朝", "IPA PMincho", "Times New Roman", Times, Georgia, serif;  font-weight:normal;}
/* Portfolio headline (now, disable kozan) */
.portfolio h2.post_title{/*font-family:kozan_mo_itsuki;*/ font-size:34px; font-weight:100; letter-spacing:-0.07em;}
.portfolio h3.post_title{/*font-family:kozan_mo_itsuki;*/ font-size:26px; font-weight:100; letter-spacing:-0.07em;}
.portfolio h4.post_title{/*font-family:kozan_mo_itsuki;*/ font-size:20px; font-weight:100; letter-spacing:-0.07em;}
.four_column_portfolio h3.post_title{/*font-family:kozan_mo_itsuki;*/ font-size:22px; font-weight:100; letter-spacing:-0.07em;}

/***** general *****/
body{font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "IPA Pゴシック", "IPA PGothic", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
a:hover{text-decoration:none!important;}/* overwrite other css */
/* font-size class */
.x50{font-size:0.5em;} .x60{font-size:0.6em;} .x70{font-size:0.7em;} .x80{font-size:0.8em;} .x90{font-size:0.9em;} .x110{font-size:1.1em;} .x120{font-size:1.2em;} .x130{font-size:1.3em;} .x140{font-size:1.4em;} .x150{font-size:1.5em;} .x175{font-size:1.75em;} .x200{font-size:2em;}
/* line-hight class */
.line150{line-height:1.5em;} .line175{line-height:1.75em;} .line200{line-height:2.0em;}
/* margin class */
.mb0{margin-bottom:0!important;} .mb5{margin-bottom:5px!important;} .mb10{margin-bottom:10px!important;} .mb15{margin-bottom:15px!important;} .mb20{margin-bottom:20px!important;} .mb25{margin-bottom:25px!important;} .mb30{margin-bottom:30px!important;} .mb35{margin-bottom:35px!important;} .mb40{margin-bottom:40px!important;} .mb50{margin-bottom:50px!important;} .mb60{margin-bottom:60px!important;} .mb70{margin-bottom:70px!important;} .mb80{margin-bottom:80px!important;} .mb90{margin-bottom:90px!important;} .mb100{margin-bottom:100px!important;}    
.mt0{margin-top:0!important;}  .mt5{margin-top:5px!important;} .mt10{margin-top:10px!important;} .mt15{margin-top:15px!important;} .mt20{margin-top:20px!important;} .mt25{margin-top:25px!important;} .mt30{margin-top:30px!important;} .mt35{margin-top:35px!important;} .mt40{margin-top:40px!important;} .mt50{margin-top:50px!important;} .mt60{margin-top:60px!important;} .mt70{margin-top:70px!important;} .mt80{margin-top:80px!important;} .mt90{margin-top:90px!important;} .mt100{margin-top:100px!important;}
/* "Yakumono first letter" adjustment (for 2byte font) */
.yakuhan{text-indent:-0.5em;}
/* word breaker(for small column) */
.wb{word-break:break-all;}

/**** box layout and others (reset top and bottom margin) ****/
.alignleft, .aligncenter, .alignright, .one_half .alignleft, .one_half .aligncenter, .one_half .alignright, .one_third .alignleft, .one_third .aligncenter, .one_third .alignright, .one_fourth .alignleft, .one_fourth .aligncenter, .one_fourth .alignright, .one_fifth .alignleft, .one_fifth .aligncenter, .one_fifth .alignright, .one_sixth .alignleft, .one_sixth .aligncenter, .one_sixth .alignright, .two_third .alignleft, .two_thirad .aligncenter, .two_third .alignright, .two_fifth .alignleft, .two_fifth .aligncenter, .two_fifth .alignright, .three_fourth .alignleft, .three_fourth .aligncenter, .three_fourth .alignright, .three_fifth .alignleft, .three_fifth .aligncenter, .three_fifth .alignright, .four_fifth .alignleft, .four_fifth .aligncenter, .four_fifth .alignright, .five_sixth .alignleft, .five_sixth .aligncenter, .five_sixth .alignright, .minimal_table, .fancy_table {margin-top:0; margin-bottom:0;}

/**** images ****/
.transparent_frame {line-height:0;}
.transparent_frame img {box-sizing:content-box;}
img.framed {box-sizing:border-box;}

/***** responsive *****/
/* mobile switch (JS is used already) */
.mysite_responsive .pc_only{display:none;}
.mysite_responsive .mobile_only{display:block;}
/* responsive boeder type img */
.mysite_responsive #content img {box-sizing:border-box;}
/* disable auto resize */
body.mysite_responsive{-webkit-text-size-adjust:none}
/* header_extras */
@media screen and (max-width: 650px){
.mysite_responsive #header_extras{display:none;}
}
/* mobile logo */
.mysite_responsive .logo {text-align:center;margin-bottom:15px}

/***** header part *****/
#header #header_inner .logo img{width:214px; height:46px; margin-top:10px;}/* 2x size image is required for retina */
/* Delete separator line */
#intro+#content, #header+#content {border:none;}
/* primary menu */
#primary_menu .jqueryslidemenu a:hover {color:#d00;}

/* 
---------------------------------------------------------------
full bg slider pages (by Responsive Full Width Background Slider plug-in)  
---------------------------------------------------------------*/
.rfwbs-active #header_extras, .rfwbs-active #intro {background-color:#222222;}
.rfwbs-active #header {border-top: 1px solid rgba(60,60,60,1);background:url(../images/header_overlay.png) repeat-x scroll center bottom #222222;}
.rfwbs-active #breadcrumbs {background-image:none; background-color:rgba(255,255,255,.85);}
.rfwbs-active #breadcrumbs, .rfwbs-active #breadcrumbs a {color:#aaa;}
.rfwbs-active #content {background-color:rgba(255,255,255,.05); background-image:none; background-repeat:no-repeat; background-attachment:inherit; background-position:inherit;}
/* delete control menu space */
body.rfwbs-active {padding-bottom:0!important;}
/* main content width (+50) */
.rfwbs-active.right_sidebar #main {width:750px;}
.mysite_responsive.rfwbs-active.right_sidebar #main {width:100%;}/*mobile*/
/* right_sidebar width (-50) */
.rfwbs-active.right_sidebar #sidebar {width:230px;}
.mysite_responsive.rfwbs-active.right_sidebar #sidebar {width:100%;}/*mobile*/
/* main content wrapping (30+660+30+30) */
.rfwbs-active.right_sidebar #main_inner {margin-right:30px; padding:30px; background-color:rgba(255,255,255,.9); border-radius:6px;}
.mysite_responsive.rfwbs-active.right_sidebar #main_inner {margin-right:0;}
/* sidebar wrapping */
.rfwbs-active #sidebar_inner {margin-left:0;padding:20px;background-color:rgba(255,255,255,.9);}
/* Delete separator line */
.rfwbs-active #content_inner {background-image:none;}
/* inner items wrapper (trance white) */
.sukashi {background-color:rgba(255,255,255,.9);/*margin:0 -20px;*/padding:20px;border-radius:6px;}
/*
---------------------------------------------------------------*/

/***** slider *****/
/* slider text color */
.slide_title, .slide_content h2, .slide_content h3, .slide_content h4, .single_responsive_slide h1, .single_responsive_slide h2, .single_responsive_slide h3, .single_responsive_slide h4{color:#fff;}
.slide_content, #slider_module_inner .partial_gradient_slide .slide_content{color:#ddd;}/* applies to all slide_contents */
/* adjust the margin of slider inner */
.slide_content h1, .slide_content h2, .slide_content h3, .slide_content h4, .slide_content h5, .slide_content h6, .slide_content p, .slide_content ul, .slide_content ol{margin-bottom:0.4em;}
.single_responsive_slide h1, .single_responsive_slide h2, .single_responsive_slide h3, .single_responsive_slide h4, .single_responsive_slide ul, .single_responsive_slide ol{margin-bottom:0.4em;}/* for responsive (more better: to write copies without CSS styles on description part only. in addition, Full+LowHTML type is blackout(this bug fixed by switch display property)) */
/* adjust the floating and staged slide content space */
#slider_module_inner .floating_slide .slide_content, #slider_module_inner .staged_slide .slide_content {width:972px; height:392px; left:54px; position:absolute; top:35px; z-index:2;}
/* mobile slider text (for responsive) */
#mysite_flexslider .single_responsive_slide p{display:none;}/* hiding auto added p tag and flex-caption class p */
#mysite_flexslider .flex_div{width:96%; padding:2%; margin:0; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.3); color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.3); font-size:14px; line-height:18px;}/* this flex_div property is a default of the flex_caption class */
/* is_home fading slider (If disable the nav) */
/*.is_home #mysite_fading_slider .slider_nav {display:none;}*/
/* bxslider  (Add this class into the wrapper div.  e.g. div.bxslider_base>#exslider div or ul>div or li>img) */
.bxslider_base {
z-index:9998;/*for a flicker bug (just in case)*/
padding:0 5px!important;/*fit to wrapper */
}
/***** Intro *****/
/* Priority "English" for heading ("Euphemia UCAS" is a substitute of "Lucida" on iOS. "word-break" is required for phones) */
#header+#intro .intro_title, #intro h1.intro_title{font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Euphemia UCAS", Helvetica, Arial, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; letter-spacing:0.3em; /*word-break:break-all;*/}
#intro p.teaser {margin:1.2em 0 0 0;}
/* page title in has_slider pages */
.has_slider .page_title {font-size:20px; color:#333; padding-bottom:0.3em; border-bottom:1px solid #ddd;}

/* Priority "English" for the other part. Add a class "eigo" */
.eigo{font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Euphemia UCAS", Helvetica, Arial, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; letter-spacing:0.3em; /*word-break:break-all;*/}

/***** home *****/
/* no widget front page */
.is_home #sidebar{
display:none; height:0; clear:both;}

/***** post and blog *****/
/* entry text-align */
.entry, .is_home .page, .entry h1, .entry h2, .entry h3, .entry h4 {text-align:justify; line-height:1.75em;}/*general typo and nomal header exclude "p"*/
.entry p {text-align:justify; line-height:2em;}
/* last-child margin */
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child,  h6:last-child, ul:last-child, ol:last-child, p:last-child, .fancy_box_content p:last-child, .titled_box_content p:last-child, .colored_box_content p:last-child {margin-bottom:0!important;}
/* post margin and other */
.post_title{text-align:justify; letter-spacing: -0.05em; word-break:break-all; padding-right:0; padding-bottom:0.1em; margin-bottom:0.3em; border-bottom:1px dotted #ddd;}
.single_post_module .post_title{padding-right:0;}
.post_excerpt{text-align:justify; margin-bottom:0.4em;}
.post_excerpt p{margin-bottom:0.4em;}
.post_meta{margin-bottom:16px;}
/* h2, h3 lead class */
h2.lead, h3.lead{border-bottom:1px solid #eee;}
/* post_list on is_home */
.is_home .small_post_list .post_list_module .post_excerpt{margin-top:0.5em;}
/* post_list(mysite_recent_widget) on mobile */
.mysite_responsive .mysite_recent_widget .post_list_image{margin-bottom:0;}
/* post_list in sidebar */
#sidebar ul.small_post_list{padding-top:0; border-top:1px dotted #ccc;}
#sidebar .small_post_list li.post_list_module{padding-top:10px; padding-bottom:10px; margin-bottom:0; border-bottom:1px dotted #ccc;}
#sidebar .small_post_list li.post_list_module .post_meta_bottom{margin-bottom:0;}
/* grid layout portfolio and blog */
.post_grid.four_column_portfolio .post_grid_module{margin-bottom:30px;}
/* grid layout tight type (use div wrapper with "tight" class) */
.tight .post_grid_module, .tight .post_grid, .tight .post_grid .last {margin-bottom:0;}
/* blog_layout2 post_list */
.blog_layout2 .post_list_image, .medium_post_list .post_list_image {margin-right:30px;}
.blog_layout2 .post_list_content .post_title, .medium_post_list .post_list_content .post_title {font-size:26px;}
/* blog_layout3 post_grid */
.blog_layout3 .featured_post_module .post_grid_content .post_title{font-size:30px;}
.blog_layout3 .post_grid_content .post_title{font-size:26px;}
/* blog & post grid gap  jcarousel blog font size (*jcarousel cannot use in responsive mode) */
.post_grid.one_column_blog .post_grid_image, .post_grid.one_column_portfolio .post_grid_image{margin-bottom:15px;}
.post_grid.two_column_blog .post_grid_image, .post_grid.two_column_portfolio .post_grid_image{margin-bottom:10px;}
.post_grid.three_column_blog .post_grid_image, .post_grid.three_column_portfolio .post_grid_image{margin-bottom:5px;}
.post_grid.four_column_blog .post_grid_image, .post_grid.four_column_portfolio .post_grid_image{margin-bottom:5px;}
.post_grid.one_column_blog .post_title, .mysite_jcarousel_blog.post_grid.has_jcarousel_text.one_column_blog .post_title{font-size:26px;}
.post_grid.two_column_blog .post_title, .mysite_jcarousel_blog.post_grid.two_column_blog .post_title{font-size:20px;}
.post_grid.three_column_blog .post_title, .mysite_jcarousel_blog.post_grid.three_column_blog .post_title{font-size:16px;}
.post_grid.four_column_blog .post_title, .mysite_jcarousel_blog.post_grid.four_column_blog .post_title{font-size:12px;}
/* blog & post grid centering in responsive mode */
.mysite_responsive .post_grid_image {margin-left:auto; margin-right:auto;}
.mysite_responsive .post_grid_content .post_title, .mysite_responsive .post_grid_content .post_excerpt {text-align:center;}
/* jcarousel_blog (*jcarousel cannot use in responsive mode) */
.mysite_jcarousel_blog.post_grid .post_grid_image{margin-bottom:5px;}
/* post_nav_module (add padding-top, border and margin-top / over write font-family setting of meta and link text) */
.post_nav_module{font-size:0.8em; padding-top:10px; margin-top:20px; margin-bottom:30px; border-top:1px dotted #ccc; overflow:hidden;}
.post_nav_module a, .post_meta em, .post_meta_bottom em{font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Euphemia UCAS", Helvetica, Arial, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}

/***** widget and sidebar *****/
/* sidebar layout */
/*#sidebar .widget {clear:both; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;}*/
/* widgettitle */
.widgettitle, #sidebar .widgettitle{font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Euphemia UCAS", Helvetica, Arial, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; letter-spacing:0.3em; word-break:break-all;}
/* mysite_form (form mail) success message */
.mysite_message.success{font-size:150%; color:#d00; padding-top:1em;}

/**** table ****/
/* fancy_table text-align reset */
.fancy_table {width:100%;}/* def. 99% */
.fancy_table td, .fancy_table th {text-align:left;}
/* fancy_table border */
.fancy_table td, .fancy_table th {border-top:1px solid #EEE;}
.fancy_table td, .fancy_table th {border-bottom:1px solid #FFF;}
/* fancy_table narrow type. Adjustment padding (No short code!, Insert "fancy_table narrow" to table tag directly) */
.fancy_table.narrow th, .fancy_table.narrow td, .fancy_table.narrow th:first-child, .fancy_table.narrow td:first-child{font-size:1em; padding:0.5em 1em;}

/***** fancy_header, highlight, dropcaps, box *****/
/* fancy_header (adjustment for 2byte fonts) */
.fancy_header span{padding:5px 8px 4px 12px}
.fancy_header3 span, .fancy_header3 span a{vertical-align:bottom;}
.fancy_header3 a:hover{text-decoration:none;}
/* highlighter(like a ".fancyheadder=[fancyheadder]") / Attention, mysite-theme has different naming rule ".highlight=[highlight1]" */
.highlight{padding:0.4em 0.5em 0.3em 0.7em; letter-spacing:0.2em;}
.highlight3{background:#fdd;}
/* dropcap (adjustment for 2byte fonts) */
.dropcap{padding-left:1px;}
.dropcap3{line-height:38px;}
.dropcap4{line-height:36px;}
/* box title */
.colored_box_title, .titled_box_title {text-align:center;}
/* box last-child margin */
.colored_box:last-child, .fancy_box:last-child, .titled_box:last-child {margin-bottom:0!important;}
/* box content heading (margin-bottom) */
.colored_box_content h3, .colored_box_content h4, .colored_box_content h5, .fancy_box_content h3, .fancy_box_content h4, .fancy_box_content h5, .titled_box_content h3, .titled_box_content h4, .titled_box_content h5 {margin-bottom:0.5em; font-weight:normal;}
/* colored_box (color) */
.colored_box_content, .colored_box_content h3, .colored_box_content h4, .colored_box_content h5 { color:#eee;}
.colored_box_content a{ color:#eee;}
.colored_box_content a:hover{ color:#fff;}

/***** images *****/
/* fancy_images on mobile (for overflow caption bug) */
.mysite_responsive .fancy_images.has_captions .fancy_image_load img {padding-bottom:5px;}/*default=25px, */

/***** button *****/
/* adjust the text position of button */
/*.button_link, .fancy_button, #searchsubmit, #submit{padding:8px 12px;}*/
/* change button color on hover. (base:#222) */
#searchsubmit:hover, #submit:hover, .button_link:hover, .fancy_button:hover, .post_more_link:hover, .comment-reply-link:hover, .comment-edit-link:hover, .post-edit-link:hover {background:#d00; border-color:#d00; text-decoration:none; color:#fff; font-weight:bold;}

/***** footer *****/
.copyright_text {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

/**** miscellaneous ****/
/* separator */
hr {margin:0; background:#dfdfdf; border:none; height:1px;}

/* 
Responsive
-------------------------------------------------------------------------------------------------------*/
/* cell block for mobile (Disable now / Insert "vc_empty space" or "dt_gap" under each cell as substitution. ) */
/*@media screen and (max-width:970px) {
div.wf-usr-cell{margin-bottom:40px;}
}*/

/* Bug fix to several overflows (vc Info Box, empty column, etc./Can click a button with this CSS.)  */
.hide_over {overflow:hidden;}

/* Switch visibility */
.only480dn{visibility:hidden; display:none;}
.only481up{visibility:visible; display:block;}
.only481to760{visibility:hidden; display:none;}
.only760dn{visibility:hidden; display:none;}
.only761up{visibility:visible; display:block;}
@media screen and (min-width: 481px) and (max-width: 760px){
.only480dn{visibility:hidden; display:none;}
.only481up{visibility:visible; display:block;}
.only481to760{visibility:visible; display:block;}
.only760dn{visibility:visible; display:block;}
.only761up{visibility:hidden; display:none;}
}
@media screen and (max-width: 480px){
.only480dn{visibility:visible; display:block;}
.only481up{visibility:hidden; display:none;}
.only481to760{visibility:hidden; display:none;}
.only760dn{visibility:visible; display:block;}
.only761up{visibility:hidden; display:none;}
}