section#blog_tw p{margin-bottom:20px;line-height:170%;}
.blog_content,#blog_tw{padding:0;margin:0;}
.blogdlbtn {
    display: inline-block;
    text-align: center;
    margin: 10px auto;
    padding: 15px 30px;
    font-size: 300%;
    background: #ff6600;
    color: #ffffff!important;
    text-decoration: none!important;
    border-radius: 0.5em;
}
.blogdlbtn:hover{opacity:0.6;}
/** setoadd190325 **/
.pankuzu190325 {
    margin: 0 auto;
    padding-top: 65px;
    background-color: #f7f7f7;
}
.pankuzu_inner {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 180%;
    padding: 10px 0;
}
.pankuzu_inner p{
 font-size:100%;
 text-align:left;
}
@media screen and (max-width: 768px){
.pankuzu_inner {
    width:90%;
}
}
.archive_item {
    float: left;
    width: 30%;
    height: 300px;
    margin-right: 0%;
    border-bottom:none!important;
    padding:10px 20px!important;
}
.archive_item a {
    font-size: 12px;
}
.archive_item .thumbnail_container {
    position: relative;
    width: 100%;
    height: 130px;
    margin: 10px 0;
    overflow: hidden;
}
.archive_item h3 {
    font-size: 14px;
    margin-bottom: 0;
    border-bottom: 1px dotted #ccc;
    text-align: left;
    font-weight: bold;
}
.archive_item p {
    font-size: 12px;
    text-align: left;
}
.archive_item .thumbnail_container img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    width: auto;
    height: 100%;
    max-height: 130px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
@media screen and (max-width: 480px){
.archive_item {
    float: none;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0 auto 60px;
}
}
.archive_item:hover img {
    opacity: 0.6;
}
.category_name {
    font-size: 28px;
    text-align: left;
    padding: 0 0 0 10px;
    margin: 0 0 40px;
    border-left: 5px solid #8cc4ff;
    line-height: 120%;
    color: #017df1;
    font-weight:normal!important;
}
.archive_container .archive_item:nth-child(3n){
    margin-right: 0	;
}
.content_left190325 {
    float: left;
    width: 66%;
    padding: 0px;
    text-align: left;
}
.content_right190325 {
    float: right;
    padding-right: 20px;
    width: 33%;
}
@media screen and (max-width:768px){
    .content_left190325,
    .content_right190325 {
        float: none;
        width: 100%;
        padding: 0 20px;
    }
    .content_left190325{
        margin-bottom: 60px;
    }
}
/*-----------------------sidebar.php*/
.blog_module h3.module_title{
    background-color: #f7f7f7;
    margin-bottom: 0;
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.blog_module ul{
    margin-bottom: 30px;
}
.blog_module ul li{
    padding: 10px;
    border-bottom: 1px dotted #ccc;
    text-align: left;
}
.blog_module ul li:last-child{
    border: none;
}

.search{
    padding: 10px;
    font-size: 14px;
    text-align: left;
}
.search p{
    margin: 5px 0;
    text-align: left;
}
.search p:last-child{
    text-align: center;
}
.search input[name="email"]{
    width :100%;
    padding: 3px;
    font-size: 14px;
    text-align: left;
}
.search input[type="submit"]{
    display: inline-block;
    background-color: #017df1;
    color: #fff;
    line-height: 100%;
    margin: 5px;
    padding: 10px;
    font-size: 14px;
    border: none;
}
.search input[name="unsubscribe"] {
    background-color: #c1c1c1;
}

.blog_module ul.sns_icons {
    text-align: left;
    padding: 0 5px;
}
.blog_module ul.sns_icons li{
    display: inline-block;
    padding: 5px;
    border: none;
    font-size: 36px;
}

.content_wrapper{
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px 0;
}
.content_left{
    float: left;
    width: 66%;
    padding:0 30px 0 20px;
    text-align: left;
}
.content_right{
    float: right;
    padding-right: 20px;
    width: 33%;
}
.share_button {
    margin-bottom: 30px;
    text-align: right;
}
.share_button .btn_container{
    display: inline-block;
    vertical-align: top;
}
@media screen and (max-width:768px){
    .content_wrapper{
        padding: 30px 0;
    }
    .content_left,
    .content_right {
        float: none;
        width: 100%;
        padding: 0 20px;
    }
    .content_left{
        margin-bottom: 60px;
    }
}

#related_entries{
    padding: 30px 0 0;
}
#related_entries h3{
    font-size: 18px;
    margin-bottom: 20px;
}
#related_entries p{
    text-align: left;
}
#related_entries .related_entry{
    display: table;
    margin-bottom: 30px;
    text-decoration: none;
    cursor: pointer;
    word-break: break-all;
    word-wrap: break-all;
}
#related_entries .related_entry:hover{
    opacity: 0.7;
}
#related_entries div.thumb{
    display: table-cell;
}
#related_entries div.thumb span{
    display: block;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#related_entries div.txt{
    display: table-cell;
    padding-left: 20px;
    font-size: 14px;
    text-align: left;
    vertical-align: top;
}
#related_entries div.txt h4{
    margin-bottom: 5px;
    color: #017df1;
    font-weight: bold;
    text-align: left;
}
#related_entries div.txt span{
    display: block;
    color: #27a0db;
    font-size: 90%;
    text-decoration: underline;
}
@media screen and (max-width:480px) {
.archive_item {
        float: none;
        width: 100%;
        max-width: 300px;
        height: auto;
        margin: 0 auto 60px;
    }

.archive_container .archive_item:nth-child(3n) {
        margin-right: auto;
    }

.blog_head h2 {
        font-size: 18px;
    }

.category_name {
        font-size: 20px;
    }
.blog_content h3 {
        font-size: 18px;
    }

.blog_module h3.module_title {
        font-size: 14px;
    }

.blog_info {
        font-size: 12px;
    }

#related_entries div.txt,
#related_entries p {
        font-size: 12px;
    }
.blog_module ul.sns_icons li {
        font-size: 28px;
    }
.blog_content ul li, .blog_content ol li{
        font-size:inherit;
        font-weight:inherit;
    }
}
.blog_head h2{
    margin: 0 0 10px;
    border-bottom: 1px dotted #ccc;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    color: #017df1;
}
/*page navigation*/
.page_navi{
    font-size: 14px;
    text-decoration: underline;
}
.page_navi a{
    color: #017df1;
    text-decoration: underline;
}
.page_navi .prev_post{
    float: left;
    padding-right: 10px;
}
.page_navi .next_post{
    float: right;
    padding-left: 10px;
}
.blog_info{
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
    text-align: left;
    font-size: 14px;
}
.blog_info .meta {
    text-align: left;
}
.blog_info .meta div{
    display: inline-block;
    padding-top: 10px;
    text-align: left;
}
.blog_info .meta div.meta_category{
    margin-right: 10px
}
.blog_info .meta div.meta_category a{
    text-decoration: underline;
}
.blog_info .meta div.meta_tag a{
    display: inline-block;
    border: 1px dotted #dfefff;
    padding: 0 10px;
    background-color: #f7f7f7;
    font-size: 12px;
    margin: 3px 0;
}
/*---bread crumbs---*/
.breadcrumbs0325{
    margin: 0 auto;
    padding-top: 70px;
    background-color: #f7f7f7;
}
.breadcrumbs_inner0325{
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
    text-align: left;
}
@media screen and (max-width:860px){
    .breadcrumbs0325 {
        padding-top: 72px;
    }
}

#blog_tw body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, tr, embed, object, a, img{
 text-align:left;
}
.blog_title01 {
 padding: .5em 0 .5em .75em;
 border-left: 6px solid #ccc;
 border-bottom: 1px solid #ccc;
 font-size: 20px;
 color: #0660c5;
 font-weight: normal;
 margin-bottom:20px;
}
.blog_list li{
 font-size:16px;
}
.blog_img {
 text-align:center;
 margin:20px 0;
}
.blog_title02 {
 font-weight:bold;
}
#blog_tw a {
 color:#27a0db;
}

dl.blog_summery{
  width:60%;
  margin:10px 0;
  padding:10px;
  background-color: #fcfcfc;
  border:1px solid #ccc;
}
dl.blog_summery dt{
  width:100%;
  text-align: center;
  margin:0 0 5px;
  padding:0;
  font-weight: bold;
  font-size:14px;
}
dl.blog_summery dd{
  width:100%;
  text-align: left;
  margin:0 ;
  padding:0;
}
dl.blog_summery dd ol{
  margin:20px 0 20px 30px;
  padding:0;
  text-align: left;
	line-height: 2.5em;
  font-size:100%;
}
dl.blog_summery dd ol li{
  margin:0 0 10px 30px;
  padding:0;
  text-align: left;
	font-size: 1.2em;
}

.fee_table{
	width: 100%;
	border-left: 5px solid #fff;
	border-top: 5px solid #fff;
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 0 rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.1);
	background-color:#fff;
	margin-bottom:0px;
}
.fee_table td,
.fee_table th{
	width: 20%;
	padding: 10px 0;
	border-bottom: 5px solid #fff;
	font-size: 120%;
	font-weight:bold;
}
.fee_table th {
	background-color: #017df1;
	color :#fff;
	font-size: 130%;
	font-weight: normal;
	text-align:center;
}
.fee_table th.mottel_cell{
	background-color:#226EE8;
	font-weight:bold;
	transform: scale(1.07);
}
.fee_table td{
	background-color:#d3eaff;
	padding:10px;
	font-weight:normal;
}
.fee_table td.even_cell{
	background-color:#ebf5fe;
}
.fee_table th.mot_cell{
	background-color:#ffc106;
}
.mottel_cell{
	color:#ff3630;
	font-weight:bold!important;
}
.fee_table td.mottel_cell{
	background-color:#ffdf7f;
}
.fee_table td.even_cell.mottel_cell{
	background-color:#fff1c7;
}
.fee_table span.small{
	font-size:60%;
}

.content_left p a{color:#3399FF;text-decoration:underline;}
.content_left img{width:100%;max-width:640px;margin-bottom:30px;}

/** Added by Tars **/
.blog_content{font-size:16px}.blog_content p{padding:8px 0}.blog_content ul,.blog_content ol{padding-left:24px}.blog_content ul li,.blog_content ol li{list-style:initial;font-size:16px}.blog_content ol li{list-style:decimal}.blog_content h3,.blog_content h4{font-weight:bold}.blog_content h3{font-size:1.2em;margin:8px 0}.blog_content h3.title3{font-size:1.3em;color:#6594e0;border-bottom:dashed 2px #6594e0;text-align:center;margin:8px 0 16px 0}.blog_content h4{font-size:1.1em}.blog_content .link-block{padding-bottom:12px}.blog_content .link-block span{font-size:0.9em}.blog_content table.blog_table{width:100%;font-size:16px}.blog_content table.blog_table th,.blog_content table.blog_table td{border:1px solid #e0e0e0;padding:6px}.blog_content table.blog_table th{background-color:#daf3ff}.blog_content a.cta{display:inline-block;font-size:1em;line-height:1.2em;padding:10px 14px;margin:8px 0;text-align:center;border:1px solid #226ee8;border-radius:5px;text-decoration:none;background-color:#226ee8;color:white;transition:background-color, color 0.6s ease}.blog_content a.cta:hover{background-color:unset;color:#226ee8;transition:background-color, color 0.6s ease}.blog_content .remark{font-size:0.85em;color:#777}a.embed{margin:8px 0 16px 0;max-width:540px;display:inline-flex;align-items:center;height:92px;border:1px solid #ccc;border-radius:4px;text-decoration:none !important;background-color:white}a.embed:hover{background-color:#f1f1f1}@media screen and (max-width: 768px){a.embed{max-width:100%}}a.embed img{width:auto;height:90px;max-width:130px;object-fit:cover;border-top-left-radius:4px;border-bottom-left-radius:4px;margin:0}@media screen and (max-width: 768px){a.embed img{display:none}}a.embed .text{padding:8px 16px;overflow-x:hidden}a.embed .text .title{color:#0660c5;font-size:1.1em;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.embed .text .desc{color:#666;font-size:0.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.embed .text .url{color:#999;font-size:0.7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog_paginate{padding:8px;margin:16px;font-size:16px;text-align:center}
/** Added by 森本 **/
.content_right #sub_box {
    padding: 20px 15px;
    border-radius: 5px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    transition: all 0.3s ease;
    width: 300px;
    z-index: 1000;
}
.content_right #sub_box.fixed {
    /* 固定時のスタイル */
    position: fixed;
    top: 80px;
    width: 300px; /* 横幅を保持 */
    z-index: 1000; /* 他の要素の上に表示 */
}
@media print, screen and (max-width:768px) {
    .content_right #sub_box.fixed {
        display: none !important;
    }
}
.content_right #sub_box #cloudpbx_name {
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
    padding: 0;
}
.content_right #sub_box #cloudpbx_company {
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    padding: 0;
    color: #ccc;
}
.content_right #sub_box img {
    width: 60%;
    max-width:180px;
    margin: 0 auto;
}
.content_right #sub_box dl {
    width: 90%;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
}
.content_right #sub_box dl::after {
    content: "";
    clear: both;
    display: block;
}
.content_right #sub_box dl dt {
    width: 8%;
    margin: 0 auto;
    float: left;
    padding: 3px;
    color: #666;
    font-size: 12px;
    text-align: left;
}
.content_right #sub_box dl dd {
    width: 90%;
    margin: 0 auto;
    float: left;
    padding: 3px;
    color: #000;
    font-size: 12px;
    text-align: left;
}
.content_right #sub_box .side_link1 {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    color: #ffffff;
    border-radius: 5px;
    width: 90%;
    margin: 0 auto 15px;
    min-height: 40px;
    font-weight: bold;
    border-bottom: 4px solid #f57c00;
    transition: 0.3s;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
    background-color: #f57c00;
}
.content_right #sub_box .side_link1:hover {
    box-shadow: 0 0 rgba(0, 0, 0, 0.4);
    border-bottom-width: 2px;
    transform: translateY(2px);
}
.content_right #sub_box .side_link2 {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    color: #ffffff;
    border-radius: 5px;
    width: 90%;
    margin: 0 auto;
    min-height: 40px;
    font-weight: bold;
    border-bottom: 4px solid #000000;
    transition: 0.3s;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
    background-color: #000000;
}
.content_right #sub_box .side_link2:hover {
    box-shadow: 0 0 rgba(0, 0, 0, 0.4);
    border-bottom-width: 2px;
    transform: translateY(2px);
}
.content_right #sub_box .side_link1 a, .content_right #sub_box .side_link2 a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}