@charset "utf-8";
/* CSS Document */

@import url('css/font-awesome.min.css');
@import url('css/icon_style.css');

/*
 Theme Name: 楽楽リピートfaq（賢威）
 Template: keni70_wp_cool_black_201610041516
*/


/* -----------------------------------------------
    基本セット
----------------------------------------------- */
body {
	background: #F2F0ED;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic Medium", YuGothicMedium, Verdana, Meiryo, "M+ 1p", sans-serif;
}

/* font
----------------------------------------------- */
.mini {
	font-size: calc(100% - 2px);
}

/* link
----------------------------------------------- */
a{
	color: #444;
}
a:hover,
a:active,
a:focus{
	color: #fa168c;
}

/* main-image
----------------------------------------------- */
.main-image {
    display: none;
}

/*記事タイトル*/
.main-body .section-title a:hover{
	color: #fa168c;
}


/* table
----------------------------------------------- */
.global-nav-in li a:before {
    content: "\f02b";
    font-family: FontAwesome;
    margin-right: 5px;
}

/* 項目説明テーブル */
article table.tbl-spec {
	background: #fff;
}
article table.tbl-spec th,
article table.tbl-spec td {
    font-family: Verdana, "メイリオ", Meiryo, sans-serif;
	padding: 15px;
	font-size: calc(100% - 2px);
	line-height: 1.6;
}
article table.tbl-spec .mini { /* 補足は少し色薄く */
	color: #666;
}
/*200527 ins taguchi[start]*/
/*テーブル内での段落<p></p>には、前後にmarginを設けたほうが綺麗かなと思って追加*/
article table.tbl-spec p {
    margin: 1em 0;
}
/*200527 ins taguchi[end]*/

/*200604 ins taguchi[start]*/
/*ブロックの引用に「is-style-simple」スタイルを追加*/
blockquote.wp-block-quote.is-style-simple {
    padding: 0 20px;
    border-left: solid 5px #eee;
}
blockquote.wp-block-quote.is-style-simple:before {
    display: none;
}
blockquote.wp-block-quote.is-style-simple:after {
    display: none;
}
/*200604 ins taguchi[end]*/

/* -----------------------------------------------
    記事
----------------------------------------------- */
.col2r .main-conts {
	background: #fff;
}
@media only screen and (min-width: 737px){
	.col2r .main-conts { /* コンテンツ幅 */
		width: 65%;
		padding: 4%;
	}
	.col2r .sub-conts { /* サイド幅 */
		width: 24%;
	}
}
/* ランキングのPV数消す */
.num-pv{
	display: none;
}
/* 公開日・更新日を非表示にする（200615 CSからの要望） */
p.post-date {
    display: none;
}

/* 記事の目次設定
----------------------------------------------- */
#keni_toc {
    width: 80%;
    margin: auto;
}
@media only screen and (min-width: 737px){
#keni_toc {
    width: 40%;
    margin: 60px 0 0;
}	
}


#keni_toc {
    display: none;
}

/*200610 ins taguchi[start]*/
/*全部表示のブロック用*/
#keni_toc.disp_tree {
	display: block;
}
/*200610 ins taguchi[enc]*/

/* 第一階層のみ表示 */
#keni_toc.disp_first_tree {
	display: block;
}
#keni_toc.disp_first_tree ol li ol {
    display: none;
}

@media only screen and (max-width: 737px){
	#keni_toc {
	    width: 80%;
	}
}


/* 記事一覧
----------------------------------------------- */
/*記事タイトル（一覧のみ見やすさ重視で小さく）*/
article h2.section-title{
	font-size: calc(1rem + 6px) !important;
}

/* 記事詳細
----------------------------------------------- */
article img,
.featherlight-image {
	border: solid 1px #ccc;
}
article .section-in ul {
	margin-left: 29px;
}
article .section-in ul li {
	list-style-type: disc;
}
article .section-in ul.keni-relatedposts-list li {
	list-style-type: none;
}
article .section-in ul li a img,
article .section-in ol li a img { /* リスト内に説明画像がある際は少し間隔を空ける */
    margin: 10px 0 21px;
}
article code,
article kbd,
article pre,
article samp {
	border: solid 1px #e2e2e2;
	display: block;
	padding: 10px;
	font-size: calc(100% - 2px);
	background: #fafafa;
}
article .sub_bloc {
    border: solid 1px #aabdd1;
    display: block;
    padding: 15px 20px 5px;
    font-size: calc(100% - 2px);
    background: #fafafa;
    width: 70%;
}


/* -----------------------------------------------
    ヘッダー
----------------------------------------------- */
/* site title
----------------------------------------------- */
.site-header-conts {
	padding: 10px 0;
	overflow: hidden;
}
.site-title {
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
	padding: 5px 0;
	margin: 10px auto;
}
.site-title a {
	margin-right: 25px;
}
.site-title img {
	max-height: 72px;
}
.site-title p {
	font-size: 30px;
	justify-content: center;
	align-items: inherit;
	flex-direction: column;
	margin: auto;
}

/* global nav
----------------------------------------------- */
.global-nav {
	border-bottom: solid 1px #ccc !important;
	border-top: solid 1px #ccc !important;
	background: #333;
}
.global-nav-in li a {
	color: #fff;
	padding: 2.5em 0.6em 0.5em;
	font-feature-settings: 'palt';
}
.global-nav-in li a:before {
	content: "\f02b";
	font-family: FontAwesome;
	margin-right: 5px;
	width: 28px;
	display: inline-block;
	left: 50%;
	margin-left: -14px;
	top: 12px;
	position: absolute;
	font-size: 28px;
	font-weight: normal;
}
.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus{
	background-color: #f559a8!important;
	font-feature-settings: 'palt';
}
.global-nav-in li a:hover:before,.global-nav-in li a:active:before,.global-nav-in li a:focus:before {
	color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
li.current-menu-item {
    background: #f559a8;
}
.global-nav li.current-menu-item a:before {
    color: #fff;
}

/* 項目が多いため調整 */
.global-nav-in ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.global-nav .show-menu{
    display: flex!important;
}
.global-nav-in li {
    display: block;
    flex: auto;
}
@media only screen and (max-width: 736px){
.global-nav-in ul {
    display: none;
}
.global-nav .show-menu, .global-nav .show-menu li ul {
    display: block!important;
}
}

/* search
----------------------------------------------- */
section#search-header {
	padding: 5px 0;
	display: inline-block;
	float: right;
}
@media only screen and (max-width: 736px){
.site-header-conts {
    padding: 45px 0 15px;
}
}
.search-header-in {
	text-align: right;
}
.search-box input[type="text"] {
	height: 40px;
}
.btn-search {
	height: 40px;
}

/* 検索窓のデザイン変更 */
.search-header-in .search-box {
	margin-top: 0;
	position: relative;
	display: inline-block;
}
.search-header-in .search-box input[type="text"] {
	width: 360px;
	background: #ffffff;
	border: solid 1px #ccc;
	border-radius: 20px 20px 20px 20px;
	padding-left: 15px;
	padding-right: 46px;
}

@media only screen and (max-width: 768px) {
	/*検索ボックス上部のメッセージが長いので改行*/
	.search-header-in .search-box p span:before {
		content: "\A" ;
		white-space: pre ;
	}
	.search-header-in .search-box input[type="text"] {
		width: 80%;
	}
}

@media only screen and (max-width: 945px) {
.site-title img {
    max-height: 52px;
}
.site-title {
display: flex;
float: none;
margin-bottom: 8px;
justify-content: center;
}
section#search-header {
	float: none;
	width: 100%;
}
.search-header-in {
    text-align: center;
}
.site-title a {
	margin-right: 18px;
	display: inline-block;
}
.site-title p {
	font-size: 20px;
margin: auto 0;
}
.search-header-in .search-box input[type="text"] {
	width: 100%;
}
.global-nav-in li a:before {
	left: auto;
	margin-left: -1.2em;
	top: 14px;
}
.global-nav-in li a {
	padding: 1em 2.5em;
}
}

/* 検索窓上部のタイトル装飾 */
.search-box p {
	font-size: 1.6em;
	margin-bottom: 0;
}
.search-box p span {
	font-size: 0.6em;
	padding-left: 20px;
}
.search-box .btn-search {
	border: none;
	border-left: none;
	background: none;
	position: absolute;
	right: 8px;
}
.btn-search img {
	vertical-align: text-top;
}
/*200616 ins taguchi[end]*/

/* 検索窓上部のテキスト調整用 */
p.searcharea-text {
    font-size: 11px;
    color: #ccc;
    text-align: left;
    margin-left: 91px;
    margin-bottom: 3px;
}
@media only screen and (max-width: 945px) {
p.searcharea-text {
    text-align: center;
    margin-left: auto;
}
}

/* -----------------------------------------------
    印刷用CSS
----------------------------------------------- */
@media print{
	body {
		background: #ffffff !important;
	}
	header,footer,.sidebar {
	    display: none !important;
	}
	.main-body {
		top: 0 !important;
		left: 0 !important;
	    margin: 0 !important;
	    padding: 0 !important;
		width: 172mm !important; /* A4縦の幅 */
		height: 251mm !important; /* A4縦の高さ */
		float: none !important;
	}
	.main-body-in {
	    width: 100% !important;
	}
	.main-conts {
	    float: none !important;
	    width: 100% !important;;
	}
	.main-conts img {
	    max-width: 80% !important;
	}
}

/* 新規カテゴリー一旦非表示 */
.cat-item-36,.cat-item-33,.cat-item-24,.cat-item-32,.cat-item-31,.cat-item-26,.cat-item-35,.cat-item-27,.cat-item-29,.cat-item-30,.cat-item-23,.cat-item-34,.cat-item-25,.cat-item-28{
display: none;
}

/* -----------------------------------------------
    サイドバータイトル用CSS
----------------------------------------------- */
.sidebar-raku2 section:first-child h3.section-title:before,.sidebar-raku2-02 section:first-child h3.section-title:before {
    display: block;
    font-size: 14px;
    margin: 5px 0;
}
.sidebar-raku2 section:first-child h3.section-title:before{
    content: '管理画面の項目から探す';
}
.sidebar-raku2-02 section:first-child h3.section-title:before {
    content: '目的から探す';
}
.sub-conts .sidebar-raku2 section:first-child.section-wrap .section-in .section-title,
.sub-conts .sidebar-raku2-02 section:first-child.section-wrap .section-in .section-title{
    margin: 6px 0 20px -14px;
    padding: 10px 13px 10px 14px;
    font-weight: normal;
    font-size: 1.3em;
    border: none;
    border-bottom: none;
    background: #f5e5ed;
    width: 100%;
    line-height: inherit;
}

/* -----------------------------------------------
    サイドバー対象のページリンク用CSS
----------------------------------------------- */
aside.sub-conts.sidebar section:first-child ul.menu li.current-menu-item > a {
	position:relative;
}
aside.sub-conts.sidebar section:first-child ul.menu li.current-menu-item > a:before {
    right: 29px;
	position:absolute;
}
aside.sub-conts.sidebar section:first-child ul.menu li.current-menu-item > a:before{
    border: 4px solid #f559a8;
    display: block;
    content: '';
    height: calc(100% + 12px);
    position: absolute;
    width: calc(100% + 32px);
    top: -10px;
    left: -20px;
}
aside.sub-conts.sidebar section:first-child ul.menu li.current-menu-item > a:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 8px;
    border-color: transparent transparent transparent #f559a8;
    content: '';
    position: absolute;
    right: -28px;
    top: calc(50% - 8px);
}
aside.sub-conts.sidebar section:first-child ul.menu li.current-menu-item a.toggle:before{
    border: none;
	 content:'\f13a';
    position: relative;
    top: auto;
    left: 14px;
}
aside.sub-conts.sidebar section:first-child ul.menu li.current-menu-item a.toggle.open:before{
	 content:'\f139';
}
aside.sub-conts.sidebar section:first-child ul.menu li.current-menu-item a.toggle.close:before{
	 content:'\f13a';
}
aside.sub-conts.sidebar section:first-child ul.menu li.current-menu-item a.toggle:after{
    border: none;
}
aside.sub-conts.sidebar section:first-child ul.menu li.current-menu-item a.toggle {
    position: absolute;
    right: 29px;
}
@media only screen and (max-width: 736px){
aside.sub-conts.sidebar ul.menu li.current-menu-item a:after {
	    display: none;
}
}
/* -----------------------------------------------
    サイドバーNEWカテゴリーメニューCSS
----------------------------------------------- */
.sub-conts .widget_nav_menu li {
	background: none;
	padding-left: 0;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0.5em;
	line-height: 1.4em;
	font-size: 15px;
}
.sub-conts .widget_nav_menu li a:link {
	text-decoration: none;
	margin-bottom: 8px;
	display: block;
	padding-right: 20px;
}
ul.sub-menu, .sub-conts .widget_nav_menu ul ul {
	border-top: 1px dotted #ccc;
	margin-top: 0;
	margin-left: 0;
}
ul.sub-menu li:last-child {
	border-bottom: none;
}
.sub-conts .widget_nav_menu li li a:link {
	padding-left: 10px;
}
.sub-conts .widget_nav_menu li li li a:link {
	padding-left: 20px;
}
/* -----------------------------------------------
    サイドバーNEWカテゴリーメニュー開閉用CSS
----------------------------------------------- */
.category-list li, .sub-conts .widget_nav_menu li {
	position: relative;
	margin-top: 8px;
}
.menu-item ul{
	display: none;
	position: relative;
}
a.toggle {
	display: block;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}
.widget_nav_menu .menu-item a.toggle.close:before {
	content: '\f13a';
	font-family: "FontAwesome"!important;
}
.widget_nav_menu .menu-item .toggle.open:before {
	content: '\f139';
	font-family: "FontAwesome"!important;
}
.sub-conts .widget_nav_menu li {
	padding-bottom: 0;
	margin-bottom: 0;
}
/* -----------------------------------------------
    カテゴリーページ
----------------------------------------------- */
.page #keni_toc ol {
    list-style-type: disc;
}
.page .wp-block-button__link {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #333;
	font-size: 18px;
	position: relative;
	min-width: 260px;
	text-align: left;
	padding: 12px 24px 12px 16px;
}
.page a.wp-block-button__link:after {
	content: '\f054';
	font-family: "FontAwesome"!important;
	color: #fa168c;
	font-weight: normal;
	font-size: 16px;
	position: absolute;
	right: 8px;
	line-height: 1em;
	top: 50%;
	margin-top: -8px;
}
.page .wp-block-button__link:hover {
	color: #fff;
	background-color: #fa168c;
}
.page a:hover.wp-block-button__link:after {
	color: #fff;
}
@media only screen and (max-width: 460px) {
.wp-block-button__link {
	min-width: auto;
	width: calc(100% - 48px);
}
}
.page-id-15002 .main-body h3, .page-id-15561 .main-body h3, .page-id-15906 .main-body h3, .page-id-15987 .main-body h3, .page-id-16073 .main-body h3, .page-id-16187 .main-body h3, .page-id-16259 .main-body h3, .page-id-16360 .main-body h3, .page-id-16409 .main-body h3 {
	font-weight: normal;
	padding: 5px 0px;
	border-bottom: 1px solid #333;
	background: none;
	font-size: 1.7em;
	line-height: 1.4em;
}
/* カラムブロックの割合調整 */
.page .has-2-columns .wp-block-column:first-child {
    flex-basis: 50%;
    margin-right: 20px;
}
.page .has-2-columns .wp-block-column:last-child {
    flex-basis: 150%;
    margin-left: 0;
}

/* 参考になりましたか？ボタン */
@media screen and (max-width: 992px){
.helpful {
    padding: 25px 10px;
}
.helpful .helpful-controls {
    flex-direction: inherit;
}
.helpful .helpful-controls > div {
    width: 50%!important;
}
.helpful .helpful-content .helpful-button, .helpful .helpful-controls > div > .helpful-button {
    padding: 5px 15px;
    height: 38px;
    max-height: 56px;
    font-size: 0.9rem;
}
.helpful .helpful-controls > div > .helpful-button > .helpful-counter {
    right: 15px;
}
.helpful .helpful-controls > div > .helpful-contra.helpful-button > .helpful-counter {
    display: none;
}
}

.helpful > .helpful-header > .helpful-headline {
    font-size: 1rem;
    font-weight: normal;
    margin: 0 0 14px;
    color: #333;
    border-bottom: none;
    background: none;
    text-align: center;
}
.helpful .helpful-controls {
    justify-content: center;
}
.helpful .helpful-controls > div {
    width: 23%;
}
.helpful .helpful-controls > div > .helpful-button[data-value="pro"] {
    background-color: #00a1e2;
}
.helpful .helpful-controls > div > .helpful-button[data-value="contra"] {
    background-color: #b0b0b0;
}
.helpful .helpful-content .helpful-button, .helpful .helpful-controls > div > .helpful-button {
    padding: 5px 20px;
    height: 38px;
    max-height: 56px;
    font-size: 0.9rem;
}
.helpful-content {
    text-align: center;
}

/* 前の記事・後の記事リンク非表示 */
.cont-nav {
    display: none;
}

/* ぺージャー */
nav.navigation.pagination h2 {
    display: none;
}
.page-nav-bf {
    display: none;
}
.nav-links {
    text-align: center;
    font-size: 18px;
}
a.page-numbers {
    padding: 6px;
    text-decoration: none;
}
span.page-numbers.current {
    padding: 5px 9px;
}
.current {
    background: #f559a8;
    color: #ffffff;
    border-radius: 3px;
}
@media only screen and (max-width: 736px){
nav.navigation.pagination {
    text-align: center;
}
.nav-links {
    margin: 0 auto 40px;
    display: inline-block;
}
.sub-conts {
    margin: 3%;
}
}
/* wp-pagenaviのページャー */	
.wp-pagenavi {
text-align: center;
    font-size: 18px;
    position: relative;
    width: auto;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}
.wp-pagenavi a {
    text-decoration: none;
    border: none;
    padding: 6px;
    margin: 2px;
}
.wp-pagenavi span {
    text-decoration: none;
    border: none;
	padding: 5px 9px;
    margin: 2px;
}
.wp-pagenavi span.extend {
    padding: 0;
}
a.previouspostslink,a.nextpostslink {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
}
a.previouspostslink:before {
    content: "\f0d9";
}
a.nextpostslink:before {
    content: "\f0da";
}
a.nextpostslink {
right: -20px;
padding: 6px 0;
}
a.previouspostslink {
left: -20px;
padding: 6px 0;
}
.wp-pagenavi span.current {
    font-weight: normal;
}
@media only screen and (max-width: 736px){
.wp-pagenavi {
    margin-bottom: 40px;
}
}
/* 検索結果一覧のview数を非表示 */
span.view_count {
    display: none;
}