@charset "utf-8";
/* ======================================================
default
========================================================= */
/* setting
-------------------------------------------------- */
body{ margin: 0; padding: 0;}
body { background: #fff7eb; color: #333; font-size: 14px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; line-height: 1.231;}

a { color: #445566; text-decoration: none;}
a:visited { color: #445566;}
a:hover {color: #c5171e; text-decoration: underline;}
a:active { color: #c5171e; text-decoration: underline;}

a:hover.imageOver, a img:hover { text-decoration: none; opacity: 0.8; -ms-filter: "alpha(opacity=80)"; text-shadow: none; box-shadow: none; transition-duration: 0.3s; transition-property: background;}

ul{ margin: 0; padding: 0;}
li{ list-style: none;}

/* current
-------------------------------------------------- */
.current{ color: #fff; background: #8EB8FF;}
.current a{ color: #fff;}

/* align
-------------------------------------------------- */
.leftAlign { text-align: left !important;}
.centerAlign { text-align: center !important;}
.rightAlign { text-align: right !important;}
.justifyAlign { text-align: justify !important;}

/* table
-------------------------------------------------- */
table { margin:0 0 30px 0; width: 100%; }
table h3{ font-size: 14px;}
td, th { border:1px solid #ddd; padding:10px; text-align: left; vertical-align: top; line-height: 150%;}
th{ width: 30%; font-weight:normal;}
th span { color:#8EB8FF;}
td { margin: 0 10px;}
@media only screen and (max-width:420px){
    table{ margin: 0 0 20px 0; width: 100%;}
    tr{
        display: block;
        padding: 20px 0;
        border-top: 1px solid #ddd;
        width: 99%;
    }
    th{
	    margin: 0;
	    padding: 0;
    }
    td{
	    margin: 0;
	    padding: 0;
    }
    th,td{
        display: list-item;
        border: none;
        list-style: none;
        width: 96%;
    }
    textarea{
	    width: 100%;
	    border-radius: 0px;
    }
}
.listBulletSquare {
list-style: square outside none;
margin: 0 0 10px 20px;

}
.listBulletSquare li {
margin-top: 3px;
}
.listBulletSquare li:first-child {
margin-top: 0;
}

/* etc
-------------------------------------------------- */
.target{ background: url(../../../wp-content/uploads/icon_target.gif) no-repeat right center; padding-right:20px !important; margin-right:5px !important;}
.targetTop{ background: url(../../../wp-content/uploads/icon_target.gif) no-repeat right center; padding-right:20px !important; margin-right:5px !important;}
hr {margin: 30px 0; border: 1px solid #ddd;}
img { border: 0 none; max-width: 100%; height:auto;}

.archive_link{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100%;}
.archive_link a{ display: block;}

/* clearfix
-------------------------------------------------- */
/* For modern browsers */
.clr:before,
.mc:before,
.ms:before,
.clr:after,
.mc:after,
.ms:after {
display: table;
content: "";
}

.clr:after,
.mc:after,
.ms:after {
clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clr {
zoom: 1;
clear: both;
}

/* btn */
.btn { background: -moz-linear-gradient(top,#8EB8FF 0%,#4682B4); background: -webkit-gradient(linear, left top, left bottom, from(#8EB8FF), to(#4682B4)); border: 1px solid #8EB8FF; color:#fff; width: 30%; border-radius: 16px;}
.btn p{ margin: 0;}
.btn a{ padding: 0; text-align: left; color: #fff; text-align: center; font-weight: bold;}
.btn:hover { color: #c5171e; background-position: 0;}


/* arrow
-------------------------------------------------- */
.arrowDown{
position: relative;
width: 0;
height: 0;
margin: 0 auto;
border: 16px solid transparent;
border-top-color: #999;
}

.arrowDown:after{
position: absolute;
content: '';
top: -32px;
left: -8px;
width: 16px;
height: 16px;
background: #999;
}

/* ======================================================
Breadcrumbs
========================================================= */
#breadcrumbsWrap{ width: 100%; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.breadcrumbs, .breadcrumbs a { color: #9f9f9f; font-size: 11px; max-width: 1170px;}
.breadcrumbs br{ display: none;}

/* ======================================================
headline
========================================================= */
.headline1{ font-size: 14px; margin: 0 0 10px 0; color: rgb(255,187,0);}

/* ======================================================
header
========================================================= */
/* global
-------------------------------------------------- */
#globalHeader { position: relative; z-index: 9999;}
.globalHeaderInnerWrap{ overflow: hidden; height: auto;}
#logo{ float: left; width: 245px; margin: 10px 0;}
#logo img{ width: 100%;}

/* Header headerNavList
-------------------------------------------------- */
#headerNav { overflow: hidden;}
#headerNavList{ float: right; margin: 0; padding: 0; width: 765px;}
#headerNav #headerNavList{ padding: 20px 0; float: right;}
#headerNavList li { float: left; vertical-align: middle; padding: 0; width: 50%;}
#headerNavList li a { display: block; padding:0; text-decoration: none; text-align: center;}
#headerNavList li a img{ width: 100%; height: auto;}
.navbar-inner .containar{ float: left;}


/* ======================================================
Post
========================================================= */
/* Post
-------------------------------------------------- */
#single_post h2{ background-color: #8EB8FF;border-radius: 8px;color: #ffffff;font-size: 22px;font-weight: bold;line-height: 1.3em;margin: 0 0 14px;padding: 7px 10px 5px;width: 750px;}
#single_post .contents{ line-height: 180%;}
#single_post .post .notes{ color: #8EB8FF; font-size: 90%; overflow:hidden;}
#single_post .post p{ margin: 0 0 20px 0;}
#single_post .post h4{ font-size: 16px; margin: 10px 0;}
#single_post .post .postBox{ width: 100%; clear: both; overflow: hidden;}
#single_post .post .postBox p{ overflow: hidden;}
#single_post .post .postBox .thum{float: left; width: 180px;  overflow: hidden;}
#single_post .post .postBox .exp{  padding: 0 0 0 10px;}
#single_post .post .postBox dl{ float: left; width: 40%; margin-right: 20px;}
#single_post .post .postBox dl dd{ margin: 0 0 10px 0;}

.post.contents h1{ font-size: 3.25rem; line-height:130%; margin: 10px 0;}
.post.contents h2{ font-size: 3.0rem; line-height:120%; margin: 10px 0;}
.post.contents h3{ font-size: 2.25rem; line-height:130%; margin: 10px 0;}
.post.contents h4{ font-size: 1.25rem; line-height:120%; margin: 10px 0;}
.post.contents h5{ font-size: 0.8rem; line-height:110%;  margin: 10px 0;}
.post blockquote { background: none; border-radius:0px; margin: 10px 0;}
.post blockquote p{ margin: 0 !important;}


/* Post Meta
-------------------------------------------------- */
#single_post .meta { font-size:11px; margin: 0 0 20px 0;}
#single_post .meta a { background: #445566; color:#fff; padding: 5px; display: block; text-decoration: none; }
#single_post .meta .date { float:left; margin:0 25px 0 0; line-height:150%; }
#single_post .meta ul { float:left; margin:0 20px 0 0; }
#single_post .meta li { float:left; line-height:150%; margin:0 5px 0 0; }
#single_post .meta ul.post_category {}
#single_post .meta ul.post_tag { background:url(..img/common/icon_tag.png) no-repeat left 3px; padding:0 0 0 16px; }
#single_post .meta .post_comment { float:left; margin:0; line-height:150%; background:url(..img/common/icon_comment.png) no-repeat left 3px; padding:0 0 0 18px; }

/* profile
-------------------------------------------------- */
#single_post .profile{margin: 0 0 14px;overflow: hidden;padding: 0 30px;text-align: center;}
#single_post .profile h3{ margin: 0 !important;}
#single_post .profile .left{background-color: #8EB8FF;border-radius: 10px;color: #fff;float: left;line-height: 1.5em;margin: 0 15px 0 0;padding: 10px;text-align: left;}
#single_post .profile .right{float: left;margin: 0;padding: 6px 0;}

/* buy
-------------------------------------------------- */
.buy{ margin: 30px 0;}
.btn01{ background: -moz-linear-gradient(top,#ffadc0 0%,#ff84a0); background: -webkit-gradient(linear, left top, left bottom, from(#ffadc0), to(#ff84a0)); border: 1px solid #8EB8FF; color:#fff; width: 30%; border-radius: 16px; padding: 20px;}
.btn01 a{ font-weight: bold; font-size: 24px; color: #fff; text-align: center; display: block;}
.btn01 a:hover{ text-decoration: none;}

/* photothum
-------------------------------------------------- */
.photothum { overflow: hidden; margin: 10px 0;}
.photothum ul li{ float: left; margin: 5px; border: 1px solid #8EB8FF;}
.photothum ul li:first-child{ margin: 5px 5px 5px 0;}
.photothum ul li:nth-child(5),.photothum ul li:nth-child(10){ margin: 5px 0 5px 5px;}
.photothum ul li a{ display: block; border: 1px solid #fff; overflow: hidden; width: 142px; height: 142px;}
.photothum ul li img{ width: 100%; height: auto; }

/* etc
-------------------------------------------------- */
.etc{ clear: both; margin: 30px 0; overflow: hidden; text-align: center;}
.box_left{ float: left;}
.box_right{ width: 770px; width: 100%;}
.box_right h3{background-color: #8EB8FF;border-radius: 8px;color: #ffffff;font-size: 22px !important;font-weight: bold;line-height: 1.3em;margin: 0 0 14px;padding: 7px 10px 5px;width: 100%; width: 100%%;}
.box_right table{  width: 770px; width: 100%;}
.box_right table td.left{ background:#8EB8FF; font-weight: bold; color: #fff;}

/* ======================================================
Social Button
========================================================= */
.navi{ overflow: hidden; width: 100%;}
.navi dl{ width: 100%; margin: 0 auto;}
.navi dl dd{ margin: 0; padding: 0;}
.navi dl dd.left{ float: left;}
.navi dl dd.right{ float: right;}

/* ======================================================
top page
========================================================= */
.informationlistWrap{ margin: 0 0 20px 0;}
h3.title{ overflow:hidden; font-size: 18px; color: #fff; margin: 0; padding: 5px;}

/* main_col */
#main_col{ width: 770px; float: left;}

/*side_col*/
#side_col{ width: 240px; float: right;}


/*pageWrapper*/
#wrapper, #pageWrapper{ background: #fff; margin: 0 auto; width: 1030px;}
#wrapper{padding: 10px;}



/* ======================================================
Topic List
========================================================= */
#topics_list ul { padding: 0;}
#topics_list ul li { clear: both; overflow: hidden;}
#topics_list a{ text-decoration: none; overflow: hidden;}
#topics_list img{ float: left; overflow: hidden; width: 65px; height: auto; border: 0 none; overflow: hidden;}
#topics_list .exp{font-size: 100%; line-height: 150%; overflow: hidden; padding: 0 0 0 10px;}
#topics_list .exp h4.title{ color: #8EB8FF; margin: 10px 0;}
.more{ text-align: right; display: block;}

/* ======================================================
Press List
========================================================= */
.presslistWrap{ overflow: hidden;}
#press_list a{ text-decoration: none; overflow: hidden;}
#press_list a.more{ margin: 10px 0 0 0; padding: 5px; border-top: 1px solid #ddd;}
#press_list ul{ width: 770px; overflow: hidden; padding: 0;}
#press_list ul li{ overflow: hidden; border: 0 none; position: relative; border-bottom: 1px solid #ddd;}
#press_list ul li.box{ width: 250px; margin: 5px; padding: 0; float: left; border: 0 none; min-height: 575px; background:#8EB8FF; border-radius:6px; }
#press_list ul li.box:first-child{ margin: 5px 5px 5px 0;}
#press_list ul li.box:nth-child(3), #press_list ul li.box:nth-child(6), #press_list ul li.box:nth-child(9) { margin: 5px 0 5px 5px;}
#press_list ul li.box:nth-child(4), #press_list ul li.box:nth-child(7), #press_list ul li.box:nth-child(8) { margin: 5px 5px 5px 0;}
#press_list ul li.box a{ display: block;}
#press_list ul li.box .exp{border-bottom: 4px solid #fff; }
#press_list ul li.box .date { color: #fff; font-weight: bold; text-align: right; padding: 5px; display: block;}
#press_list ul li img{ float: left; height: auto;}
#press_list .wp-post-image{ width: 250px; height: 355px; overflow: hidden; border-bottom: 4px solid #fff;}
#press_list .thum .attachment-thumbnail{ width: 49.2%; height: auto; float: left;}
#press_list .thum .attachment-thumbnail:first-child{ border-right: 4px solid #fff;}
#press_list ul li .item{ width: 100%; height: auto; overflow: hidden;}
#press_list ul li .thum { border-bottom: 1px solid #fff; } 
#press_list ul li .genre .label{ float: left; padding: 0 10px 0 0;}
#press_list ul li h3{ clear: both;}
#press_list ul li p{ text-align: left; line-height: 150%; overflow: hidden; margin: 0;}
.icon-up-open.icon-left a:before, .icon-up-open.icon-right a:after, i.icon-up-open:before {
    content: "";
    height: inherit;
}
#press_list .btn{ float: right; padding: 10px 0; margin: 10px 0 0 0;}

/* ======================================================
Archive List
========================================================= */
#archiveList ul{ width: 100%; overflow: hidden; padding: 0;}
#archiveList ul li { clear: both; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #8EB8FF;}
#archiveList a{ text-decoration: none; overflow: hidden; display: block;}
#archiveList img{ float: left; overflow: hidden; width: 150px; height: auto;  overflow: hidden;}
#archiveList .exp{font-size: 100%; line-height: 150%; overflow: hidden; padding: 0 0 0 10px;}
#archiveList .exp .date{ font-weight: bold;}
#archiveList h3.title{ color: #8EB8FF; margin: 10px 0; padding: 0 0 0 10px;}
.more{ text-align: right; display: block;}

/* ======================================================
Sidebar
========================================================= */
#side_col{ background: none}
#side_col ul li{ border-bottom: 1px solid #0095ff;}
#side_col ul li:last-child{ border-bottom: 0 none;}
#side_col ul li.cat-item-none{ padding: 15px 10px;}
#side_col ul li.current_page_item a, .current-cat a{ border-radius: 4px; margin: 10px; color: #fff !important;}
#side_col ul li.current_page_item ul.children li a, .current-cat ul.children li a{ background: 0 none; border-radius: 0px; margin: 0; color: #445566 !important;}
#side_col ul li a{ color: #8EB8FF; display: block; text-decoration: none; transition-duration: 0.3s; transition-property: background; }
#side_col ul li a:last-child{ border-bottom: 0 none;}
#side_col ul li a span{ float: left;}
#side_col .page_item_has_children ul.children a{ border-bottom: 0 none;}
#side_col .menu{ border-top: 4px solid #c5171e; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin: 0 0 20px 0; clear: both;}
#side_col .side_widget{ border: 1px solid #0095ff; margin: 0 0 10px 0; border-radius: 6px;}
#side_col .side_widget h3{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #4682B4), color-stop(0.00, #8EB8FF));background: -webkit-linear-gradient(top, #8EB8FF 0%, #0095ff 88%);background: -moz-linear-gradient(top, #8EB8FF 0%, #4682B4 88%);background: -o-linear-gradient(top, #8EB8FF 0%, #4682B4 88%);background: -ms-linear-gradient(top, #8EB8FF 0%, #4682B4 88%);background: linear-gradient(to bottom, #8EB8FF 0%, #4682B4 88%); color: #fff; margin: 0; padding: 10px 0 10px 10px;}
#side_col #npcatch li .title{color: #ff3262; font-weight: bold; padding: 5px 10px;}
#side_col #npcatch li .title span.date{ color: #ddd; font-weight: normal;}
#side_col #npcatch img{ padding:5px 0 5px 5px;}
.wpp-list li{ overflow: hidden; padding: 5px 0 5px 5px;}
.wpp-post-title{ padding: 5px; font-weight: bold;}
.recommend_widget{}
.recommend_widget ul{ overflow: hidden;}
.recommend_widget ul li{ clear: both; overflow: hidden; border-bottom: 1px solid #ffb480; padding: 5px;}
.recommend_widget ul li a { display: block;}
.recommend_widget ul li .image{ float: left;}
.recommend_widget ul li .info{ float: right; width: 80%;}
.recommend_widget ul li .info .title{ font-weight: bold;}(top,#8EB8FF 0%,#4682B4)
/* ======================================================
searchform
========================================================= */
#side_col #searchform{ margin: 0; }
#side_col #searchform label.screen-reader-text{ display: none;}
#side_col #searchform input#s{ width: 60%; margin: 10px 0 10px 10px; padding: 5px;}
#side_col #searchform input#searchsubmit{ width: 22%; height: 30px; background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fff 0%, #eee) repeat scroll 0 0; border: 1px solid #ddd;}

/* ======================================================
404
========================================================= */
.notfound #side_col .menu{ border-bottom: 0 none;}
.notfound #side_col ul li.page_item { border: 0 none;}
.notfound #side_col ul li.page_item a{ border-bottom: 1px solid #ddd; }
.notfound #side_col ul li.page_item span { color:  #aaa; font-size: 80%;}
.notfound #side_col ul li.page_item ul.children { margin: 0;}
.notfound #side_col ul li.page_item ul.children li a{ position: relative; display: block; margin: 0; padding: 20px 40px 20px 30px; text-decoration: none; font-size: 90%;}
.notfound #side_col ul li.page_item ul.children li a:after{ border-right: 2px solid #ddd; border-top: 2px solid #ddd; content: ""; display: block; height: 6px; margin-top: -4px; position: absolute; right: 15px; top: 50%; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5); width: 6px;}

/* ======================================================
Page
========================================================= */
.containerWrap{ overflow: hidden;}
.pageTitle{ font-size: 28px;}
.pageTitleWrap{ margin: 20px 0; width: 100%; height: auto;}

h2.pageTitle{ margin: 0 auto; line-height: 100%;}
h2.pageTitle:before, h2.pageTitle:after { content: " "; display: table;}
.pageTitle span{ font-size: 60%; display: block;}
.companyname{ text-align: right;}


/* ======================================================
Service Information
========================================================= */
.service-information #headerNavList li.page-item-10 a{ background: #a40000; color: #fff}
.service-information #headerNavList li.page-item-10 a span{ color: #fff;}
.service-information #press_list ul li.box {width: 48%; margin: 0 20px 20px 0; padding: 0; float: left; border: 0 none; min-height: 180px;}
.service-information #press_list ul li.box.list2, .service-information #press_list ul li.box.list4, .service-information #press_list ul li.box.list6, .service-information #press_list ul li.box.list8, .service-information #press_list ul li.box.list10{ float: right; margin-right: 0;}
.service-information .item .exp p { font-size: 80%;}


/* ======================================================
sitemap Page
========================================================= */
.sitemapPage li{ list-style: none; margin: 0 0 20px 0;}
.sitemapPage li span{ font-size: 80%; color: #aaa;}
.sitemapPage li.page_item_has_children a, .sitemapPage li.sitenavi-pages a{ display: block; border-bottom:  1px solid #ddd; font-size: 16px; margin: 0 0 10px 0; padding: 0 0 5px 0;}
.sitemapPage li.page_item_has_children ul.children li a, .sitemapPage li.sitenavi-pages ul.children li.sitenavi-pages a{ border-bottom: 0 none; font-size: 14px; margin: 0;}
.sitemapPage ul.children li{ margin: 0 0 0 30px;}

/* ======================================================
Page Numbers
========================================================= */
#wp_page_numbers { border-top: 1px solid #ddd; margin: 0 !important; padding: 20px 0 0 0;}
#wp_page_numbers li.page_info{ display: none !important;}
#wp_page_numbers li a{ padding: 15px 15px !important; border: 1px solid #ddd; font-size: 16px; }
#wp_page_numbers li a:hover{ background: #c5171e; color: #fff; opacity: 0.8; -ms-filter: "alpha(opacity=80)";}
#wp_page_numbers li.active_page a { background: #c5171e; border: 1px solid #c5171e !important; color: #fff;}
#wp_page_numbers li.active_page a:hover{ text-decoration: none !important; color: #fff !important;}

/* ======================================================
Footer
========================================================= */
#footer { clear: both; overflow: hidden; margin: 0 auto; padding: 10px; background: #fff;color: #8EB8FF;font-size: 14px;line-height: 1.5em;text-align: center;width: 1030px; }

/* Page Top
-------------------------------------------------- */
.backtotop { position: fixed; right: 20px; bottom: 20px; z-index: 9000; display: none;}
.backtotop a { background: #fff; border:1px solid #ddd; display: block; padding: 15px; margin: 0; border-radius: 4px; text-decoration: none; font-weight: bold; font-size: 14px;}
.backtotop a:hover { border:1px solid #8EB8FF; color: #8EB8FF;}

/* デバイスの横幅が375px以下の場合
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 375px) {
.backtotop { right: 10px; bottom: 10px;}
.backtotop a { padding: 10px; font-size: 14px;}
}

/* ======================================================
copyright
========================================================= */
#copyright{ background: #CCCCFF; color: #fff; clear: both; font-size: 12px;  padding: 5px 10px; width: 1030px; margin: 0 auto;}
#copyright { height: 25px; }
#copyright p{text-align: center; color: #9f9f9; font-size: 80%;}
#copyright a { text-decoration: none;}
#copyright a:hover{ text-decoration: underline;}
.caution{}