@charset "utf-8";

/*-------------- 消去・編集不可 ---------------------------------------------

License: GNU General Public License
License URI: license.txt
Theme URI: https://templx.com/
Theme Name: template-x2h
Author: TEMPLX
Author URI: https://templx.com/
Description: レスポンシブウェブデザイン(Responsive Web Design)｜TEMPLX

 『こちらのテンプレートは編集、再販、譲渡を許可していますが
 購入後でも著作権は TEMPLX にあります。
 上記、著作権者やURL等の変更、消去を禁止します。』

--------------- 消去・編集不可 --------------------------------------------- */

/*** Google Font ***/
/*
* Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess
* This Font Software is licensed under the SIL Open Font License, Version 1.1.
* License:/font/notosansjapanese/SIL_Open_Font_License_Version_1_1.txt
*/
/**********************************************************************************
@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:100;
src:local('Noto Sans Japanese'), url('font/notosansjapanese/otf/NotoSansJP-Thin.otf') format('opentype');
src:url('font/notosansjapanese/woff/NotoSansJP-Thin.woff') format('woff');
}
@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:200;
src:local('Noto Sans Japanese'), url('font/notosansjapanese/otf/NotoSansJP-Light.otf') format('opentype');
src:url('font/notosansjapanese/woff/NotoSansJP-Light.woff') format('woff');
}
@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:300;
src:local('Noto Sans Japanese'), url('font/notosansjapanese/otf/NotoSansJP-DemiLight.otf') format('opentype');
src:url('font/notosansjapanese/woff/NotoSansJP-DemiLight.woff') format('woff');
}
@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:400;
src:local('Noto Sans Japanese'), url('font/notosansjapanese/otf/NotoSansJP-Regular.otf) format('opentype');
src:url('font/notosansjapanese/woff/NotoSansJP-Regular.woff') format('woff');
}
@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:500;
src:local('Noto Sans Japanese'), url('font/notosansjapanese/otf/NotoSansJP-Medium.otf') format('opentype');
src:url('font/notosansjapanese/woff/NotoSansJP-Medium.woff') format('woff');
}
@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:700;
src:local('Noto Sans Japanese'), url('font/notosansjapanese/otf/NotoSansJP-Bold.otf') format('opentype');
src:url('font/notosansjapanese/woff/NotoSansJP-Bold.woff') format('woff');
}
@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:900;
src:local('Noto Sans Japanese'), url('font/notosansjapanese/otf/NotoSansJP-Black.otf') format('opentype');
src:url('font/notosansjapanese/woff/NotoSansJP-Black.woff') format('woff');
}
**********************************************************************************/

@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:200;
src:local('Noto Sans Japanese'), url('font/notosansjapanese/otf/NotoSansJP-Light.otf') format('opentype');
src:url('font/notosansjapanese/woff/NotoSansJP-Light.woff') format('woff');
}
@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:700;
src:local('Noto Sans Japanese'), url('font/notosansjapanese/otf/NotoSansJP-Bold.otf') format('opentype');
src:url('font/notosansjapanese/woff/NotoSansJP-Bold.woff') format('woff');
}

/*** Google Font ***/

/*** Font Awesome ***/
.icon::before {
  content:'f35a';
  font-family:'Font Awesome 5 Free'
  font-weight:900;
}

/*** Css初期化 ***/
html, body, div, h1, h2, h3, h4, h5, h6, p, span, header, footer, nav, aside,
small, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
strong, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, dialog, blockquote, figure,
menu, section, time, mark, object, audio, video {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
word-break:break-all;
word-wrap:break-word;
}

section, header, footer, aside, article, menu, nav, details, figcaption, figure {
display:block;
}

h1, h2, h3, h4, h5, h6, strong, em {
font-weight:normal;
}

body { 
font-family:"Noto Sans Japanese","メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size:15px;
text-align:center;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
color:#727272;
}

html {
}

.clear {
clear:both;
}

img {
border:none;
vertical-align:bottom;
}

ul,ol {
list-style:none;
}

a {
color:#727272;
outline:none;
text-decoration:none;
transition:0.7s;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
-ms-transition:0.7s;
}

a:hover, a:active {
color:#b5b5b5;
}

/*【wrapper】 --------------- */

#wrapper {
width:100%;
text-align:center;
float:left;
}

#wrap {
width:100%;
padding-bottom:80px;
float:left;
}

#wrap-in {
width:1200px;
margin:0 auto;
}

#top-main {
width:840px;
float:left;
}

#wrapper-loading {
width:100%;
height:100%;
background:#fff;
position:fixed;
top:0;
left:0;
z-index:1000;
}

#wrapper-loading img {
margin:-30px 0 0 -30px;
position:fixed;
top:50%;
left:50%;
}

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


/* 【main image】 --------------- */

/***slider***/

#main-img {
width:100%;
margin-bottom:100px;
float:left;
position:relative;
overflow:hidden;
}

#main-img ul,
#main-img ul li {
float:left;
display:inline;
overflow:hidden;
}

.main-img-in,
.main-img-box {
position:absolute;
top:0;
overflow:hidden;
}

#main-img ul li img {
width:100%;
min-width:100%;
height:auto;
float:left;
}

#main-img .prevslide,
#main-img .nextslide {
width:50px;
height:50px;
cursor:pointer;
position:absolute;
z-index:10;
}

#main-img .prevslide {
background:url(images/img-prev.png) no-repeat;
left:10px;
}

#main-img .nextslide {
background:url(images/img-next.png) no-repeat;
right:10px;
}

/*********************************
ページングが必要ない場合
※.wideimg-butを記述
**********************************/

/*
.wideimg-but {
display:none!important;
}
*/

.wideimg-but {
width:100%;
height:auto;
text-align:center;
position:absolute;
left:0;
bottom:0;
z-index:10;
visibility:visible;
overflow:hidden;
}

.wideimg-but p {
width:30px;
height:20px;
margin:5px 0;
background:url(images/img-bottom-but.png) no-repeat;
cursor:pointer;
overflow:hidden;
display:inline-block;
z-index:10;
}

.wideimg-but p.slidebut {
filter:alpha(opacity=80)!important;
-moz-opacity:0.8!important;
opacity:0.8!important;
}


/**********************************
*********************************/


/***still***/
#main-img-h {
width:100%;
margin-bottom:100px;
float:left;
}

#header-img {
width:100%;
float:left;
position:relative;
}

#main-img-h img {
width:100%;
height:auto;
}

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


/*【header】 --------------- */

header.site-header {
width:100%;
background:#fff;
float:left;
}

#header-in {
width:1200px;
margin:0 auto;
}

header.site-header h1,
header.site-header p.ps-title {
width:30%;
text-align:left;
float:left;
}

.subpage header.site-header {
border-bottom:1px solid #f0f0f0;
}

#top-space {
width:1200px;
margin:0 auto;
color:#fff;
position:relative;
}

#top-space-in {
width:40%;
padding:40px 20px 60px;
background:url(images/top-space.png) repeat;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
position:absolute;
left:0;
z-index:1;
}

#top-space-arrow {
width:100%;
padding-top:40px;
float:left;
}

#top-space-arrow p.arrow {
width:50px;
height:50px;
background:url(images/top-space-arrow.png) no-repeat;
position:absolute;
bottom:20px;
}

#header-scroll {
width:100%;
float:left;
}

.fixation-scroll {
width:100%;
position:fixed;
top:0;
left:0;
z-index:1000;
box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
-webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
}

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


/*【header menu】 --------------- */

#menu-default,
#menu-original {
position:relative;
}

#main-menu ul.parent {
width:70%;
margin-top:19px;
text-align:right;
float:left;
position:relative;
}

#main-menu ul.parent li {
display:inline-block;
position:relative;
}

#main-menu ul.parent li a {
padding:0 10px;
height:40px;
line-height:40px;
display:block;
float:left;
position:relative;
z-index:1;
}

#main-menu ul.child {
width:180px;
text-align:left;
display:none;
position:absolute;
left:0;
top:40px;
z-index:1;
}

#main-menu ul.child li {
width:234px;
padding:10px 8px;
background:#fff;
border-bottom:1px solid #f0f0f0;
float:left;
}

#main-menu ul.child li a {
width:208px;
height:auto;
line-height:normal;
padding:0 0 0 18px;
background:url(images/icon1.png) no-repeat left center;
float:left;
}

#main-menu li.borderslide {
height:40px;
display:block;
position:absolute!important;
left:0;
top:0;
}

#main-menu li.borderslide span {
height:38px;
border:1px solid #a2a2a2;
display:block;
position:relative;
}

#menu-original ul.parent li a {
height:auto!important;
line-height:normal!important;
padding:0 1px!important;
}

#menu-original ul.child li a {
margin:0;
padding:0 0 0 18px!important;
}

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


/* 【widget】 --------------- */

#widget-area {
width:300px;
text-align:center;
float:right;
}

aside.widget {
width:100%;
margin-bottom:30px;
float:left;
}

#widget-area h2 {
width:298px;
padding:10px 0;
background:#fff;
border:1px solid #f0f0f0;
text-align:left;
font-size:16px;
}

#widget-area h2 span {
margin-left:15px;
}

#widget-area ul {
width:100%;
padding:0 0 10px;
float:left;
}

#widget-area ul li {
width:98%;
padding:15px 1%;
border-bottom:1px #b6b6b6 dotted;
text-align:left;
float:left;
}

#widget-area ul li a {
padding-left:20px;
background:url(images/icon1.png) no-repeat center left;
float:left;
}

#widget-area li.cat-item a {
display:inline!important;
}

#widget-area ul.children {
padding:0!important;
border:0;
}

#widget-area ul.children li {
margin-top:5px;
margin-bottom:0!important;
padding:0!important;
border-bottom:none!important;
}

#widget-area ul.children li a {
background:url(images/icon2.png) no-repeat left center;
}

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


/* 【top new post1】 --------------- */

#top-post1 {
width:100%;
margin-bottom:100px;
float:left;
}

#top-post1 .txpost-advanced {
width:100%;
margin-bottom:10px;
float:left;
}

#top-post1 .txpost-advanced h2 {
width:100%;
font-size:50px;
position:relative;
}

#top-post1 .txpost-advanced h2:before {
width:100%;
border-top:1px solid #f0f0f0;
position:absolute;
top:50%;
left:0;
content:"";
}

#top-post1 .txpost-advanced h2 span {
display:inline-block;
padding:0 20px;
background:#fff;
position:relative;
}

#top-post1 #txpost-h2,
#top-post1 #txpost {
width:100%;
float:left;
}

#top-post1 .txpost-box {
width:100%;
margin-bottom:1px;
padding:20px 0;
border-bottom:1px solid #f0f0f0;
float:left;
}

#top-post1 #txpost-h2 .txpost-box-in,
#top-post1 #txpost .txpost-box-in {
width:840px;
margin:0 auto;
text-align:left;
}

#top-post1 .txpost-thumbnail,
#top-post1 .txpost-noimage {
width:160px;
height:79px;
float:left;
} 

#top-post1 .txpost-thumbnail p,
#top-post1 .txpost-noimage p {
width:120px;
height:75px;
border:2px solid #a2a2a2;
float:left;
overflow:hidden;
}

#top-post1 .txpost-thumbnail img,
#top-post1 .txpost-noimage img {
width:120px;
height:auto;
}

#top-post1 #txpost-h2 .txpost-box-right,
#top-post1 #txpost .txpost-box-right {
width:680px;
float:left;
}

#top-post1 .txpost-date,
#top-post1 .txpost-title {
width:100%;
float:left;
}

#top-post1 .top-posttags {
width:100%;
padding-top:10px;
text-align:right;
font-size:12px;
float:left;
}

#top-post1 .top-posttags p {
margin-left:5px;
border:1px solid #f0f0f0;
display:inline-block;
}

#top-post1 .top-posttags p span {
width:14px;
height:18px;
background:url(images/icon3.png) no-repeat left 4px;
float:left;
}

#top-post1 .top-posttags a {
padding:2px 3px 2px 2px;
float:left;
}

.txpost-cat {
width:100%;
margin-top:50px;
float:left;
}

.txpost-cat p a {
height:60px;
line-height:60px;
padding:0 100px;
border:1px solid #f0f0f0;
font-size:18px;
display:inline-block;
}

.txpost-cat p a:hover {
background:#f0f0f0;
border:1px solid #fff;
}

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


/* 【top new post2】 --------------- */

#top-post2 {
width:100%;
text-align:center;
float:left;
}

#txpost2 {
width:100%;
float:left;
}

#top-post2 .txpost-advanced {
width:100%;
margin-bottom:30px;
float:left;
}

#top-post2 .txpost-advanced h2 {
font-size:50px;
position:relative;
}

#top-post2 .txpost-advanced h2:before {
width:100%;
border-top:1px solid #f0f0f0;
position:absolute;
top:50%;
left:0;
content:"";
}

#top-post2 .txpost-advanced h2 span {
padding:0 20px;
background:#fff;
display:inline-block;
position:relative;
}

#top-post2 .left {
float:left;
}

#top-post2 .right {
float:right;
}

.txpost2-box {
height:170px;
margin:5px 0;
display:block;
overflow:hidden;
position:relative;
}
 
.txpost2-box .txpost-thumbnail img,
.txpost2-box .txpost-noimage img {
width:100%;
height:170px;
}

.txpost2-text {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:5;
}

.txpost2-box .txpost-title a {
width:100%;
height:100%;
padding:40px 10px 0;
color:#fff;
float:left;
box-sizing:border-box;
}

.txpost2-box .txpost-title a span {
width:50px;
height:50px;
background:url(images/icon4.png) no-repeat;
position:absolute;
bottom:30px;
left:0;
}

.txpost2-cat {
width:100%;
margin-top:50px;
float:left;
}

.txpost2-cat p a {
height:60px;
line-height:60px;
padding:0 100px;
border:1px solid #f0f0f0;
font-size:18px;
display:inline-block;
}

.txpost2-cat p a:hover {
background:#f0f0f0;
border:1px solid #fff;
}

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


/*【free】 --------------- */

.free-area {
width:100%;
margin-bottom:100px;
float:left;
}

#free-area-widget {
width:100%;
margin-bottom:30px;
float:left;
}

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


/* 【sns】 --------------- */

#sns-but {
width:100%;
padding-bottom:20px;
text-align:center;
float:left;
}

#sns-but p {
width:36px;
height:36px;
background:url(images/sns/sns-but.png) no-repeat;
overflow:hidden;
display:inline-block;
}

#sns-but p a img:hover {
transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transform:rotateY(360deg);
-ms-transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-o-transform:rotateY(360deg);
}

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


/* 【footer】 --------------- */

#top-scroll {
width:120px;
position:fixed;
bottom:20px;
right:0;
float:right;
z-index:10;
}

#top-scroll-in {
width:60px;
height:60px;
float:left;
}

#footer-in {
width:100%;
padding:80px 0;
border-top:1px solid #f0f0f0;
text-align:center;
overflow:hidden;
clear:both;
float:left;
position:relative;
}

#footer-body {
width:1200px;
margin:0 auto;
}

#footer-menu {
width:100%;
margin-bottom:20px;
float:left;
}

#footer-menu .footer-menu-in1,
#footer-menu .footer-menu-in2 {
width:100%;
margin-bottom:20px;
float:left;
}

#footer-menu .footer-menu-in1 a,
#footer-menu .footer-menu-in2 a {
width:auto;
margin-right:10px;
padding-left:20px;
background:url(images/icon1.png) no-repeat left center;
display:inline-block;
}

#footer-menu .footer-menu-in3 {
width:100%;
margin:20px 0;
float:left;
}

#footer-copy {
width:100%;
float:right;
}

#footer-title {
width:100%;
margin-top:10px;
float:left;
}

#pc-browser,
#sp-browser {
width:100%;
margin-top:30px;
text-align:center;
font-weight:bold;
font-size:30px;
float:left;
}

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

/**************************************************
***************************************************
横幅1200px以下
***************************************************
**************************************************/

@media screen and (max-width:1200px) {

/**********************************************************************************
@font-face {src:url(font/notosansjapanese/ttf/NotoSansJP-Thin.ttf) format('truetype');}
@font-face {src:url(font/notosansjapanese/ttf/NotoSansJP-Light.ttf) format('truetype');}
@font-face {src:url(font/notosansjapanese/ttf/NotoSansJP-DemiLight.ttf) format('truetype');}
@font-face {src:url(font/notosansjapanese/ttf/NotoSansJP-Regular.ttf) format('truetype');}
@font-face {src:url(font/notosansjapanese/ttf/NotoSansJP-Medium.ttf) format('truetype');}
@font-face {src:url(font/notosansjapanese/ttf/NotoSansJP-Bold.ttf) format('truetype');}
@font-face {src:url(font/notosansjapanese/ttf/NotoSansJP-Black.ttf) format('truetype');}
**********************************************************************************/

@font-face {
src:url(font/notosansjapanese/ttf/NotoSansJP-Light.ttf) format('truetype');
}
@font-face {
src:url(font/notosansjapanese/ttf/NotoSansJP-Bold.ttf) format('truetype');
}

#wrapper-in {
width:97%;
margin:0 auto;
float:none;
overflow:hidden;
}

#header-sp {
width:100%;
background:#fff;
position:fixed;
top:0;
left:0;
z-index:400;
box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
-webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
}

#header-sp-in {
width:97%;
margin:0 auto;
}

header.site-header h1,
header.site-header p.ps-title {
width:auto;
text-align:left;
}

header.site-header h1 img,
header.site-header p.ps-title img {
float:left;
}

.subpage header.site-header {
border:0;
}

#header-in,
#wrap-in,
#top-main,
#footer-body {
width:100%;
}

#main-menu-hidden {
width:100%;
height:calc(100% - 100px);
display:none;
position:fixed;
top:0;
right:0;
padding:100px 0 0;
z-index:300;
overflow-y:scroll;
}

#main-menu ul.parent {
width:96%;
line-height:normal;
margin:0 auto;
text-align:center;
float:none;
}

#main-menu li {
width:50%;
margin-bottom:20px;
border-bottom:0;
float:left;
}

#main-menu ul.parent li a {
width:94%;
height:auto;
padding:0 0 0 18px;
background:url(images/icon1.png) no-repeat left center;
border-bottom:2px dotted #515151;
text-align:left;
font-size:18px;
color:#fff!important;
box-sizing:border-box;
float:none;
display:inline-block;
}

#main-menu ul.child {
width:100%;
line-height:normal;
padding-top:15px;
display:inline;
position:static;
top:0;
float:left;
}

#main-menu ul.child li {
width:100%;
padding:0;
background:none;
border-bottom:0;
}

#main-menu ul.child li a {
width:100%;
padding:0 0 0 30px!important;
background:url(images/icon2.png) no-repeat 10px center;
border-bottom:0;
}

#main-menu li.borderslide {
height:auto;
display:inline;
position:static!important;
bottom:0;
}

#main-menu li.borderslide span {
height:auto;
background:none;
border:0;
display:inline;
position:static;
}

#main-menu-smart {
width:auto;
height:auto;
float:right;
}

#smart-menu {
width:50px;
height:50px;
margin-top:14px;
margin-left:10px;
float:right;
position:relative;
}

#s-menu {
width:50px;
height:50px;
background:url(images/s-menu-icon.png) no-repeat;
display:block;
position:absolute;
top:0;
right:0;
cursor:pointer;
z-index:600;
}

.s-menu-slide {
position:fixed!important;
top:10px!important;
right:1.5%!important;
background-position:-50px 0!important;
}

#widget-area {
width:100%;
margin-top:50px;
float:left;
}

#widget-area h2 {
width:100%;
box-sizing:border-box;
}

#search {
width:100%;
box-sizing:border-box;
}

#top-scroll {
width:70px;
left:0;
}

#top-scroll-in {
bottom:10px;
right:0;
}

.free-area {
margin-bottom:30px;
}

#sns-but {
width:100%;
margin-right:0;
margin-bottom:20px;
text-align:center;
}

#sns-but p {
margin-left:0;
display:inline-block;
float:none;
}

#footer-in {
padding:30px 0 50px;
}

#main-img,
#main-img-h {
margin-bottom:30px;
}

#main-img .prevslide,
#main-img .nextslide {
display:none!important;
}

#header-img {
width:100%;
}

#top-post1 {
width:100%;
margin-bottom:30px;
}

#top-post1 .txpost-advanced h2 {
font-size:30px;
}

#top-post1 #txpost-h2 {
width:100%;
}

#top-post1 .txpost-box {
margin-bottom:0;
}

#top-post1 #txpost-h2 .txpost-box-in,
#top-post1 #txpost .txpost-box-in {
width:100%;
}

#top-post1 #txpost-h2 .txpost-box-right,
#top-post1 #txpost .txpost-box-right {
width:70%;
}

.txpost-cat {
margin-top:30px;
}

#top-post2 .txpost-advanced h2 {
font-size:30px;
}

#top-post2 {
margin-bottom:30px;
}

.txpost2-cat {
margin-top:30px;
}

}

/**************************************************
***************************************************
480px以下の場合
***************************************************
**************************************************/

@media screen and (max-width:480px){


#top-post1 .txpost-thumbnail,
#top-post1 .txpost-noimage {
width:30%;
height:auto;
} 

#top-post1 .txpost-thumbnail p,
#top-post1 .txpost-noimage p {
width:90%;
height:auto;
}

#top-post1 .txpost-thumbnail img,
#top-post1 .txpost-noimage img {
width:100%;
}

}

/**************************************************
***************************************************
320px以下の場合
***************************************************
**************************************************/

@media screen and (max-width:320px){

img.free-img {
width:100%;
height:auto;
}

}


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

/*【追加:icon】 --------------- */

.voice.left.n_bottom .icon .name {
    margin-right: 20px;
    text-align: center;
    line-height: 1;
    max-width: 70px;
    margin-top: -10px;
}
.voice.left .icon .name {
    text-align: left;
    position: relative;
    top: 12px;
}
.voice .name {
    font-size: .8em;
}
user agent stylesheet
div {
    display: block;
}
.voice .icon {
    text-align: left;
    line-height: 0;
    margin-bottom: 10px;
}

/*【追加：ballon】 --------------- */
.voice.left .text.sc_balloon {
    border-radius: 0 15px 15px 15px;
}
.voice .text.sc_balloon, .voice .think_balloon {
    padding: .5em 1em;
    margin: 0;
    border-width: 2px;
    font-size: .9em;
    margin-top: 15px;
    font-weight: bold;
}

.voice.left .text {
    float: left;
}
.sc_balloon.left {
    margin-left: 15px;
}
.voice .text {
    max-width: 75%;
}
.sc_balloon {
    color: #333;
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    margin: 10px;
    background: #fff;
    border: 2px solid #ccc;
    z-index: 0;
    border-radius: 5px;
}


.clearfix {
    zoom: 1;
}
.voice {
    margin-bottom: 1.2em;
    float: none;
}
#container, .clearfix, .row {
    display: block;
}
#container, .clearfix, .row {
    display: inline-block;
}


/*【吹き出しコメント】 --------------- */
.content2 {
    max-width: 860px;
    margin: 0 30px 0 10px;
    padding: 40px 30px;
    background-color: #fff;
    position: relative;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.voice {
    margin-bottom: 40px;
}
.voice-img-description {
    padding: 5px 0 0;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
.voice-text-right {
    color: #444;
    position: relative;
    margin-left: 100px;
    margin-right: 100px;
    padding: 1.2em;
    border: 3px solid #eee;
    background-color: #fff;
    border-radius: 5px;
}
.voice-text-left {
    position: relative;
    margin-left: 100px;
    margin-right: 100px;
    padding: 1.2em;
    border: 3px solid #eee;
    background-color: #fff;
    border-radius: 5px;-->
}
.voice-img-right {
    margin-right: 4px;
    margin-top: -1px;
    float: right;
    width: 70px;
    height: 70px;
}
.voice-img-left {
    margin-left: 4px;
    margin-top: -1px;
    float: left;
    width: 70px;
    height: 70px;
}
.post-category {
    height: 40px;
    position: absolute;
    top: -20px;
    left: -10px;
    padding: 12px 40px 0;
    background-color: #5bc0de;
    letter-spacing: 0.15em;
    font-size: 13px;
    font-weight: bold;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
p.voice-text:last-child {
    margin-bottom: 0px;
}
p.voice-text {
    margin: 0 0 8px;
}

/*【hooter SNS】 --------------- */
.wp_social_bookmarking_light div {
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 30px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
.bbutton-html-wrapper, .bbutton-html-wrapper body {
    height: 100%;
    background: 0 0;
}
.btn-standard.show-count .count {
    font-size: 11px;
    height: auto;
    padding: 2px;
    border-radius: 3px;
    margin: 0 0 0 1px;
    min-width: 15px;
}
.btn-standard.show-count a {
    width: auto;
}
#fb-root {
    display: none;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}
.wp_social_bookmarking_light_clear {
    clear: both !important;
}
.blog-wrapper #secondary {
    float: right;
    max-width: 30rem;
}