@charset "utf-8";

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

License: GNU General Public License
License URI: license.txt
Theme URI: https://templx.com/
Theme Name: template-x3h
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 ***/

/*** 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:50px;
float:left;
}

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

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

#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%;
height:500px;
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%;
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:#4c4c4c;
float:left;
}

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

header.site-header h1,
header.site-header p.ps-title {
width:100%;
text-align:center;
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:auto;
padding:20px 20px 40px;
background:url(images/top-space.png) repeat;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
position:absolute;
right: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】 --------------- */

.fixation-scroll #menu-default,
.fixation-scroll #menu-original {
padding-top: 0;
margin-bottom:0;
}

#menu-default,
#menu-original {
width:100%;
margin-bottom:100px;
position:relative;
float:left;
}

#main-menu ul.parent {
width:100%;
height:60px;
background:#4c4c4c;
text-align:center;
float:left;
position:relative;
}

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

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

#main-menu ul.parent li a:hover {
color:#cdcdcd;
}

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

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

#main-menu ul.child li a {
width:148px;
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:60px;
display:block;
position:absolute!important;
left:0;
top:0;
}

#main-menu li.borderslide span {
height:60px;
background:#747474;
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:left;
}

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

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

#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 #9d9d9d 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 #4c4c4c;
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 #4c4c4c;
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 #fff;
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;
padding:0 5px;
border:1px solid #4c4c4c;
display:inline-block;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

#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 #4c4c4c;
font-size:18px;
display:inline-block;
}

.txpost-cat p a:hover {
background:#4c4c4c;
border:1px solid #fff;
color:#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 #4c4c4c;
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 #4c4c4c;
font-size:18px;
display:inline-block;
}

.txpost2-cat p a:hover {
background:#4c4c4c;
border:1px solid #fff;
color:#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);
}

#rss {
    width:100%;
    padding-bottom:20px;
    text-align:center;
    float:right;
}

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

#rss 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:40px 0;
background:#4c4c4c;
border-top:1px solid #f0f0f0;
text-align:center;
color:#fff;
overflow:hidden;
clear:both;
float:left;
position:relative;
}

#footer-in a {
color:#fff;
}

#footer-in a:hover {
color:#b5b5b5;
}

#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:#4c4c4c;
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;
}

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

#main-img {
height:auto;
}

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

#menu-default,
#menu-original {
width:auto;
margin-bottom:0;
position:static;
float:none;
}

#main-menu-hidden {
width:100%;
height:100%;
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;
background:none;
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;
line-height:normal;
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;
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:0!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:10px;
}

#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 30px;
}

#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){

header.site-header h1 img,
header.site-header p.ps-title img {
width:70%;
height:auto;
}

#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;
}

}