@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/



/*全体*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;

}



/*ランキン用*/
.c_title{
	
}

.cc_ranking h2.p-postList__title, .cc_ranking h2.p-postList__title:first-letter{
 font-size:25px;
}

.cc_ranking span.c-postThumb__cat.icon-folder, .cc_ranking .p-postList__meta{
	display:none;
}

body .cc_ranking {
    counter-reset: cnt;
}
 
.cc_ranking h2.p-postList__title:before, .cc_ranking_chara h2.p-postList__title:before {
    counter-increment: cnt;
    content: counter(cnt) "位 ";
    position: relative;
    display: inline;
}

/* 投稿記事調整 */
.post_content > * {
margin-bottom:1em;
}

.post_content p, .post_content ul, .post_content ol, .post_content table {
	/*font-size:16px;*/
	line-height:30px;
	margin-bottom:1.7em;
}

body {
    background-color: rgb(245, 245, 245);
}

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

/*改行位置指定*/
span.break {
   display: inline-block;
	font-size:inherit;
}

/*アイキャッチ*/
.p-articleThumb__img{
	height: 100%;
	max-height: 560px;
	margin:auto;
	width:auto;
}

/*メインカラム*/
#main_content{
	width:66.3%;
}

/*フロントページ調整*/
/*
#main_content h2.is-style-section_ttl:first-letter {
    font-size: unset;
}
*/

#main_content h2.is-style-front{
	color: #FF69B4;
    border: solid 1px #f0f0f0;
    padding: 2%;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
	margin-top:auto;
	margin-bottom: 2% !important;
	margin-left:inherit;
	margin-right:inherit;
	text-align:center;
	font-size:28px
}/*
.front-articles > .wp-block-column, .front-articles > .wp-block-column > .p-postListWrap{
	display: flex !important;

}*/

.front-articles{
	margin-bottom:0;
}

.front-more{
	margin-bottom:2em;
}

.front-articles > .p-postList > .p-postList__item{
	border: solid 1px #f0f0f0;
	padding: 15px;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
	margin-bottom: 2%;	
	
}

/*
.front-column {
    border: solid 1px #f0f0f0;
    padding: 15px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
	height: 100%;
}


#custom_html-52 li.p-postList__item {
    margin-bottom: 0;
}

div#f-column-right {
    margin-left: 2%;
    flex-grow: 1;
}

#new-articles {
    margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.w-frontTop {
	margin-bottom:unset;
}

#main_content .u-mt-40 {
    margin-top: 2% !important;
}*/

/* サイドバーの横幅 */
.-sidebar-on #sidebar {
	width:32.2%;
}
.-sidebar-on .l-mainContent {
	width: calc(100% - var(--swl-sidebar_width) - var(--swl-sidebar_margin));
}



/*サイドバー調整
.c-widget__title{
	font-size: 20px !important;
}

/* サイドバーに枠線をつける */
#sidebar > .c-widget, #fix_sidebar {
	border: solid 1px #f0f0f0;
	padding: 10px;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
	.p-profileBox {
	border: none;
}
	.c-searchForm__s {
	border: none;
}

/*追随サイドバー*/
.w-fixSide{
	max-height:none !important;
}

/*フッター調整*/
#footer{
	background: var(--color_htag);
		color: #FFF;
}

#footer .c-widget__title{
	margin-bottom:0;
}

#footer .c-listMenu a:before{
	content:none;
}

#footer .c-listMenu a{
	border-bottom: none;
  padding: 0.25em 1em 0.25em 1.5em;
}

p.copyright{
		color: #333;

}

.c-widget__title.-footer:before{
	background-color:unset !important;
}

.c-widget__title.-footer::after{
	background:unset;
}

.c-widget__title.-footer{
}

.l-footer{
	z-index:1;
}
	
/* 投稿一覧に枠線をつける */
#post_list_tab_1, #post_list_tab_1, .p-searchContent {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#post_list_tab_1 > .p-postList > .p-postList__item, #post_list_tab_2 > .p-postList > .p-postList__item, .p-searchContent > .p-postList > .p-postList__item{
	border: solid 1px #f0f0f0;
	padding: 15px;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
	margin-bottom: 2%;
}

/*フッター調整*/
.w-beforeFooter{
	margin: 6em 1.5rem 3em;
}

/*メインコンテンツエリア調整*/
#content{
	padding-top:20px !important;
}




/* 投稿に枠線をつける */
.single > #content > #main_content{
	border: solid 1px #f0f0f0;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}



/*記事の無駄な余白を消す*/
.l-mainContent__inner>.post_content {
	margin:1em 0;
    width: auto;
	padding: 0;
}

.p-toc__ttl{
	border-bottom: 1px dashed #d1cbb4;
}

/*投稿のパディング*/
.single > #content > #main_content{
    padding: 45px 68px;
}

/*リンクホバー色変更*/
a:hover {
    color:#f9a730;
    text-decoration: none;
}

/*サイトタイトル調整*/
	.c-headLogo.-txt {
			max-width: unset;
}

/*記事タイトル変更*/
#main_content .p-postList__title , #sidebar .p-postList__title {
	color:var(--color_htag) !important;
}

.c-widget__title.-side{
	font-size:1.1rem;
}

#sidebar .-type-card .p-postList__title, #fix_sidebar .p-postList__title{
	font-size:15px;
}

#post_list_tab_1 .p-postList__title{
	font-size: 1.1rem ;
}

.p-postList__item a:hover{
	color:unset;
}

.l-articleBottom__section *{
	font-size:15px !important;
}

/*カルーセル調整*/
.swiper-button-next, .swiper-button-prev {
	color:var(--color_htag); /*サイトカラー*/
}

/*メタタグ削除*/
.p-articleMetas__termList.c-tagList{
	display:none;
}

/* ボックスデザイン */
.box {
    position: relative;
    padding: 0.5em 1em;
    border: solid 3px #ff69b4;
}
.box .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ff69b4;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box p, .box ul{
	font-size:18px;
}

.box p {
    margin: 0; 
    padding: 0;
}

.box ul {
    list-style: disc;
    padding-left: 1em;
}

/*(MOD注意事項)*/
.yellow-box{
    border: solid 3px #FFC107 ;	
}

.box .box-title-yellow {
    background: #FFC107 ;
}

.red-box{
    border: solid 3px #DC0010 ;	
}

.box .box-title-red {
    background: #DC0010 ;
}



/* ボタンデザイン(カード) */
p.button_card {
    margin: auto;
    width: fit-content;
}
.button_card a{
  display: block;
  background: #ff8c00;/*ボタン色*/
  color: #ffffff !important;
  border-bottom: solid 4px #8b4513;
  border-radius: 15px;
  text-decoration: none !important;
  font-size: 100%;
  text-align: center;
  padding: 4px 10px;
  margin: 0 auto;
  max-width: 400px;
}
.button_card a:hover {
    background: #ffa500;/*ボタン色*/
}
.button_card:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
}



/*パンくず調整*/
.p-breadcrumb__text{
	font-size: 11px ;
}

.p-breadcrumb__text span{
	font-size: 11px ;
}

/*メタ情報調整*/
.p-articleMetas *{
	font-size: 12px;
}
.p-postList__meta *{
    font-size: 11px;
}

/**/
.p-pnLinks__item *{
	font-size: 13px;
}

/*タブlabel*/
button.c-tabList__button {
    font-size: 18px;
}

/*フローティングバナー*/
.floating-banner-all, .floating-banner-individual {
	display:none;
	bottom:0;
}

.floating-banner-individual {
	bottom:8px;
}

.floating-banner-mobile {
	display:none;
}

.floating-banner-individual {
	display:none;
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media (min-width: 960px)  and (max-width: 1309px){
	.single > #content > #main_content{
    	padding-left: 25px;
    	padding-right: 25px;
	}
	
}

@media (min-width: 1807px){
	.floating-banner-all, .floating-banner-individual {
		/*display: block;*/
		
		position: fixed;
		z-index: 1;
		right: 50%;
		margin-right:610px;
		opacity: 0;
		visibility:hidden;
	    width: auto;
	}	
}

@media (max-width: 1807px){

}

@media (min-width: 960px){
	 .p-postList__excerpt {
    font-size: 16px !important;
}
	
	#sidebar .c-widget+.c-widget {
    margin-top: 1em;
}
	.w-fixSide {
		    margin-top: 1em;
	}
}



@media print, (max-width: 960px){
	.single > #content > #main_content{
    	padding-left: 20px;
    	padding-right: 20px;
	}
	#main_content{
	width:100%;
	}
	
	.-sidebar-on #sidebar {
	width:100%;
	}	
	
}

@media (max-width: 640px){
	.floating-banner-mobile {
		display: block;
		position: fixed;
		z-index: 1;
		right:0;
		top:0;
		opacity: 0; 
		visibility:hidden;
	    width: auto;
		height:0;
	}
	
}



@media (max-width: 575px){
	.single > #content > #main_content{
    	padding-left: 7px;
    	padding-right: 7px;
		}
	#content{
    	padding-left: 1px;
    	padding-right: 1px;
	}
	#main_content{
	width:100vw;
	}
	.-sidebar-on #sidebar {
	width:100vw;
	}
	
	.-type-card .p-postList__item {
		width:100%;
		padding-left:5px;
		padding-right:5px;

	}
	
	#post_list_tab_1 > .p-postList > .p-postList__item, .front-articles > .p-postList > .p-postList__item{
		width: 100%;
	}	
	.p-breadcrumb__text{
	font-size: 10px ;
	}
	.p-breadcrumb__text span{
	font-size: 10px ;
	}	
	.p-postList__meta *{
    font-size: 11px;
	}
	.p-pnLinks__item *{
	font-size: 3vw;
	}
	
	div#f-column-right {
		margin-left: 0;
	}
	
	#post_slider{
		display:none;
	}
	
}



/*表*/
.post_content table{
	border: 2px #ff69b4 solid !important;

}
.post_content table, td, th {
	vertical-align: middle !important;
}

.post_content td, .post_content th {
	border: 1px solid #ffb6c1 !important;
}


.post_content th {
	background: #fff0f5 !important;
	color: unset !important;
}

/*画像引用*/
.blockquote-image {
    padding: unset !important;
	background: transparent !important;
}
.blockquote-image:before {
    content: unset !important;
	
}

.post_content blockquote cite {
	text-align:right;
	font-style:normal;
}

.post_content blockquote cite a {
	color: #787364;
}

i.i_right {
    text-align: right;
    display: block;
    font-size: smaller;
}
	

/*FANZAで詳細を見る*/
.chara_inc a {
	font-size:17px;
}

.fanza_center{
	text-align:start;
}

#fanza_head{
    border-left: solid 6px var(--color_htag);
	padding: 0.5em 0 0.5em 16px;
    font-size: 1.4em;
    margin-left: var(--swl-h2-margin--x,0);
    margin-right: var(--swl-h2-margin--x,0);
    font-weight: 700;
}

/*右サイドバーFANZA広告*/
#custom_html-8 {
    text-align: center;
}

/*スパンで改行*/
span.kaigyo {
   display: inline-block;
}

/*DLsiteボタン下揃え
.dlsite-bottom{
	display:flex;
	align-items:flex-end
}*/
/*上付き*/
sup {
vertical-align:text-top;
font-size:small;
}

.noneline a{
	text-decoration: none;
}