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

 pc style setting

---------------------------------------------------------------------- */
body { margin:0; padding:0;
       font-family:"Century Gothic",Arial,sans-serif;
       color:#333; }

/* layout */
#header_wrap { width:100%; min-width:960px; height:112px; background:url(img/header/background.png) repeat-x left top; z-index:1; }
#header { width:960px; height:112px; margin:0 auto; position:relative; }

#main_content { width:960px; margin:0 auto; padding:0 0 0 0; z-index:0; }

#contents { padding:8px 0 0 0; }

#side_col { position:relative; }

/* headline */
.headline_base1 { border-bottom:1px dotted #ccc; font-size:18px;font-size:1.8rem; padding:0 0 0 0px; margin:0 0 25px 0;  }
.headline_base1 span { border-bottom:2px solid #aaa; margin:0 0 -2px 0; padding:0 0 6px 0; display:inline-block; }

/* banner */
#header_banner { margin:-22px 0 30px 0; text-align:center; position:relative; }
#footer_banner { clear:both; padding:20px 0 0 0; margin:0 0 10px 0; text-align:center; position:relative; }

/* mobile banner */
#mobile_banner_top, #mobile_banner_bottom { display:none; }




/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
#single_post { width:800px; margin:0 auto; }
#single_post #main_post .post { float:right; width:300px; margin:0 0 30px 0; }
#main_post { position:relative; }

#post_meta .headline_base1 { margin:0 0 20px 0; }
#post_meta .meta { font-size:10px; margin:0 0 15px 0; }
#post_meta .meta a { color:#666; }
#post_meta .meta li { padding:1px 0 2px 70px; margin:0; line-height:150%; }
#post_meta li.date { background:url(img/common/meta_date.gif) no-repeat left; }
#post_meta .meta  li.category { background:url(img/common/meta_category.gif) no-repeat left 4px; }
#post_meta .meta li.tags { background:url(img/common/meta_tag.gif) no-repeat left 4px; }
#post_meta .meta li.link { background:url(img/common/meta_link.gif) no-repeat left 4px; }
#post_meta .meta li.post_comment { background:url(img/common/meta_comment.gif) no-repeat left 4px; }
#post_meta .meta li.price { background:url(img/common/meta_price.gif) no-repeat left 4px; }
#post_meta .meta li.misc { background:url(img/common/meta_misc.gif) no-repeat left 4px; }

#post_image { float:left; width:470px; min-height:450px; text-align:center; position:relative; }
#post_image #loader { position:abslute; left:50%; top:50%; }
#slider { position:relative; width:470px; z-index:0; }
#post_image img { display:block; }
.nivo-controlNav { text-align:center; width:470px; margin:15px 0 0 0; }
.nivo-controlNav a { cursor:pointer; display:inline-block; margin:0 3px; text-indent:-9999px; width:8px; height:8px; background:url(img/common/pager.gif) no-repeat left bottom; }
.nivo-controlNav a.active, .nivo-controlNav a:hover { background-position:left top; }
#main_post #loader { z-index:-9999; position:absolute; left:230px; top:230px; }

/* bookmark */
#bookmark { margin:0 0 0 0; padding:10px 0 10px 0; }
#bookmark li { float:left; background:none; padding:0; }
iframe.twitter-share-button { width: 95px!important; }
#bookmark li.facebook { margin-right:5px; }

/* banner */
#single_banner1 { clear:both; margin:-5px 0 25px 0; text-align:center; position:relative; }
#single_banner2 { clear:both; margin:0; text-align:center; position:relative; top:-20px; }

/* related post*/
#related_post { margin:0 0 20px 0; }
#related_post ul { margin:0 -10px 0 0; }
#related_post li { float:left; display:inline-block; vertical-align:top; margin:0 1px 0 0; width:132px; min-height:165px; }
#related_post li img { width:132px; height:auto; margin:0; display:block; }
#related_post .image { position:relative; display:inline-block; line-height:0; overflow:hidden; }
#related_post .image:after { content:"";  box-shadow:inset 0 0 0 5px rgba(255,255,255, 0.6); position:absolute; top:0; left:0; bottom:0; right:0;
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;
                                -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out;
                                -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
#related_post .image:hover:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:1; }
#related_post li .title { font-size:11px; margin:0; text-align:center; padding:5px 10px; font-weight:normal; }
#related_post li .title a { color:#333; }

/* next prev post link */
#previous_next_post { margin:0; padding:0 0 30px 0; }
#previous_next_post a { color:#333; }
#previous_post a { margin:0; width:42%; float:left; line-height:140%; font-size:10px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; }
#next_post a { margin:0; width:42%; float:right; text-align:right; line-height:140%; font-size:10px; background:url(img/common/arrow_right.gif) no-repeat right 2px; padding:8px 30px 8px 0; }



/* ----------------------------------------------------------------------
 gallery list
---------------------------------------------------------------------- */
#gallery_list { list-style-type:none; margin:0; padding:0; overflow:hidden; border-bottom:1px dotted #ccc; }
#gallery_list li { float:left; width:320px; margin:0 0 -1px 0; padding:0; line-height:0; border-bottom:1px dotted #ccc; }
#gallery_list li ul li { float:none; width:auto; height:auto; border:none; }
#gallery_list .image { background:url(img/common/loader2.gif) no-repeat center center; width:319px; height:180px; position:relative; display:inline-block; line-height:0; overflow:hidden; }
#gallery_list .image:after { content:"";  box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.6); position:absolute; top:0; left:0; bottom:0; right:0;
                             -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;
                             -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out;
                             -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
#gallery_list .image:hover:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:1; }
#gallery_list .image img { display:none;margin-left:auto;margin-right:auto;}
#gallery_list .title { margin:0; border-bottom:1px solid #eee; font-size:16px; line-height:0; margin:0; border-right:1px solid #ccc; overflow:hidden; }
#gallery_list .title a { text-decoration:none; display:block; height:47px; line-height:47px; padding:0 20px; }
#gallery_list .title a:hover {  }
#gallery_list li .meta { height:85px; overflow:hidden; padding:7px 20px 27px; margin:0; font-size:10px; border-right:1px solid #ccc; }
#gallery_list li .meta_desc { height:60px; overflow:hidden; padding:7px 20px 27px; margin:0; font-size:10px; border-right:1px solid #ccc; }
#gallery_list li ul.meta a { color:#666; }
#gallery_list li ul.meta a:hover { }
#gallery_list li ul.meta li { padding:1px 0 2px 70px; margin:0; line-height:150%; }
#gallery_list li ul.meta li.date { background:url(img/common/meta_date.gif) no-repeat left 4px; }
#gallery_list li ul.meta li.category { background:url(img/common/meta_category.gif) no-repeat left 4px; }
#gallery_list li ul.meta li.tags { background:url(img/common/meta_tag.gif) no-repeat left 4px; }
#gallery_list li ul.meta li.link { background:url(img/common/meta_link.gif) no-repeat left 4px; }
#gallery_list li ul.meta li.price { background:url(img/common/meta_price.gif) no-repeat left 4px; }
#gallery_list li ul.meta li.misc { background:url(img/common/meta_misc.gif) no-repeat left 4px; }
#gallery_list li.forth_image .title, #gallery_list li.forth_image .meta, #gallery_list li.forth_image .meta_desc,
 #gallery_list li.third_image .title, #gallery_list li.third_image .meta, #gallery_list li.third_image .meta_desc,
  #gallery_list li.second_image .title, #gallery_list li.second_image .meta, #gallery_list li.second_image .meta_desc
 { border-right:1px solid #fff; }
#gallery_list li .meta_desc p { margin:0; line-height:150%; font-size:12px; font-size:1.2rem; max-height:90px; overflow:hidden; }

.gallery_list2 li {width:160px !important;}
.gallery_list2 .image {width:159px !important; height:90px !important;}
.gallery_list2 .title { font-size:13px !important;}
.gallery_list2 li.forth_image .title, .gallery_list2 li.forth_image .meta, .gallery_list2 li.forth_image .meta_desc,
 .gallery_list2 li.third_image .title, .gallery_list2 li.third_image .meta, .gallery_list2 li.third_image .meta_desc,
  .gallery_list2 li.second_image .title, .gallery_list2 li.second_image .meta, .gallery_list2 li.second_image .meta_desc
 { border-right:1px solid #ccc !important; }
.gallery_list2 li .meta_desc { height:80px !important; }
.gallery_list2 .title a { padding:0 10px !important; }
.gallery_list2 li .meta_desc { height:90px !important;padding:7px 10px 17px !important;}

/* page nav */
.page_navi { margin:20px 0 0 0; }
.page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 10px 0; color:#888; }
.page_navi ul { margin:0; }
.page_navi li { float:left; }
.page_navi a, .page_navi span
 { text-decoration:none; color:#666; font-size:11px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#efefef; 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:#fff; }
.page_navi span.current { color:#fff; background:#c1c1c1; }
.page_navi p.back { margin:0; }
.page_navi p.back a, .page_navi p.back a:hover { display:inline-block; }



/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
.side_headline { border-bottom:1px dotted #ccc; font-size:14px; padding:0 0 0 0px; margin:0 0 20px 0;  }
.side_headline span { border-bottom:2px solid #aaa; margin:0 0 -2px 0; padding:0 0 6px 0; display:inline-block; }

.side_widget { margin:0 0 30px 0; }
.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; font-size:11px; background:url(img/common/line1.gif) no-repeat 2px 9px; padding:0 0 0 10px; }
.side_widget a { color:#666; }
.side_widget img { height:auto; max-width:100%; width:auto; }

/* 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:320%; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#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:4px; -moz-border-radius:4px; border-radius:4px; color:#fff; }
#wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

/* recommend post */
.recommend_widget li { background:none; padding:0 0 7px 0; border-bottom:1px dotted #ccc; margin:0 0 7px 0; }
.recommend_widget li.last { border:none; padding:0; margin:0; }
.recommend_widget .info { }
.recommend_widget .info .date { margin:10px 0 5px 0; line-height:100%; }
.recommend_widget .info .title { font-size:14px; margin:0; }
.recommend_widget .image { float:left; margin:0 15px 5px 0; }
.recommend_widget .image img { display:block; border:1px solid #ccc; padding:1px; }
#footer .recommend_widget li { background:none; padding:0 0 7px 0; margin:0 0 7px 0; }
#footer .recommend_widget li.last { border:none; padding:0; margin:0; }

.fixed_ad { margin:0; position:fixed; top:0px; }

/* search */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s { float:left; width:70%; height:33px; margin:0 0 10px 0; border:1px solid #ccc; background:#f2f2f2; padding:0 3%; box-shadow:2px 2px 3px 0px #ddd inset; -moz-border-radius:4px 0 0 4px; -khtml-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; }
.widget_search #search-btn input, .widget_search #searchsubmit { color:#fff; border:none; float:left;  background:#aaa; height:35px; width:23%; -moz-border-radius:0 4px 4px 0; -khtml-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; }
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover { cursor:pointer; }

/* 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; margin:0 0 20px 0; }




/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
/* logo */
#logo_area { }
#logo { position:absolute; top:32px; left:0px; line-height:120%; font-size:24px; font-weight:normal; margin:0; paddgin:0; }
#logo a { color:#333; text-decoration:none; }
#logo a:hover { }

/* description */
#description { position:absolute; top:62px; left:5px; margin:0; font-size:10px; color:#aaa; font-weight:normal; }

/* global menu */
.menu_button { display:none; }
#global_menu { margin:0; position:absolute; right:0px; bottom:25px; border-right:1px dotted #ccc; padding:0 20px 0 0; }
#global_menu li { float:left; font-size:12px; font-size:1.2rem; }
#global_menu li a { text-decoration:none; color:#333; margin:0 0 0 20px; padding:5px 0 5px 20px; border-left:1px dotted #ccc; }
#global_menu li a:hover { text-decoration:underline; }

/* social bookmark */
#social_link { position:absolute; top:20px; right:170px; margin:0; }
#social_link li { float:left; margin:0 0 0 5px; }
.no_nav #social_link { top:45px; }

/* search */
.search_area { background:url(img/header/search_input.gif) no-repeat left top; position:absolute; right:0px; top:20px; width:162px; }
#search_input { color:#aaa; float:left; font-size:11px; width:115px; margin:5px 0 0 10px; border:none; overflow:hidden; background:transparent; }
#search_button { float:right; }
.no_nav .search_area { top:45px; }

/* breadcrumb navi */
#bread_crumb { width: 960px;margin: 10px auto 10px; padding:0; line-height:0; }
#bread_crumb li { float:left; line-height:22px; height:22px; display:inline; margin:0 12px 0 0; padding:0 15px 0 0; background:url(img/common/arrow1.gif) no-repeat right 8px; font-size:12px; color:#888; }
#bread_crumb li a {color:#666; }
#bread_crumb li a:hover { }
#bread_crumb li.last { background:none; margin:0; padding:0; }




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#return_top { clear:both; display:block; width:29px; height:29px; text-indent:-9999px; background-image:url(img/footer/return_top.gif); background-repeat:no-repeat; background-position:left top; margin:10px 0 0 0; float:right; }
#return_top:hover {  background-image:url(img/footer/return_top.gif); background-repeat:no-repeat; background-position:left bottom; }

#footer_wrap { clear:both; border-top:1px solid #ccc; width:100%; min-width:960px; }
#footer { width:960px; margin:0 auto; }

/* widget area */
#footer_widget { margin:30px 0 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.footer_widget { margin:0 15px 27px 0; width:305px; background:url(img/common/dot1.gif) repeat-y left top; }
.footer_widget_content { margin:0 0 0 15px; }
.footer_headline { font-size:13px; border-left:3px solid #ccc; line-height:100%; margin:0 0 20px -15px; padding:0 0 0 15px; font-weight:normal; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:10px 0 0 0; }
.footer_widget li { line-height:170%; margin:0 0 10px 0; font-size:11px; background:url(img/common/line1.gif) no-repeat 2px 9px; padding:0 0 0 10px; }
.footer_widget a { color:#666; }
.footer_widget img { height:auto; max-width:100%; width:auto; }
.third_widget { margin-right:0; width:320px; }
.third_widget .footer_widget_content { background:url(img/common/dot1.gif) repeat-y right top; padding-right:20px; }

/* copyright */
#copyright { color:#666; clear:both; text-align:center; font-size:11px; margin:-1px 0 0 0; padding:15px 0 0 0; line-height:100px; width:100%; min-width:960px; border-top:1px solid #ccc; position:relative; }
#copyright a { text-decoration:none; color:#666; }
#copyright a:hover { text-decoration:underline; }




/* ----------------------------------------------------------------------
 other layout
---------------------------------------------------------------------- */
.layout2 #main_col, .single_right_side #main_col { width:640px; float:left; }
.layout2 #side_col, .single_right_side #side_col { width:280px; float:right; }
.layout3 #main_col, .single_left_side #main_col { width:640px; float:right; }
.layout3 #side_col, .single_left_side #side_col { width:280px; float:left; }
.layout5 #main_col, .single_right_side #main_col { width:680px; float:left; }
.layout5 #side_col, .single_right_side #side_col { width:250px; float:right; }
.layout6 #main_col, .single_left_side #main_col { width:680px; float:right; }
.layout6 #side_col, .single_left_side #side_col { width:250px; float:left; }

.layout2 .fixed_ad, .layout3 .fixed_ad { width:280px; }
.layout5 .fixed_ad, .layout6 .fixed_ad, .single_right_side .fixed_ad, .single_left_side .fixed_ad { width:250px; }


/* gallery list */
.layout4 #gallery_list li { width:240px; }
.layout4 #gallery_list .image { width:239px; height:auto; }
.layout4 #gallery_list .image img { height:auto; max-width:100%; width:auto; }
.layout4 #gallery_list .image:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.6); }
.layout5 #gallery_list li, .layout6 #gallery_list li { width:226px; }
.layout5 #gallery_list .image, .layout6 #gallery_list .image { width:225px; height:auto; }
.layout5 #gallery_list .image img, .layout6 #gallery_list .image img { height:auto; max-width:100%; width:auto; }
.layout5 #gallery_list .title, .layout6 #gallery_list .title { font-size:14px; }
.layout5 #gallery_list .title a, .layout6 #gallery_list .title a { height:45px; line-height:47px; }
.layout5 #gallery_list .image:after, .layout6 #gallery_list .image:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.6); }


/* single page */
.single_right_side #single_post, .single_left_side #single_post { width:640px; }
.single_right_side #post_meta .meta, .single_left_side #post_meta .meta { margin:0 0 25px 0; }
.single_right_side #single_post #main_post .post, .single_left_side #single_post #main_post .post { float:none; width:640px; }
.single_right_side #post_image, .single_left_side #post_image { float:none; margin:0 auto 0px; }
.single_right_side .post, .single_left_side .post { margin:0 0 50px 0; }

.single_no_side #single_post #main_post .post { width:auto; float:none; }
.single_no_side #post_meta { margin:0 0 0 500px; }
.single_no_side #post_meta .meta { float:left; width:310px; margin:0 0 35px 0; }
.single_no_side .post_content { }
.single_no_side #post_image { margin-right:30px; min-height:0px; }
.single_no_side #post_image #loader { display:none; }

.single_no_image #single_post #main_post .post { float:none; width:auto; }

.single_right_side #related_post, .single_left_side #related_post { margin-bottom:0px; }
.single_right_side #related_post li, .single_left_side #related_post li { float:left; margin:0 1px 20px 0; width:212px; }
.single_right_side #related_post li img, .single_left_side #related_post li img { width:212px; height:auto; margin:0; display:block; }
.single_right_side #related_post .image:after, .single_left_side #related_post .image:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.6); }

.single_right_side .nivo-controlNav, .single_left_side .nivo-controlNav { margin-bottom:20px; }

/* page */
.no_side_page #main_col { width:960px; margin:0 auto; float:none; }



/*全ページ共通*/
img{line-height:0;margin:0;padding:0;vertical-align:top;}
a img{-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
ul,ol{list-style-type : none;margin:0;padding:0;}

a:hover img{opacity: 0.7;filter: alpha(opacity=60);}

.sponly{display: none;}

#page_content{width: 960px;margin: 0px auto;float: none;background-color: rgba(255,255,255,0.4);}
hr.dashGray {height: 2px;border: none;border-top: 2px #ccc dashed;}

/*width*/
.w100p{width:100%;max-width:2560px;background-position:center;background-repeat:no-repeat;}
.w1920{width:100%;max-width:1920px;margin:0 auto;background-position:center;background-repeat:no-repeat;}
.w1080{width:1080px;margin-left:auto;margin-right:auto;}
.w1020{width:1020px;margin-left:auto;margin-right:auto;}
.w1000{width:1000px;margin-left:auto;margin-right:auto;}
.w900{width:900px;margin-left:auto;margin-right:auto;}
.w800{width:800px;margin-left:auto;margin-right:auto;}
.w720{width:720px;margin-left:auto;margin-right:auto;}
.w200{width:200px;margin-left:auto;margin-right:auto;}


.fl {float: left;}
.fr {float: right;}
.fn {float: none;}
.cb {clear: both;}
.center{margin:0 auto !important;}
.ver_t{vertical-align:top;}
.ver_t th,.ver_t td{vertical-align:top;}
.ver_m{vertical-align:middle;}
.ver_b{vertical-align:bottom;}
.tex_l{text-align:left;}
.tex_c{text-align:center;}
.tex_r{text-align:right;}
.d_blo{display:block;}

/*margin*/
.m0p0{margin:0;padding:0;}
.m0p0 li{margin:0;padding:0;}
.m010{margin:0 10px;}
.m020{margin:0 20px;}
.m20{margin:20px;}
.m35{margin:35px;}
.mt_70{margin-top:-70px;}
.mt_60{margin-top:-60px;}
.mt_50{margin-top:-50px;}
.mt_40{margin-top:-40px;}
.mt_30{margin-top:-30px;}
.mt_20{margin-top:-20px;}
.mt_10{margin-top:-10px;}
.mt_5{margin-top:-5px;}
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}
.mt160{margin-top:155px;}
.mt170{margin-top:170px;}
.mtb5{margin:5px 0px;}
.mtb10{margin:10px 0px;}
.mtb20{margin:20px 0px;}
.mr_50{margin-right:-50px;}
.mr_40{margin-right:-40px;}
.mr_30{margin-right:-30px;}
.mr_20{margin-right:-20px;}
.mr_10{margin-right:-10px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr18{margin-right:18px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mb_25{margin-bottom:-25px;}
.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.ml_10{margin-left:-10px;}
.ml_15{margin-left:-15px;}
.ml_20{margin-left:-20px;}
.ml-30{margin-left:-30px;}
.ml_40{margin-left:-35px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml120{margin-left:120px;}
.ml130{margin-left:130px;}
.ml185{margin-left:185px;}
.ml-20{margin-left:-20px;}
.ml25{margin-left:25px;}

/*padding*/
.pl05em{padding-left:0.5em;}
.pl20{padding-left:20px;}
.pl40{padding-left:40px;}
.pl60{padding-left:60px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb60{padding-bottom:60px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p30{padding:30px;}

/*font-size*/
.s58{font-size:60px;font-size:5.8rem;}
.s52{font-size:52px;font-size:5.2rem;}
.s37{font-size:37px;font-size:3.7rem;}
.s36{font-size:37px;font-size:3.6rem;}
.s31{font-size:31px;font-size:3.1rem;}
.s28{font-size:28px;font-size:2.8rem;}
.s24{font-size:24px;font-size:2.4rem;line-height:1.8;}
.black24 span{font-size:24px;font-size:2.4rem;line-height:1.8;}
.s20{font-size:20px;font-size:2.0rem;}
.s18{font-size:18px;font-size:1.8rem;}
.s17{font-size:17px;font-size:1.7rem;}
.s15{font-size:15px;font-size:1.5rem;}
.s14{font-size:14px;font-size:1.4rem;}
.s13{font-size:13px;font-size:1.3rem;}
.s11{font-size:11px;font-size:1.1rem;}
/*line-height*/
.lh09{line-height:0.9;}
.lh10{line-height:1.0;}
.lh11{line-height:1.1;}
.lh12{line-height:1.2;}
.lh13{line-height:1.3;}
.lh14{line-height:1.4;}
.lh15{line-height:1.5;}
.lh16{line-height:1.6;}
.lh17{line-height:1.7;}
.lh18{line-height:1.8;}
.lh20{line-height:2.0;}
.lh22{line-height:2.2;}

/*letter-spacing*/
.ls_009{letter-spacing:-0.09em;}
.ls_008{letter-spacing:-0.08em;}
.ls_005{letter-spacing:-0.05em;}
.ls_003{letter-spacing:-0.03em;}
.ls02{letter-spacing:0.2em;}
.ls01{letter-spacing:0.1em;}
.ls005{letter-spacing:0.05em;}
/*font-weight*/
.fwb{font-weight:bold;}
/*color*/
.c_blue{color:#0068b6;}
.c_blue2{color:#036EB8;}
.c_red{color:#A72225;}
.c_fff{color:#fff;}
a.c_fff{color:#fff;}
.c_green{color:#1eaa39;}
.c_orange{color:#f29600;}
.c_brown{color:#774D23;}

/*background*/
.bcGray{background-color:#F0F0E6;}

/* slider */
#topSlider{margin:0 auto 20px auto !important;background-color:#fff;}
#topSlider .sp-slide{opacity:0.7;background-color:#fff;}
#topSlider .sp-selected{opacity:1;}

#anySlide{margin:30px auto 60px auto !important;max-width:100%;}
#anySlide img{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:500px;}
#anySlide p{text-align:center;}

#authorSlider{margin:30px auto 60px auto !important;width:100%;max-width:960px;}
#authorSlider img{display:block;margin:0 auto;max-width:100%;height:auto;max-height:500px;}
#authorSlider p{text-align:center;}

.topKoushin{width:49%;margin:0 0 20px 0;font-size:14px;font-size:1.4rem;float:left;}
.topKoushin p{margin:0 0 10px 0;padding:3px 5px 3px 20px;font-size:15px;font-size:1.5rem;letter-spacing:0.07em;}
.topKoushin ul{margin:10px 10px 10px 20px;}
.topKoushin ul li{line-height:1.4em;}
.topKoushin_s{width:49%;margin:0 0 20px 0;font-size:14px;font-size:1.4rem;float:right;}
.topKoushin_s p{margin:0 0 10px 0;padding:3px 5px 3px 20px;font-size:15px;font-size:1.5rem;letter-spacing:0.07em;}
.topKoushin_s ul{margin:10px 10px 10px 20px;}
.topKoushin_s ul li{line-height:1.4em;}

/* サポーター */
.writers{
    overflow:hidden;
}
.writers img{
    max-height:200px;width:auto;
}

.writer-profile{
    width: 18%;
    height: 250px;
    margin:1%;
    float:left;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
}

/* contest */
table.contest_ar{margin-top:20px;font-size:15px;font-size:1.5rem;line-height:1.8em;}
table.contest_ar th,table.contest_ar td{vertical-align:top;padding:0;}
table.contest_ar th{width:5em;text-align:left;}
.exh_img{margin:20px 10px 0 0;max-height:500px;width:auto;}
table.old_contest_ar{margin-top:20px;font-size:14px;font-size:1.4rem;}
table.old_contest_ar th,table.contest_ar td{vertical-align:top;padding:0;}
table.old_contest_ar th{width:5em;text-align:left;}
.old_exh_img{margin:20px 10px 0 0;max-height:300px;width:auto;}

/* mailform */
#mailformpro{margin:20px auto 20px auto;}
#mailformpro table{width:100%;}
#mailformpro table th {width: 25%;}
#mailformpro table th, #mailformpro table td {border-bottom: 1px solid #bbb;padding: 15px 10px;}

#mailformpro input[type="text"],#mailformpro input[type="email"], #mailformpro textarea {width: 90%;border-radius: 3px;box-shadow: 0px 0px 5px #CCC inset;padding: 3px 8px;margin: 2px;vertical-align: middle;border: 1px solid #ccc;line-height: 1.8;}
#mailformpro input[type="text"].form-width-s {width: 3em;}
#mailformpro select{border-radius: 3px;box-shadow: 0px 0px 5px #CCC inset;padding: 3px 8px;margin: 2px;vertical-align: middle;border: 1px solid #ccc;line-height: 1.8;}
input[type="submit"] {
    border-radius: 5px;
    background: #e6e6e6;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    border: none;
    padding: 10px 20px;
}
.enkaku{width:100%;font-size:13px;font-size:1.3rem;}
.enkaku th{border: 1px solid #b0b0b0; width: 11%; background-color: #ffefc4;}
.enkaku td{border: 1px solid #b0b0b0;}

/* hiro */
.hnews{margin:0 0 20px 0;padding:10px 0 30px 0;border-bottom:2px #ccc dashed;}
.works{width:30%;height:300px;float:left;margin:3% 3% 0 0;}
.works img{display:block;margin:0 auto;max-width:100%;height:auto;max-height:200px;}