@charset "UTF-8";


/*   
Theme Name: COSME View Theme
Theme URI: 
Description: コスメビュー用テーマ
Author: chin
Author URI: http://cosmeview.com/
*/

/****************************************
        リセット＆セッティング
*****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }
ol, ul, li {list-style: none;}
img{vertical-align:bottom;}

body  {
    font: 16px arial,sans-serif;;
    line-height: 1.6;
    color: #383838;
	background: #f6f7f7;
}

/* ==== リンク・見出し・テキスト ==== */
a:link {color: #0077E6;}
a:visited {color: #0077E6;}
a:hover, a:focus {color: #ff406a; cursor: pointer; }
a:active {color: #ff406a;}
em {font-style: normal;　font-weight: bold; }
sub {vertical-align: super; font-size: 12px;margin: 0 3px 0 0;}

/* ==== フロート解除 ==== */
.cf:before, .cf:after { content: ""; display: block; overflow: hidden; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }

/* ==== レイアウト ==== */
#main {width: 1135px;margin: 30px auto 0;}
#main-content {width: 800px;float: left;}
#side { width: 300px; float: right; }

/* ==== クラス ==== */
.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.bold { font-weight: bold; }
.size13 { font-size: 13px; }
.size17 { font-size: 17px; }
.size19 { font-size: 19px; }
.color-r { color: #ff3f6a; }
.align-c { text-align: center; }
.ico-link { font-weight: 600; text-align: right; }
	.ico-link:before { content: "\f101"; font: bold 21px "Font Awesome 5 Free"; color: #ff3e77; margin: 0 8px 0 0; vertical-align: middle; }
	.ico-link a {text-decoration: none; color: inherit; }
	.ico-link:hover { color:#ff3e77; }
.ico-01 { }
	.ico-01:before { content: "\f101"; font: bold 21px "Font Awesome 5 Free"; color: #ff3e77; margin: 0 8px 0 0; vertical-align: middle; }
/* 関連記事 */
#main-content p.ico-02 { margin: 30px 0; border: 1px solid #ff3e77; }
	.ico-02 a {display: block;padding: 8px 10px;text-decoration: none; padding-left: 80px;position: relative;}
	.ico-02 a:before {content: "関連記事";font-size: 12px; padding: 3px 5px;background: #ff3e77;color: #fff;vertical-align: middle;position: absolute;left: 10px; }
/* 画像ボックス */
.box-img {padding: 2%;background: #f6f7f7;border: 1px solid #ddd; text-align: center;}
/* 見出し付きボックス */
.box-02 { margin: 40px 0; }
.box-02-title { background: #ffa30a; color: #FFF; padding: 8px 1.5em; border-radius: 3px 3px 0 0 ; font-weight: bold; }
.box-02-in { padding: 15px 20px; border: 2px solid #ffa30a; border-radius:0 0 3px 3px; }
#main-content .box-02 ul, #main-content .box-02 ol { margin: 0; }
#main-content .box-02 .list-03 li { border-bottom: 1px dotted #Ddd; padding-bottom: 12px; margin: 12px 0; }
/* キャプション */
figure { margin: 20px 0; }
figcaption { margin: 10px 0  0; }

/****************************************
        ヘッダ
*****************************************/
#header { border-bottom: 1px solid #e8e8e8; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 10px 0 10px; background: #FFF; }
#header .header-in { width: 1050px; margin: 0 auto; position: relative; }
#header .header-logo { text-align: center;}
#header .header-logo h1 a { font-size: 14px; color: #747072; font-weight: normal; text-decoration: none; display: block; background: url(//sample.cosmeview.com/wp-content/themes/cosmeview/img/logo.svg) no-repeat center top; padding-top: 68px; background-size: 210px auto; }
#header .header-logo h1 a:hover { opacity: 0.7; }
#header .header-navi { width: 1050px; margin: 0 auto; }
#header .g-navi-menu { display: none; }
#g-navi { margin: 30px 0 0; border-right: 1px solid #e8e8e8;display: table; table-layout: fixed; width: 100%; }
#g-navi li { display: table-cell; border-left: 1px solid #e8e8e8; text-align: center; font-size: 17px; }
#g-navi li > a { display: block; }
#g-navi a { height: 50px;line-height: 50px;text-decoration: none;color: #383838;}
#g-navi a:hover { text-decoration: none; color: #ff3e77; }
#g-navi .child {position: absolute; width: 1135px;left: -34px;top: 171px;display: none;margin: 0 -8px;z-index: 10000;padding: 30px calc(5% + 20px) 40px;box-sizing: border-box;background: #fff; box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);overflow-y: hidden;font-size: 16px;text-align: left;}
#g-navi li:hover .child {display: block;}
#g-navi li .child dl {display: flex; flex-wrap: wrap;}
#g-navi .child dt {width: 100%;font-weight: bold;margin: 30px 0 8px;}
#g-navi .child dl:first-child dt:first-child { margin: 0;  }
#g-navi .child dt a:before, #g-navi .child .hdl-02:before { content: "\f004"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 10px 0 0; color:#ff406a; font-size: 22px; vertical-align: middle; display: inline-block; }
#g-navi .child dt .fas { display: none; }
#g-navi .child dd,
#g-navi .child li { margin: 0; width: 170px; border: none; }
#g-navi .child dd a:before,
#g-navi .child li a:before { content: "\f105"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 10px 0 0; color: #ccc; }
#g-navi .child a {  height: auto; line-height: 1.8; display: inline; }
#g-navi .child a:hover { text-decoration: none; color: #ff3e77; }

/* パンくず */
#breadcrumb { margin: 0 0 20px; font-size:14px; }
#breadcrumb  li { display: inline-block; color: #747072; }
#breadcrumb  li:after { content: "\f105"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 10px; }
#breadcrumb  li:first-child:before {content: "\f3c5";font-family:"Font Awesome 5 Free";font-weight: bold;margin: 0 10px 0 5px;color: #60c2c3; font-size: 15px; vertical-align: middle;}
#breadcrumb  li:last-child:after { display: none; }
#breadcrumb a { text-decoration: none; color: #747072; }
#breadcrumb a:hover { color: #ff3e77; }

/****************************************
        メイン
*****************************************/

/********** メイン基本 **********/
#main-content .article-in { padding: 5%; background: #fff; }
#main-content .article-in img { max-width: 100%; height: auto; }
#main-content p { margin: 20px 0; }

/********** 記事メタ **********/
#main-content .article-meta { color: #747072; font-size: 15px; margin: 0 0 40px;}
#main-content .article-meta ul { display: inline-block; margin: 0; }
#main-content .article-meta li { display: inline-block;  margin: 0 1px 0 0; padding: 0; }
#main-content .article-meta li:before { display: none; }
#main-content .article-meta .article-meta-date,.article-meta .article-meta-update { margin: 0 12px 0 0; }
#main-content .article-meta-date:before {content: "\f073";font-family:"Font Awesome 5 Free";font-weight: bold;margin: 0 5px 0 0;color: #a2a2a2;}
#main-content .article-meta-update:before {content: "\f2f1";font-family:"Font Awesome 5 Free";font-weight: bold;margin: 0 5px 0 0;color: #a2a2a2;}
#main-content .article-meta a { color: inherit; text-decoration: none; font-size: 12px; border: 1px solid #dddddd; padding: 5px 7px; border-radius: 15px; }
#main-content .article-meta a:before { content: "#"; margin: 0 3px 0 0;}
#main-content .article-meta a:hover { color: #ff406a; border-color: #ff406a; }

/********** 見出し **********/
#main-content h1 { font-size: 30px; margin: 0 0 10px; font-weight: 500; line-height: 2.4rem; color: #2b2b2b; }
#main-content h1 a { text-decoration: none; color: inherit; }
#main-content h2 { margin: 55px 0 20px; padding: 0; font-size: 24px; line-height: 1.4; font-weight: 600; }
#main-content h3 { border-left: 5px solid #ff406a; padding: 3px 15px; margin: 55px 0 20px; font-size: 20px; line-height: 1.4; font-weight: 600; }
#main-content .article-in h2 { margin: 50px 0 20px;font-size: 20px;line-height: 1.4;padding: 15px 20px;background: #f46c89;font-weight: 500;color: #fff;}
#main-content .hdl-01 {position: relative;text-align: center;margin: 50px 0 -15px;}
#main-content .hdl-01:before { position: absolute; content: ""; border-bottom: 2px solid #000; top: 50%; left: 0; z-index: -1; width: 100%;}
#main-content .hdl-01 h2 {font-weight: 600;color: #383838;display: inline-block;padding: 20px 30px 20px 14px;letter-spacing: .05em;font-size: 18px;margin: 0;background: #f6f7f7 url(//sample.cosmeview.com/wp-content/themes/cosmeview/img/ico-01.svg) no-repeat right top; background-size: 26px auto;}
#main-content .hdl-01 h1 {font-weight: 600; color: #383838; display: inline-block; padding: 20px 30px 20px 14px; letter-spacing: .05em; font-size: 20px; margin: 0; background: #f6f7f7 url(//sample.cosmeview.com/wp-content/themes/cosmeview/img/ico-01.svg) no-repeat right top; background-size: 26px auto;}
#main-content .hdl-03 { margin: 55px 0 -10px; border: none; padding: 0; }
#main-content .hdl-03:before {content: "\f005";font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 5px 0 0; color: #ff406a; font-size: 22px;}
#main-content .hdl-04 { margin: 55px 0 15px; border: none; padding: 0; font-weight: bold; font-size: 18px; }
#main-content .hdl-04:before {content: "\f005";font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 5px 0 0; color: #ff406a; font-size: 22px;}
#main-content .hdl-archive { margin: 15px 0 20px; font-size: 28px; line-height: 1.5; text-align: center; }

/********** リスト **********/
#main-content ul { margin: 30px 0; }
#main-content li { margin: 10px 0; position: relative; padding: 0 0 0 2.5em; }
#main-content ul li:before {content: "\f138";font-family:"Font Awesome 5 Free";font-weight: bold;position: absolute; left: 1em; color: #f7b531;}
#main-content ol { margin: 30px 0; counter-reset:number; }
#main-content ol li:before {counter-increment: number; content: counter(number); position: absolute; left: .5em; background: #ffc702; color: #FFF; width: 24px; height: 24px;line-height: 24px; border-radius: 50%; text-align: center; }
#main-content dl.list-01 { margin: 30px 0; }
#main-content dl.list-01 dt { margin: 30px 0 5px; position: relative; padding: 0 0 0 1.5em; }
#main-content dl.list-01 dt:before {content: "\f138";font-family:"Font Awesome 5 Free";font-weight: bold;position: absolute; left: 0; color: #f7b531;}
#main-content .list-child { margin: 0 0 20px; }
#main-content .list-child li { list-style: disc; padding: 0; margin: 10px 0 10px 2em; }
#main-content .list-child li:before {content: ""; display: none; }
/* シンプルリスト（ddの中に入れたり、テキスト感覚のリスト） */
#main-content .list-04 {margin: 20px 0;padding: 0 0 0 1em;}
#main-content dl.list-04 {padding: 0;}
#main-content .list-04 li {margin: 3px;padding: 0;list-style: disc;}
#main-content ol.list-04 li {margin: 3px;padding: 0;list-style:  decimal;}
#main-content .list-04 li:before { content: none; }
#main-content dl.list-04 dt { margin: 0; padding: 0; font-weight: bold;}
#main-content dl.list-04 dt:before { content: ""}
#main-content dl.list-04 dd { margin: 0 0 15px ;}

#main-content .list-menu-3col { display: table; width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
#main-content .list-menu-3col li { border: 1px solid #DDD; border-left: 0; border-top: 0; display: table-cell; float: left; width: 33.3%; padding: 0; box-sizing: border-box; margin: 0; text-align: center; }
#main-content .list-menu-3col li:first-child,
#main-content .list-menu-3col li:nth-child(3n+1) { clear: both; }
#main-content .list-menu-3col li:before { display: none; }
#main-content .list-menu-3col li a {display: block;padding: 10px;text-decoration: none;color: inherit; margin: 0;}
#main-content .list-menu-3col li a i { margin: 0; font-size: 1.5em; width: 100%; }
#main-content .list-menu-3col li a:hover { background: #e5f4f5; }
#main-content .list-menu-3col li img {margin: 0 auto 5px;width:100px;height:auto;display: block;}


/********** 記事目次 **********/

#toc { margin: 50px 0; border: 2px solid #ffc702; }

#toc .index__title { display: flex; justify-content: center; align-items: center; margin: 0; padding: 10px 0; background-color: #ffc702; color: #fff; font-weight: 600; font-size: 1.1em; }

#toc .index__title::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

#toc .index__title label::after {
    margin-left: 7px;
    font-weight: 500;
    font-size: .7em;
    color: #fff;
    content: "[開く]";
    cursor: pointer;
}

#toc .index__title:has(:checked) label::after {
    content: "[閉じる]";
}

#toc .index__title input {
    display: none;
}

#main-content #toc ol {
    list-style-type: decimal;
    margin: 0;
    overflow: hidden;
}
#main-content #toc ol li { list-style: auto; } 
#main-content #toc ol li:before { display: none; } 

#main-content #toc ol.index__list {
    height: 0;
}

#main-content #toc:has(:checked) ol.index__list {
    height: auto;
    padding: 1em 1em 1em 3em;
}

#main-content #toc ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

#main-content #toc li {
    padding: 5px 0;
}

#main-content #toc ol ol li {
    font-size: .9em;
}

#main-content #toc a {
    text-decoration: none;
}

/********** テーブル **********/
table { width: 100%; margin: 30px 0; border-collapse: collapse; font-size: 15px; }
th { padding: 5px 10px; background: #EEE; border: 1px solid #DDD; text-align: left; font-weight: normal; }
td { padding: 5px 10px; border: 1px solid #DDD;  }

/********** ボタン **********/
.btn-apply { text-align: center; margin:  40px 0; }
	.btn-apply a { display: inline-block; padding: 16px; width: 65%; background: #f7b531; border-radius: 50px; text-decoration: none; color: #FFF; text-align: center; font-weight: bold; font-size: 18px; font-size: 0; }
	.btn-apply a:before {content: "\f061";font-family: "Font Awesome 5 Free";font-weight: bold;margin-right: 15px;font-size: 22px;line-height: 1;vertical-align: sub;}
	.btn-apply a:hover { opacity: 0.7; }
	.btn-apply a:after {font-size: 18px; content: 'サンプル応募はこちら'; }
.btn-apply-end { width: 65%; margin: 20px auto; text-align: center;background: #bababa; border-radius: 50px;padding: 16px; color: #fff; font-weight: bold; font-size: 18px;  }	

.btn-01 { text-align: center; margin: 40px 0; word-break: keep-all; }
	.btn-01 a { display: inline-block; padding: 16px; width: 65%; background: #f7b531; border-radius: 50px; text-decoration: none; color: #FFF; text-align: center; font-weight: bold; font-size: 18px; }
	.btn-01 a:before {content: "\f061";font-family: "Font Awesome 5 Free";font-weight: bold;margin-right: 15px;font-size: 22px;line-height: 1;vertical-align: sub;}
	.btn-01 a:hover { opacity: 0.7; }
.btn-01-text { font-size: .9em; margin-bottom:.28em; display: inline-block; }


/********** 吹き出し **********/
.fuki-left { overflow: hidden; margin: 2.5em 0; }
.fuki-icon {float: left;text-align: center;width: 13%; aspect-ratio: 1;background: url(https://sample.cosmeview.com/wp-content/uploads/2022/03/85fdf0d10aefad2d83f3aaac37de0b82.png);background-size: cover; }
.fuki-name { font-size: .8em; }
.fuki-left .fuki {width: 86%;float: right;}
.fuki-left .fuki p {position: relative; display: inline-block; margin: 0 0 0 10px !important; padding: 15px; min-width: 120px;background: #FFF;border: solid 3px #acd5ff;box-sizing: border-box;border-radius: 15px; }
.fuki-left .fuki p:before { content: ""; position: absolute; top: 35px; left: -24px; margin-top: -15px; border: 12px solid transparent; border-right: 12px solid #FFF; z-index: 2; }
.fuki-left .fuki p:after { content: ""; position: absolute; top: 35px; left: -30px; margin-top: -17px; border: 14px solid transparent; border-right: 14px solid #acd5ff; z-index: 1; }

/********** 商品詳細 **********/
.box-item-detail {overflow: hidden;margin: 40px 0;}
.box-item-detail .box-item-img {width: 150px;float: left;margin: 0 20px 0 0;text-align: center;}
.box-item-detail .box-item-img a:after {content: "商品詳細（楽天）";margin: 5px 0 0;display: inline-block;font-size: 13px;color: #747072;border: 1px solid #dddddd;padding: 5px 10px;border-radius: 15px;}
.box-item-detail .box-item-img.item-img-notext a:after { display: none; }
.box-item-img a:hover:after { color: #ff406a; border-color: #ff406a; }
.box-item-detail dl { display: flex; flex-wrap: wrap; line-height:1.4; }
.box-item-detail dt { width: 20%; border-bottom: 1px solid #ddd; padding: 9px 0; box-sizing: border-box; font-size: 14px; }
.box-item-detail  dd { width: 80%; border-bottom: 1px solid #ddd; padding: 8px 10px; box-sizing: border-box;}

/********** 商品紹介リンクボックス **********/
.box-item {
	margin: 40px 0;
	padding: 30px 25px;
	border: 1px solid #DDD;
	border-radius: 3px;
}
.box-item .cf { overflow: hidden; }
.box-item .box-item-img { float: left; width: 20%; margin-right: 2em; text-align: center; }
.box-item .box-item-text { overflow: auto; }
.box-item .box-item-title { font-weight: bold; font-size: 17px; line-height: 1.4; margin: 0 0 1em; }
.box-item .box-item-link {margin: 10px -10px 0;letter-spacing:-1em;}
.box-item-link .box-item-btn {letter-spacing: 0;display: inline-block;margin: 0 10px;}
.box-item-link .box-item-btn a {
	font-weight: bold;
	display: inline-block;
	width: 212px;
	padding: 15px 0;
	text-align: center;
	background: #9c9c9c;
	border-radius: 50px;
	text-decoration: none;
	color: #FFF;
	line-height: 1.2;
}
.box-item-link .box-item-btn a:hover { opacity: 0.7; }
.box-item-link .rakuten a { background: #d73e3e; }
.box-item-link .amazon a { background: #e99b35; }
.box-item-link .yahoo a { background: #3e8bd7; }

/* リンクボタン */
.box-item-link { margin: 20px 0; text-align: center; }
.box-item-link2 .box-item-btn a { width: 300px; padding: 18px 0; }

/********** ステップボックス **********/
.box-step { margin: 50px 0;}
.box-step-item { padding: 8px 0 50px 60px; position: relative; }
.box-step-item:last-child { padding-bottom: 0; }
.box-step-item:before { border-left: 1px dashed #ddd; content: ""; display: block; height: 100%; left: 20px; position: absolute; top: 0; width: 0; }
.box-step-item:last-child:before { content: none;}
.box-step-hdl { margin:  0 0 10px; font-weight: bold; font-size: 18px; }
.box-step-num {display: inline-block;text-align: center;width: 40px;line-height: 40px;background: #ffc702;color: #fff; border-radius: 20px;position: absolute;top: 0;left: 0;}
#main-content .box-step-item p { margin-bottom: 0;}

/********** ブログカード **********/
.blog-card-list { margin: 40px 0;}
.blog-card-list .blog-card { margin: 15px 0;}
.blog-card {border: 1px solid #DDD; overflow: hidden; padding: 20px; margin: 40px 0; transition: all .3s ease; }
.blog-card:hover { box-shadow: 0 5px 13px -5px rgba(0,0,0,0.3); }
.blog-card a{ text-decoration: none ; color: inherit; }
.blog-card-thumbnail { float: left; margin: 0 20px 0 0; width: 100px; }
.blog-card-content { overflow: auto; }
.blog-card-title { font-size: 18px; font-weight: bold; margin: 0 0 10px; line-height: 1.6; }
.blog-card-excerpt { margin: 0 0 15px; font-size: 14px; line-height: 1.6; }
.blog-card-footer { font-size: 13px; color: #a2a2a2; }
.blog-card-footer img { vertical-align: text-bottom; margin: 0 15px 0 0; }

/********** 記事一覧 **********/
/* メイン 記事一覧 */
#main-content .postlist-01 {}
#main-content .postlist-01-in { border-bottom: 1px solid #DDD; margin: 0; padding: 25px 0; overflow: hidden; } 
#main-content .postlist-01-in.box-link:hover { background: #e5f4f5; cursor: pointer; } 
#main-content .postlist-01-title {font-size: 18px;background: none;border: none;margin: 0 0 10px;font-weight: 600;}
#main-content .postlist-01-title a { color: inherit; text-decoration: none; }
#main-content .postlist-01-title a:hover { color: #ff406a; }
#main-content .postlist-01-img { float: left; margin-right: 20px;width: 150px; }
#main-content .postlist-01-apply { padding: 10px 0 0; clear: both; text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}	
#main-content .postlist-01-apply:before { content: "\f138"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 8px; color:#60c2c3; font-size:1.2em; vertical-align: middle; }
#main-content .postlist-01-text { margin: 20px 0 0; }
#main-content .ico-more { margin: 0; }
#main-content .ico-more:before { content: "\f138"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 8px; color:#60c2c3; font-size:1.2em; vertical-align: middle; }
#main-content .postlist-01 dl  {display: flex;flex-wrap: wrap; margin: 0;}
#main-content .postlist-01  dt { width: 20%; border-bottom: 1px solid #ddd; padding: 9px 0; box-sizing: border-box; font-size: 14px; }
#main-content .postlist-01  dd { width: 80%; border-bottom: 1px solid #ddd; padding: 8px 10px; box-sizing: border-box;}
#main-content .postlist-01 dd:nth-child(2),#main-content .postlist-01 dd:last-child { width: 80%; }	
#main-content .postlist-01 .ico-more { text-align: right;  }	

/* 記事一覧ソートボタン */
#main-content .postlist-sort {text-align:  right;margin: 20px 0;padding: 0; font-size: 0; }
	#main-content .postlist-sort li {display: inline-block; background: none; margin: 0 3px; padding: 0; font-size: 14px; }
	#main-content .postlist-sort li:before {display: none; }
	#main-content .postlist-sort li form { display: inline-block; }
	#main-content .postlist-sort li input[type="submit"] { font-size: 15px; border: 1px solid #CCC; background: #FFFFFF; padding: 5px 15px; border-radius: 18px; outline: none; }
	#main-content .postlist-sort li input[type="submit"].sort_current {background: #a2a2a2;border: none;color: #FFF;}
	#main-content .postlist-sort li input[type="submit"]:hover { cursor: pointer; border-color: #ff406a; color: #ff406a; }
	#main-content .postlist-sort li input[type="submit"].sort_current:hover { cursor: inherit; color: #fff;  }

/* メイン カテゴリ一覧 */
#main-content .postlist-03 { margin: 30px -5px; display: flex; align-items: center; flex-wrap: wrap; }
	#main-content .postlist-03 li { width: 25%; box-sizing: border-box; padding: 5px; margin: 0; }
	#main-content .postlist-03 li:before {display: none; }
	#main-content .postlist-03 a { display: block; border:1px solid #ddd; text-align:center; box-sizing: border-box; padding: 10px; text-decoration: none; }
	#main-content .postlist-03 img { display: block; margin: 0 auto 5px; }
    #main-content .postlist-03 a:hover img { opacity: 0.7; }

/* 記事下 １カラム一覧 */
#main-content .postlist-02 {margin: 30px 0;}
	#main-content .postlist-02 li { overflow: hidden; padding: 25px 20px; margin: 0 0 15px; background: #fff; }
	#main-content .postlist-02 li:before { display: none; }
	#main-content .postlist-02 .box-link:hover { cursor: pointer; }
	#main-content .postlist-02 .box-link:hover * { opacity: 0.7; }
	#main-content .postlist-02 .img { width: 100px; float: left; margin: 0 15px 0 0; }
	#main-content .postlist-02 .img img { width: 100%; height: auto; }
	#main-content .postlist-02 .text { overflow: auto; }
	#main-content .postlist-02 .title { line-height: 1.5; margin: 5px 0; }
	#main-content .postlist-02 .title a {text-decoration: none;font-weight: 600;color: inherit;}
	#main-content .postlist-02 .text p { margin: 0; font-size: 13px; }

/* 記事下 ３カラム一覧 */
#main-content .postlist-04 { margin: 30px -8px 14px; display: flex; align-items: center;flex-wrap: wrap; }
	#main-content .postlist-04 li { width: calc(33.3% - 16px); margin: 0 8px 16px; background: #fff; box-sizing: border-box; padding: 20px; }
	#main-content .postlist-04 li:before { display: none; }
	#main-content .postlist-04 .box-link:hover { cursor: pointer; }
	#main-content .postlist-04 .box-link:hover * { opacity: 0.7; }	
	#main-content .postlist-04 img { margin: 0 auto; width: 80%; height: auto; display: block; }
	#main-content .postlist-04 .title {text-align: justify; line-height: 1.5; margin: 8px 0 5px; height: 3em; overflow: hidden;text-overflow: ellipsis; }
	#main-content .postlist-04 .title a { text-decoration: none; font-weight: bold; color: inherit; }
	#main-content .postlist-04 .text p { margin: 0; font-size: 13px; height: 3em;text-align: justify; }

/* 記事下カテゴリ ３カラム一覧 */
#main-content .postlist-05 { margin: 30px -8px 14px; display: flex; align-items: center; flex-wrap: wrap; }
#main-content .postlist-05 li { width: calc(33.3% - 16px); margin: 0 8px 16px; background: #fff; box-sizing: border-box; padding: 0; }
#main-content .postlist-05 li:before { display: none; }
#main-content .postlist-05 li img { width: 60px; height: auto; vertical-align: middle; margin-right: 5px; }
#main-content .postlist-05 li a { text-decoration: none; color: inherit; display: block;padding: 15px; }
#main-content .postlist-05 li a:hover { color: #ff406a; }
#main-content .postlist-05 li a:hover img { opacity: .7; }

/* 記事下カテゴリ 4カラム一覧 */
#main-content .list-entry-4col { margin: 30px -8px 14px; }
	#main-content .list-entry-4col li { display: inline-block; margin: 0 8px 16px; background: #fff; box-sizing: border-box; padding: 0; }
	#main-content .list-entry-4col li:before { display: none; }
	#main-content .list-entry-4col .box-link:hover { cursor: pointer; }
	#main-content .list-entry-4col .box-link:hover * { opacity: 0.7; }	
	#main-content .list-entry-4col img { margin: 0 auto; width: 80%; height: auto; display: block; }
	#main-content .list-entry-4col a { text-decoration: none; color: inherit;display: block; text-align: center; padding: 20px; }
	#main-content .list-entry-4col a:hover { opacity: .7; }	

/* 記事一覧アイコン */
#main-content .post-ico{margin: 15px 0;}
#main-content .post-ico li {display: inline-block;font-size: 12px;background: #5fc2c3;padding: 6px 0;margin: 0 10px 0 0;color: #fff;box-sizing: border-box;width: 95px;text-align: center;line-height: 1;}

/* カテゴリページ　記事一覧 */
#main-content .postlist-06 { margin: 30px 0; }
	#main-content .postlist-06 section { overflow: hidden; margin: 0 0 15px; background: #fff; }
#main-content .postlist-06 a { display: block; text-decoration: none; color: inherit; padding: 25px 20px; }
	#main-content .postlist-06 li:before { display: none; }
	#main-content .postlist-06 a:hover * { opacity: 0.7; }
	#main-content .postlist-06 .img { width: 150px; float: left; margin: 0 15px 0 0; }
	#main-content .postlist-06 .img img { width: 100%; height: auto; }
	#main-content .postlist-06 .text { overflow: auto; }
	#main-content .postlist-06 .title { line-height: 1.5; margin: 5px 0; font-size: 18px; font-weight: 600; }
	#main-content .postlist-06 .title a {text-decoration: none;font-weight: 600;color: inherit;}
	#main-content .postlist-06 .text p { margin: 0; font-size: 15px; }
	#main-content .postlist-06 .text dl { margin: 3px 0 0; }
	#main-content .postlist-06 .text dt { display: inline-block; }
	#main-content .postlist-06 .text dt:after { content: ":"; margin: 0 10px; }
	#main-content .postlist-06 .text dd { display: inline-block; width: 150px; }

/********** アコーディオンボックス **********/
.box-acdion-content { display:none; }
.box-acdion-btn {text-align: center;padding: 16px 25px;margin: 40px auto;width: 65%;background: #f7b531;border-radius: 50px;color: #FFF;font-weight: bold;font-size: 18px;cursor: pointer;position: relative;}
	.box-acdion-btn:after {content: "\f055";font-family: "Font Awesome 5 Free";font-weight: bold;position: absolute;right: 15px;top: calc(50% - .5em);line-height: 1;vertical-align: sub;}
	.open .box-acdion-btn:after { content: "\f056"; }
	.box-acdion-btn:hover { opacity: 0.7; }

/********** 記事ナビ **********/
/* 投稿 前後記事ナビ */
#main-content .post-navi { margin: 40px 0; background: #fff;  }
#main-content .post-navi li { margin: 0; padding: 0; }
#main-content .post-navi li:before { display: none; }
#main-content .post-nav-prev { border-bottom: 1px solid #ddd; }
#main-content .post-nav-prev a { display: block; padding: 15px; text-decoration: none; color: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#main-content .post-nav-next a { display: block; padding: 15px 50px 15px 15px; text-decoration: none; color: inherit; position: relative;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#main-content .post-nav-prev a:before { content: "\f137"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 8px 0 0; color:#60c2c3; font-size:1.3em; vertical-align: middle; }
#main-content .post-nav-next a:before { content: "\f138"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 0 0 8px; color:#60c2c3; position:absolute; right: 15px; font-size:1.2em; vertical-align: middle; }
#main-content .post-navi a:hover { color: #ff406a; }

/* ページャー 記事ナビ */
#main-content .pagination-area { margin: 10px auto; max-width: 300px; text-align: center; width: 100%; }
#main-content .pagination { margin: 20px 0; }
#main-content .pagination ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#main-content .pagination li { margin: 0; padding: 0; }
#main-content .pagination li:before { display: none; }
#main-content .pagination a { background-color: #ff406a; border-radius: 50%; color: #fff; display: block; font-weight: 700; padding: 8px 0; width: 40px; text-decoration: none; }
#main-content .pagination a:hover { opacity: .6; }
#main-content .pagination .current {background-color: #b2b2b2; border-radius: 50%; color: #fff; display: block; font-weight: 700; padding: 8px 0; width: 40px; }
#main-content .pagination-current { background-color: #eaeaea; border-radius: 50%; color: #b2b2b2; display: table-cell; font-weight: 700; margin: 0 8px; padding: 8px 0; width: 40px; }
#main-content .pagination-more { color: #b2b2b2; display: table-cell; font-weight: 700; margin: 0 8px; padding: 8px 0; width: 40px; }
#main-content .pagination-prev a,#main-content  .pagination-next a {background-color: #ffffff;border-radius: 25px;color: #fa3f68;display: block;border: 1px solid #fa3f68;font-weight: 700;line-height: 1;margin: 8px 0;padding: 16px 0;text-decoration: none;}
#main-content .pagination-prev a:hover,#main-content  .pagination-next a:hover { background-color: #ff406a; color: #fff; }
#main-content .pagination-area .result_count { margin: 5px 0 0; }

/********** TOPコンテンツスライダー **********/
#top-content { overflow: hidden; }
#top-content ul, #top-content li { margin: 0; padding: 0; }
#top-content li:before { display: none; }
#top-content .bx-wrapper { width: 500px; height: 332px; float: left;-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0 0 25px; }
	#slider li { position: relative; overflow: hidden; }
	#slider li:hover { cursor: pointer; opacity: .8; }
	#slider li a { display: block; }
	#slider img { height: 332px; }
	#slider .info {
		width: 100%;
		height: 90px;
		box-sizing: border-box;
		position: absolute;
		background: rgba(255,255,255,0.5);
		color: #000;
		padding: 8px 18px;
		opacity: 0;
		transition: all .5s;
		top: 305px;
		}
	#slider .active-slide .info {opacity: 1; top: 73%;}			
	#slider .info .title { font-weight: bold; font-size: 16px; }
	#slider .info .title a { color: inherit; text-decoration: none; }
	#slider .info p { margin: 5px 0 0; font-size: 13px; }
	#top-content .bx-wrapper .bx-controls-direction a { width: 26px; height: 35px; background: #FFF; text-indent:inherit; overflow: hidden; }
	#top-content .bx-wrapper .bx-prev { left: 0; border-radius: 0 18px 18px 0; }
	#top-content .bx-wrapper .bx-next { right: 0; border-radius: 18px 0 0 18px; }
	#top-content .bx-wrapper .bx-prev:before,
	#top-content .bx-wrapper .bx-next:before { color: #ff3e77; font-weight: bold; font-size: 24px; font-family:"Font Awesome 5 Free";  display: inline-block; line-height: 35px; height: 30px; width: 26px; text-align: center; }	
	#top-content .bx-wrapper .bx-prev:before { content: "\f104"; margin-left: -3px; }
	#top-content .bx-wrapper .bx-next:before { content: "\f105"; margin-left: 3px; }
	#top-content .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -25px; }
#top-content .top-content-sub { width: 285px; float: right; }
	#top-content .top-content-sub li { font-size: 14px; background: #fff; margin-bottom: 10px; font-weight: 600; }
	#top-content .top-content-sub li:last-child { margin-bottom: 0; }
	#top-content .top-content-sub a {color: inherit;text-decoration: none;display: block;padding: 12px;overflow: hidden;}	
	#top-content .top-content-sub a:hover { opacity: 0.7; }		
	#top-content .top-content-sub img {width: 80px; height: 80px; float: left;vertical-align: middle;margin-right: 10px;}

/********** 広告 **********/
#main-content .ad-02 { margin: 40px 0; }

/****************************************
        サイド
*****************************************/
#side .side-category { margin: 0 0 30px; background: #fff; overflow: hidden; font-size: 15px; }
#side .side-category h3 {padding: 10px 30px;background: #f46c89; color: #fff;font-size: 16px;font-weight: 500;}
#side .side-category h3:before { font-size: 20px; font-weight: bold; }
.hdl-sidesearch:before { font-family: "Font Awesome 5 Free"; padding-right: 8px; content: "\f002"; }
.hdl-sidecat:before {font-family: "Font Awesome 5 Free";padding-right: 8px;content: "\f518";}
.hdl-sidesample:before { font-family: "Font Awesome 5 Free"; padding-right: 8px; content: "\f49e"; }
#side .side-category ul { padding: 10px 0; }
#side .side-category li a { padding: 15px 30px; display: block; color: #383838; text-decoration: none; }
#side .side-category li a:hover { color:#ff406a;  }
#side .side-category .cat-item { font-weight: bold; margin: 0; }
#side .side-category .cat-item a {padding: 5px 30px 5px; margin: 10px 0 0; }
#side .side-category .cat-item span { padding: 15px 30px 5px; display: block; }
#side .side-category .cat-item-01 a:before { content: "\f004"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 10px 0 0; color:#ff406a; font-size: 22px; vertical-align: middle;}
#side .side-category .cat-item-02 a:before { content: "\f5a4"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 10px 0 0; color:#ff406a; font-size: 22px; vertical-align: middle;}
#side .side-category .cat-item-03 a:before { content: "\f0d0"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 10px 0 0; color:#ff406a; font-size: 22px; vertical-align: middle;}
#side .side-category .cat-item-04 a:before { content: "\f5d0"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 10px 0 0; color:#ff406a; font-size: 22px; vertical-align: middle;}
#side .side-category .cat-item-05 span:before { content: "\f4c2"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 10px 0 0; color:#ff406a; font-size: 22px; vertical-align: middle;}
#side .side-category .cat-item-06 {margin: 0 0 10px;}
#side .side-category .cat-item-06 span {padding: 15px 30px; display: block;}
#side .side-category .cat-item-06 span:before {content: "\f005"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 10px 0 0; color:#ff406a; font-size: 22px; vertical-align: middle;}
#side .side-category .cat-item .children { font-weight: normal; margin: 0; padding: 0; }
#side .side-category .cat-item .children a { padding: 5px 30px 5px 50px; margin: 0; }
#side .side-category .cat-item .children a:before { content: "\f105"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 10px 0 0; color: #ccc; font-size: 22px; }
#searchform{ box-sizing: border-box; position: relative; width: 100%; overflow: hidden; }
#searchform input[type="text"]{ border: none; font-size: 1em; padding: 15px 10px; width: 230px; }
#searchform input[type="text"]:focus { outline: 0; }
#searchform input[type="submit"]{ cursor: pointer; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 1.3em; border: none; background: none; position: absolute; width: 2.5em; height: 2.5em; right: 0; top: 0; outline : none; }
#side .ad-01 { margin: 0 0 20px; text-align: center; }

/****************************************
        フッター
*****************************************/
#footer {margin: 50px 0 0;background: #FFF;color: #666;padding: 30px 0;}
#footer .footer-in { margin: 0 auto; width: 1050px; }
#footer .footer-navi ul { text-align: center; }
#footer .footer-navi li {display: inline-block;margin: 0 15px;}
#footer .footer-navi a:before { content: "\f105"; margin: 0 8px 0 0; font-family:"Font Awesome 5 Free"; font-weight: bold; color: #ccc; }
#footer .footer-navi a { text-decoration: none; color: inherit; }
#footer .footer-navi a:hover { color: #ff3e77; }
#footer .footer-logo {text-align: center;margin: 30px 0 15px;}
#footer .footer-logo img { width: 180px; height: auto; }
#footer .footer-logo img:hover { opacity: 0.7; filter: alpha(opacity=70); }
#footer .footer-sns-list { text-align: center; margin: 0 0 20px;  }
#footer .footer-sns-list li {display: inline-block;margin: 0 7px;}
#footer .footer-sns-list a { background: #60c2c3;display: inline-block;border-radius: 40px;width: 40px;height: 40px; line-height: 40px; text-align: center; }
#footer .footer-sns-list a:hover { opacity: 0.7; filter: alpha(opacity=70); }
#footer .footer-sns-list img { vertical-align: middle; }
#footer .copyright { text-align: center; font-size: 13px; }

#page-top { position: fixed; right: 30px; bottom: 45px; display: none; }
#page-top a {display: block;width: 45px;height: 45px;text-align: center;line-height: 43px;border-radius: 40px;color: #FFF;text-decoration: none;background: #60c2c3;text-indent: -9999px; overflow: hidden; }
#page-top a:hover { opacity: 0.7; filter: alpha(opacity=70); }
#page-top a:before { content: "\f106"; font-family:"Font Awesome 5 Free"; font-weight: bold; font-size: 30px; display: block; text-indent: 0; }

/****************************************
		スマホ
*****************************************/

@media screen and (max-width: 640px) {
body { font-size: 15px; -webkit-text-size-adjust: 100%; }
#header .header-in { width: 100%; }
#main {width: 100%;margin-top: 60px;}
#main-content{ width: 100%; float: none; }
img { max-width: 100%; height: auto; }

/* ヘッダ　SP */
#header { position: fixed; top:0; left: 0; width: 100%; height: 60px; z-index: 100000; padding: 0; border: none; }
#header .header-logo h1 a { font-size: 10px; background-size: 127px auto; padding-top:40px; background-position: center 3px; }

/* Gナビ SP */
#header .g-navi-menu { display: block; position: absolute; top: 0; left: 0; font-size: 10px; color: #747072; }
#header .g-navi-menu-text-menu { padding: 8px; text-align: center;}
#header .g-navi-menu-text-menu:before { content: "\f0c9";  font: bold 30px "Font Awesome 5 Free"; display: block; color: #5fc2c3; }
#header .g-navi-menu-text-close { display: none; padding: 8px; text-align: center; }
#header .g-navi-menu-text-close:before { content: "\f00d";  font: bold 30px "Font Awesome 5 Free"; display: block; color: #5fc2c3; }
#g-navi { display: none; position: absolute; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px); margin: 0; border: none; background: #fff;border-top: 2px solid #ddd; overflow-y: scroll;}
#g-navi li { display: block; border-left: none; text-align: left; font-size: inherit; border-bottom: 1px solid #ddd; }
#g-navi li a, #g-navi .child .hdl-02 { display: block; color: inherit; height: auto; line-height: normal; padding: 15px; box-sizing: border-box;}
#g-navi>li a { font-weight: bold; padding: 15px 15px; }
#g-navi>li a:before { content: "\f004"; font-family:"Font Awesome 5 Free"; font-weight: bold; margin: 0 6px 0 0; color:#ff406a; font-size: 20px; vertical-align: middle; display: inline-block; }
#g-navi .parent { border-bottom: none; }
#g-navi .child {display: block;background: #fff;position: static;width: auto;margin: 0;box-shadow: none;padding: 0;border-top: 1px solid #ddd;}
#g-navi .child dt { margin: 0; font-weight: bold; border-bottom: 1px solid #ddd; position: relative; }
#g-navi .child dt a, #g-navi .child .hdl-02 { padding-left: 2em; }
#g-navi .child dt a:before, #g-navi .child .hdl-02:before { display: none; }
#g-navi .child dt .fas { font-size:20px; position: absolute;right: 0;top: 0;color: #ccc;display: inline-block;padding: 16px;}
#g-navi .child dt .fa-minus-circle:before { content: "\f056";}
#g-navi .child dd { display: none; }
#g-navi .child dd, #g-navi .child li { width: 100%; border-bottom: 1px solid #ddd; }
#g-navi .child dd a, #g-navi .child li a{ padding-left: 2.5em; }
#g-navi .child a { display: block; line-height: normal; }
#g-navi li:hover .child { display:block; }

/* パンくず SP */
#breadcrumb { margin: 10px; overflow: scroll; white-space: nowrap; font-size: 13px; }

/* 見出し SP */
#main-content h1 { font-size: 18px; line-height: 1.3; margin: 0 0 10px; }
#main-content .article-meta { margin: 10px 0 30px; }
#main-content .article-meta ul {  margin: 5px 0 0;}
#main-content .article-in h2 {font-size: 18px; line-height: 1.3; }
#main-content h3 { font-size: 16px; line-height: 1.3; margin: 40px 0 20px; }
#main-content .hdl-03 {  margin: 40px 0 20px; font-size: 16px; line-height: 1.3; }
#main-content .hdl-archive { margin: 0 0 10px; font-size: 22px; line-height: 1.3; text-align: left; padding: 0 10px;}

/* TOPスライダー SP */
#top-content .bx-wrapper { width: 100%; height: auto; float: none; margin: 0 0 30px; }
#slider img { height: auto; }
#slider .info { height: 42%; }
#slider .active-slide .info { top: 58%; }
#slider .info .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#top-content .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: -20px; }
#top-content .top-content-sub { width: 100%;float: none; display: flex; justify-content: space-between;}
#top-content .top-content-sub li { font-size:13px; line-height: 1.4; width: 31%; margin: 0; }
#top-content .top-content-sub img {float: none;margin: 0 0 10px;width: 100%;height: auto;}

/* メインコンテンツ SP */
#main-content .ad-02 { margin: 20px 0; }
#main-content .hdl-01 { margin: 20px 0 -20px; }
#main-content .hdl-01 h2 { font-size: 16px; }
#main-content .ico-link { padding: 0 15px; }
.btn-apply a,.btn-apply-end { width: 100%; box-sizing: border-box; max-width: 500px; }

/* クラスSP */
.btn-01 a { width: 100%; box-sizing: border-box; max-width: 500px; }

/* 吹き出しSP */
.fuki-icon { width: 20%; }
.fuki-left .fuki { width: 78%; }

/* 商品詳細SP */
#main-content .box-item-detail { margin: 30px 0; }
#main-content .box-item-img { float: none; margin: 0 auto 10px; }

/* 商品紹介リンクボックスSP */
.box-item .box-item-img { float: none; width: auto; margin: 0 0 1em; text-align: center; }
.box-item .box-item-img.item-img-01 { width: auto; }
.box-item .box-item-img img { max-width:120px;width: auto;  }
.box-item .box-item-title { margin: 0 0 1em; }
.box-item-link { margin: 10px 0 0; }
.box-item-link .box-item-btn { display: block; text-align: center; width: auto; margin: 15px 0; }
.box-item-link .box-item-btn a { padding: 15px 48px; width: auto;	}
.box-item-link2 .box-item-btn a { padding: 18px 0; width: 100%;	}

/* ステップボックスSP */
.box-step-item { padding: 0 0 50px 0; position: static;  }
.box-step-item:last-child { padding-bottom: 0; }
.box-step-item:before {  content: none; }
.box-step-hdl { font-size: 16ppx; padding: 0 0 0 50px; line-height: 1.2; }
.box-step-num { font-size: 16px; position: static; margin: 0 10px 0 -50px; }
	
/* ブログカードSP */
.blog-card { padding: 15px; }
.blog-card-thumbnail { width: 30%; margin: 0 15px 10px 0; }
.blog-card-title { font-size: 16px; font-weight: bold; margin: 0 0 10px; line-height: 1.4; }
.blog-card-excerpt { margin: 0 0 10px; clear: both; }

/* 記事一覧 SP */
#main-content .postlist-02 { margin: 20px 0; }
#main-content .postlist-02>li { padding: 15px 15px; margin: 0 0 10px; }
#main-content .post-ico { margin: 10px 0 0; }
#main-content .post-ico li { margin-right: 6px; width: 90px; }

#main-content .postlist-03 {margin: 20px -5px;}
#main-content .postlist-03 li { width: 33.3333%;}

#main-content .postlist-04 { display: block; margin: 20px 0; }
#main-content .postlist-04 li { width: 100%; margin: 0 0 10px; padding: 10px; overflow: hidden;}
#main-content .postlist-04 .title,#main-content .postlist-04 .text p { height: auto; }
#main-content .postlist-04 .img { width: 100px; float: left; margin: 0 15px 0 0; }
#main-content .postlist-04 img { width: 100%; height: auto; }

#main-content .postlist-01 { }
#main-content .postlist-01-in { padding: 30px 0; }
#main-content .postlist-01-title {font-size: 16px;line-height: 1.3;padding: 0;margin: 0 0 10px;}
#main-content .postlist-01-img { float: none; margin: 0 auto; width: 120px; }

#main-content .postlist-05 { margin: 20px 0; justify-content: space-around; }
#main-content .postlist-05 li { width: calc(50% - 10px); padding: 0; margin: 0 0 10px; box-sizing: border-box; }
#main-content .postlist-05 li a { padding: 5px; }
#main-content .postlist-05 li img { width: 45px; }

#main-content .postlist-06 {margin: 20px 0;}
#main-content .postlist-06 section { margin: 0 0 10px; }
#main-content .postlist-06 section a { padding: 15px 15px; }	
#main-content .postlist-06 .title {font-size: 16px; line-height: 1.5; }
#main-content .postlist-06 .img { width: 100px; margin: 0 15px 0 0; }
#main-content .postlist-06 p, #main-content .postlist-06 dl { display: none; }

/* 記事下カテゴリ 4カラム一覧SP */
#main-content .list-entry-4col { }
	#main-content .list-entry-4col li { width: calc(50% - 16px); }

/* サイド SP */
#side { width: 100%; float: none; }
#side .side-category { margin: 0 0 10px;  font-size: 15px; }
#side .side-category h3 { padding: 6px 20px; }
#side .side-category ul { padding: 0; }
#side .side-category li { border-bottom: 2px solid #f6f7f7; }
#side .side-category li:last-child { border-bottom: none; }
#side .side-category .parent { border-bottom: none; }
#side .side-category .children {border-top: 2px solid #f6f7f7;border-bottom: 2px solid #f6f7f7; }
#side .ad-01 { margin: 20px 0; }
#side .side-category .cat-item-06 { margin: 0; }
#side .side-category .cat-item-06 .children { border-bottom: none; }

/* フッター SP */
#footer { margin: 10px 0 0; padding: 20px 0; }
#footer .footer-in { width: 100%; }
#footer .footer-navi ul { }
#footer .footer-navi li { margin: 10px 20px; }
#footer .footer-logo {margin: 20px 0 15px; }
}