/*========== 基本 ==========*/

/* Body */
body {
	background: url(https://gameedom.com/wp-content/uploads/2019/02/bg-wood2019.jpeg) repeat center top;
	background-size: 100%;
	font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	letter-spacing: 0.03em;
	-webkit-text-size-adjust: 100%;
	color: #6A5645;
}

a:hover { color: #215263;}



/* ボタン色 */
.themeform input[type="submit"]:hover,
.themeform button[type="submit"]:hover {
	background-color: #4DB8AF;
}

a,
.themeform label .required,
#flexslider-featured .flex-direction-nav .flex-next:hover,
#flexslider-featured .flex-direction-nav .flex-prev:hover,
.post-hover:hover .post-title a,
.post-title a:hover,
.sidebar.s1 .post-nav li a:hover i,
.content .post-nav li a:hover i,
.post-related a:hover,
.sidebar.s1 .widget_rss ul li a,
#footer .widget_rss ul li a,
.sidebar.s1 .widget_calendar a,
#footer .widget_calendar a,
.sidebar.s1 .alx-tab .tab-item-category a,
.sidebar.s1 .alx-posts .post-item-category a,
.sidebar.s1 .alx-tab li:hover .tab-item-title a,
.sidebar.s1 .alx-tab li:hover .tab-item-comment a,
.sidebar.s1 .alx-posts li:hover .post-item-title a,
#footer .alx-tab .tab-item-category a,
#footer .alx-posts .post-item-category a,
#footer .alx-tab li:hover .tab-item-title a,
#footer .alx-tab li:hover .tab-item-comment a,
#footer .alx-posts li:hover .post-item-title a,
/*.comment-tabs li.active a,*/
.comment-awaiting-moderation, .child-menu a:hover,
.child-menu .current_page_item > a,
.wp-pagenavi a {
	color: #4DB8AF;
}


th a { color: #37A499;}

.entry-inner p a:link,
.entry-inner li a:link { text-decoration: underline;}

.main a img:hover {
	opacity: 0.7;
	transition: all .2s ease;
}


.link_btn {
	display: inline-block;
	background-color: #4db8af;
	color: #fff;
	font-weight: 900;
	border-radius: 3px;
	padding: 10px 20px;
	transition: all .2s ease;
	border-bottom: 3px solid #2E7546;
	text-decoration: none !important;
	font-family: "Noto Sans JP", sans-serif;
}

.link_btn::before {
	font-family: FontAwesome;
	padding-right: 0.3em;
	font-size: 1.1em;
	content: '\f0a4';
}

.link_btn:hover {
	background-color: #9bc141;
	color: #fff;
}


.link_clip,
.link_clip {
	display: inline-block;
	position: relative;
	border: 4px solid #9bc141;
	border-radius: 2em;
	padding: 0.8em 2em;
	font-weight: 800;
	color: #fff;
	background: #9bc141;
	transition: all .2s ease;
	font-family: "Noto Sans JP", sans-serif;
}

.link_clip:before {
	position: absolute;
	font-family: FontAwesome;
	font-size: 2.5em;
	content: '\f0c6';
	color: #6A5645 !important;
	top: -0.9em;
	left: -0.4em;
	font-weight: normal;
}

.link_clip:hover {
	color: #9bc141;
	background: #fff;
}



/* 内部リンクカード */
.lkc-internal-wrap:hover {
	background-color: #fff;
	color: #6A5645;
	transition: all .3s;
}

.lkc-internal-wrap:hover .lkc-title {
	text-decoration: none;
	color: #6A5645;
	transition: all .3s;
}

.lkc-internal-wrap .lkc-title:after {
	font-family: FontAwesome;
	padding-left: 0.3em;
	content: '\f14c';
}

.lkc-content {
	height: auto;
	overflow: ;
}

.lkc-thumbnail {
	width: 208px;
	max-height: 117px;
	height: auto;
	margin-bottom: 0;
	overflow: visible !important;
}

.lkc-thumbnail-img {
	max-height: 117px;
	vertical-align: middle;
}

@media only screen and (max-width: 719px) {
	.lkc-thumbnail,
	.lkc-thumbnail-img {
    max-width: 120px !important;
	}
	
	.lkc-thumbnail {
		margin: 0 10px 0 0px;
		line-height: 0;
	}

	.lkc-title {
    display: block;
    font-size: 82% !important;
    line-height: 145% !important;
	}
	
	.lkc-content {
		height: auto;
		margin-top: 0;
	}
	
	.lkc-card { margin: 8px;}
}





/*========== ヘッダー ==========*/

/* タイトルまわり */
#header {
	background: url(https://gameedom.com/wp-content/uploads/2019/02/bg-green2019.jpg) top;
	background-size: cover;
}

.site-image { border-radius: 0;}

.site-title {
	font-size: 2.5em;
	font-weight: 800;
	float: none;
	line-height: 1.2em;
	padding: 0;
	font-family: "Noto Sans JP", sans-serif;
	text-align: center;
}

.site-title a {
	display: inline-block !important;
	padding: 5px 5px 8px 12px;
	color: #765E3D;
	background: rgba(255,255,255,0.8);
	max-width: 100%;
}

.site-description {
	font-size: 1em;
	color: #fff;
	float: none;
	margin-left: 10px;
	line-height: 60px;
	padding: 0;
	font-weight: 800;
	font-style: normal !important;
	text-shadow:
		0 0 25px #6A5645,
		0 0 20px #6A5645,
		0 0 0.30px #6A5645;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
}

.page-title {
	padding: 18px 18px 17px !important;
}

.page-title h1,.page-title h2,.page-title h4 {
    color: #765E3D;
}


@media only screen and (max-width: 1200px) and (min-width: 480px) {
.site-title { font-size: 1.7em;}
}

@media only screen and (max-width: 719px) {
.site-title {
		font-size: 1.5em;
		text-shadow: none;
		text-align: left;
}

.site-title a {
		background: none;
		padding: 0;
}

}





/* グローバルナビ */
.nav-wrap {
	text-align: center;
}

#nav-header .nav li a {
	color: #fff;
	border-right: 1px dashed rgba(255,255,255,.4);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
}

#nav-header .nav>li>a:hover {
	background: rgba(0,0,0,.2);
}

.nav li ul li:hover {
	background: #65994e;
}


.nav-wrap li a:before {
	font-family: FontAwesome;
	padding-right: 0.3em;
	content: '\f015';
	font-size: 110%;
}

.nav-wrap li+li a:before {
	content: '\f0f4';
}

.nav-wrap li+li+li a:before {
	content: '\f02d';
}

.nav-wrap li+li+li+li a:before {
	content: '\f002';
}

.nav-wrap li+li+li+li+li a:before {
	content: '\f0ad';
}


@media only screen and (min-width: 720px) {
.nav>li>a {
    padding: 15px 20px !important;
}
	.nav ul { width: 250px;}
}





/*========== サイド ==========*/
.widget, .widget a { color: #6A5645;}
.widget a:hover { color: #4DB8AF;}


/* サイドバー背景色 */
.sidebar .sidebar-content,
.sidebar .sidebar-toggle,
.sidebar[class*=s],
.col-3cm .main-inner,
.col-2cl .main-inner { background: #fcf7f3;}

.content .pad { background: #fff;}

.main-inner { min-height: 0;}




/* サイドバー内容 */
.widget-title {
	position: relative;
	color: #765E3D;
	font-weight: 900 !important;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
}

.widget-title:before,
.widget-title:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 25%;
	height: 3px;
	background-color: #EEE3BE;
}

.widget-title:before { left:0;}
.widget-title:after { right: 0;}

.textwidget .mark a:hover {
	color: #215263 !important;
}

.post-nav { background: #fff;}

.sidebar .post-nav li a {
	border-top: none;
}

.sidebar .post-nav li a,
.sidebar .post-nav li.next a,
.sidebar .post-nav li.previous a {
	border-bottom: 1px solid #EEE3BE;
}





/* カテゴリ */
li.cat-item .children {
	padding-left: 1.5em !important;
}

li.cat-item .children li {
	padding: 10px 0 0 0;
	border-bottom: none !important;
}

.widget_categories li {
	font-weight: bold;
}

.widget_categories li li {
	font-weight: normal;
}

.widget_categories > ul > li a::before {
	font-size: 1em;
	content: '\f07b';
}



/* タグ */
.tagcloud a {
	line-height: 1.666em;
	white-space: nowrap;
	font-size: .75em;
	margin: 0 5px 2px 0;
	white-space: normal !important;
}

.tagcloud a:before {
	font-family: FontAwesome;
	padding-right: 0.2em;
	color: #bbb;
	content: '\f02b';
}

.tagcloud a:hover:before {
	color: #777;
}



/* 最新記事・おすすめ記事 */
.sidebar.s1 .alx-posts .post-item-title,
.alx-posts .post-item-title a,
.alx-tab .tab-item-comment a,
.alx-tab .tab-item-title a {
	color: #6A5645;
	font-size: 16px;
}

.post-item-category,
.tab-item-category { font-weight: bold;}

.alx-posts li, .alx-tab li, .widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li {
	border: none;
	padding: 15px 0;
}



/* この記事のもくじ */
.toc_widget_list { margin-top: 20px;}

.toc_widget_list.no_bullets li {
	padding-bottom: 15px;
	font-weight: bold;
}

.toc_widget_list .toc_number {
	margin-right: 0;
	padding: 0 0.3em;
	background: #E7E7E7;
	border-radius: 100%;
}

.toc_widget_list.no_bullets ul { margin-top: 10px;}

.toc_widget_list.no_bullets ul li {
	font-weight: normal;
	padding-left: 1.2em;
	position: relative;
}

.toc_widget_list.no_bullets ul li:before {
	content: "…";
	position: absolute;
	left: 0;
	color: #999;
	font-weight: bold;
}





/*========== フッター ==========*/
#footer-bottom #footer-logo {
	max-width: 50px;
}

#page { padding-bottom: 0;}





/*========== 記事内 ==========*/
/* メインコンテンツ枠組み */
.pad {
    padding: 30px 50px;
}

@media only screen and (max-width: 719px) {
	.pad {
    padding: 30px 20px;
}
}

.post-byline { display: none;}





/* 基本テキスト */
.entry {
	font-size: 1em;
	line-height: 1.8;
}

.entry p { margin-bottom: 0em;}

.entry-inner a { font-weight: bold;}

.noto {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 888;
}

.entry dt { color: #6A5645;}

.entry img.sheet {
	padding: 8px;
	max-width: 95%;
	background: repeating-linear-gradient(-45deg, #ccc, #eee 2px, white 2px, white 4px);
}

@media only screen and (max-width: 719px) {
	.entry p br,
	.entry li br { display: none;}
	
	.entry {
	font-size: 0.9em;
	line-height: 1.6;
}
}

.mb5 { padding-bottom: 0.5em;}
.mb10 { padding-bottom: 1em;}
.mb15 { padding-bottom: 1.5em;}
.mb20 { padding-bottom: 2em;}





/* 各タイトル */

h1, li.category {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 999;
}

.archive .post-title,
.archive .post-title a {
	font-size: 1em;
	font-weight: bold;
	color: #6A5645;
}

.post-title,
.entry h2,
.entry h3, .entry h3 span,
.entry h4,
.entry h5,
.entry h6 {
	color: #765E3D;
	font-weight: 900;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1.4 !important;
}

.single h1.post-title {
	position: relative;
	padding-bottom: 0.5em;
	font-size: 2em;
	margin-bottom: 50px;
}

.single h1.post-title:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
	background: repeating-linear-gradient(-45deg, #FFF3B2, #efb52d 2px, white 2px, white 4px);
}

.entry h2,
.entry h2 span { color: #fff;
text-shadow: -1px -2px #2E7546;}

.entry h2 {
	position: relative;
	padding: 0.6em 0.6em;
	background: #8AB429;
	border-bottom: 3px solid #2E7546;
	font-size: 2em;
}

.entry h2.orange {
	background: #efb52d;
	border-bottom: 3px solid #BF9124;
	text-shadow: -1px -2px #BF9124;
}

.entry h2.blue {
	background: #77BBFA;
	border-bottom: 3px solid #2A7DE1;
	text-shadow: -1px -2px #2A7DE1;
}

.entry h2:before,
.entry h2:after {
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #8AB429 transparent transparent transparent;
	content: "";
}

.entry h2:before {
	bottom: -23px;
	border-color: #2E7546 transparent transparent transparent;
}

.entry h2.orange:after {
	border-color: #efb52d transparent transparent transparent;
}

.entry h2.orange:before {
	border-color: #BF9124 transparent transparent transparent;
}

.entry h2.blue:after {
	border-color: #77BBFA transparent transparent transparent;
}

.entry h2.blue:before {
	border-color: #2A7DE1 transparent transparent transparent;
}


.entry h3 {
	position: relative;
	padding: 0.5em;
	border-top: 4px solid #9bc141;
	border-bottom: 4px solid #9bc141;
	font-size: 1.75em;
	background: rgba(114,175,28,.1);
}

.entry h3.blue {
	border-top: 4px solid #77BBFA;
	border-bottom: 4px solid #77BBFA;
	background: rgba(119,187,250,.1);
}

.entry h4 {
	padding-bottom: 0.3em !important;
	border-bottom: 2px dashed #9bc141;
	font-size: 1.5em;
	color: #72af1c;
}

.entry h4.blue {
	border-bottom: 2px dashed #77BBFA;
	font-size: 1.5em;
	color: #2A7DE1;
}

.entry h4.orange {
	border: none;
	padding: 0.3em;
	margin-bottom: 5px;
	border-bottom: 2px dashed #efb52d;
	font-size: 1.5em;
	color: #dd830c;
}


.entry h5 {
  position: relative;
	padding: 0.3em 1.5em;
	margin: 0 2em;
	background: #9bc141;
	color: #fff;
	text-align: center;
}

.entry h5:before, .entry h5:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.entry h5:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.entry h5:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.entry h5.blue {
	background: #2A7DE1;
}


@media only screen and (max-width: 719px) {
	.single h1.post-title { font-size: 1.5em;}

	.entry h2 { font-size: 1.6em;}

	.entry h3 { font-size: 1.4em;}

	.entry h4 { font-size: 1.25em;}
}





/* 装飾 */
hr {
	background: none;
	border-bottom: 2px dotted #aaa;
	height: 1px;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.mark {
  padding-left: 1.5em;
  text-indent: -1em;
}

.marker { background: #FFF3B2;}

.under { border-bottom: double 6px #efb52d;}

.maru {
	display: inline-block;
	background: #EEE3BE;
	font-weight: bold;
	padding: 1px 10px;
	border-radius: 1em;
	margin: 0.25em;
}

.key {
	padding: 2px 6px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-radius: 4px;
	background: #eee;
	font-size: .875em;
}

.icon-beginner {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1.2em;
	vertical-align: text-bottom;
	margin-right: .4em;
}
.icon-beginner::before,
.icon-beginner::after {
	position: absolute;
	top: 0;
	content: "";
	display: block;
	width: 50%;
	height: 100%;
	border: .1em solid #666666;
	border-bottom-width: .15em;
	box-sizing: border-box;
}
.icon-beginner::before {
	left: 0;
	background: #ff0;
	transform: skewY(45deg);
	border-radius: .3em 0 0 .1em;
	border-right: none;
}
.icon-beginner::after {
	right: 0;
	background: #390;
	transform: skewY(-45deg);
	border-radius: 0 .3em .1em 0;
	border-left: none
}




/* 枠系 */
.orange {
	padding: 1em;
	border: 2px solid #efb52d;
}

.green {
	padding: 1em;
	border: 2px solid #72af1c;
}

.gray {
	padding: 1em;
	border: 2px solid #ccc;
}

.entry dd { margin-bottom: 0;}

.back,
dl.dl dd {
	padding: 1em;
	background: #f6f0da;
}

.back-blue {
	padding: 1em;
	background: #F1F8FF;
}

dl.dl dd { padding: 1.5em;}

dl.dl dt {
	padding: 1em 1.3em;
	background: #efb52d;
	color: #fff;
}


div.frame,
dl.frame dd,
div.frame_gray,
dl.frame_gray dd {
	padding: 1.5em;
	font-size: 1em;
}

div.frame,
dl.frame {
	border: 2px solid #efb52d;
}

div.frame_gray,
dl.frame_gray {
	border: 2px solid #aaa;
}

dl.frame dt {
	padding: 1em 1.3em;
	background: #f6f0da;
}

dl.frame_gray dt {
	padding: 1em 1.3em;
	background: #eee;
}


.kakko {
	position: relative;
	padding: 1em 1.5em;
}

.kakko:before,
.kakko:after {
  position: absolute;
  top: 0;
  content:'';
  width: 10px;
  height: 100%;
}

.kakko:before {
  border-left: 3px solid #efb52d;
  border-top: 3px solid #efb52d;
  border-bottom: 3px solid #efb52d;
  left: 0;
}

.kakko:after {
  border-top: 3px solid #efb52d;
  border-right: 3px solid #efb52d;
  border-bottom: 3px solid #efb52d;
  right: 0;
}


dl.matome {
	position: relative;
}

dl.matome dd {
	padding: 2em 1em;
	border: solid 3px #9bc141;
	border-radius: 10px;
}

dl.matome dt {
	position: absolute;
	display: inline-block;
	top: -0.5em;
	left: 1em;
	padding: 0 0.5em;
	line-height: 1;
	background: #FFF;
	color: #9bc141;
	font-weight: bold;
	font-size: 110%;
}


dl.red {
	position: relative;
	padding: 1.5em;
	border-top: 6px solid #dd3f3f;
	background: #f7e6ee;
}

dl.red dt {
	padding-bottom: 1em;
	color: #dd3f3f;
}

dl.red:after {
	position: absolute;
	content: '';
	right: 0;
	bottom: 0;
	border-width: 0 0 20px 20px;
	border-style: solid;
	border-color: #ffffff #efcfe2 #ffffff;
	/*box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.15);*/
}


.ok, .ng {
	position: relative;
	margin-top: 2em;
	padding: 2em 1em;
	background: #FAF6E9;
	border-bottom: 1px solid #EEE3BE;
}

.ng {
	background: #F1F1F1;
	border-bottom: 1px solid #E4E4E4;
}

.ok:before, .ng:before {
	position: absolute;
	top: -1.5em;
	left: 1.5em;
	padding: 0 0.5em;
	color: #fff;
	font-weight: bold;
	font-size: 80%;
	background: #efb52d;
	border-bottom: 1px solid #E79A1A;
	content: "● これでOK！";
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.ng:before {
	background: #aaaaaa;
	border-bottom: 1px solid #8D8D8D;
	content: "× これはNG！"
}


.flow, .flowend, .flowback {
	padding: 0.8em;
	background: #fff;
	border-bottom: 1px solid #E9DBAC;
}

.flow, .flowback {
	position: relative;
}

.flow:before,
.flow:after {
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 16px 0 16px;
	border-color: #fff transparent transparent transparent;
	content: "";
}

.flow:before {
	bottom: -17px;
	border-color: #E9DBAC transparent transparent transparent;
}

.flowback:before {
	position: absolute;
	top: -16px;
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 16px 16px 16px;
	border-color: transparent transparent #fff transparent;
	content: "";
}


.entry blockquote {
	position: relative;
	color: #777;
	margin: 0 0 20px;
	padding: 15px 5px 5px 50px;
	border-left: 3px solid #ccc;
	background: #efefef;
}

.entry blockquote:before {
	left: 5px;
	top: -10px;
	color: #ccc;
}

.blackboard {
	position: relative;
	background: #2E7546;
	border: 14px solid #dd830c;
	padding: 3em 2em;
	color: #fff;
}

.blackboard:before,
.blackboard:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 30px;
	width: 100px;
	height: 10px;
	background: #efb52d;
	border-radius: 3px;
}

.blackboard:before {
	right: 160px;
	background: #fff;
}

.su-box-content { color: #6A5645 !important;}




/* セリフ */
.sb-type-fb-flat {
	overflow: hidden;
	padding: 5px 0;
	margin: 0;
	line-height: 1.6;
	color: #999;
}

.sb-type-rtail > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-rtail > .sb-subtype-b > .sb-content > .sb-speech-bubble {
    position: relative;
    padding: 17px 11px;
    z-index: 3;
    background: /*#4FDCE2;*/#EEE3BE;
    border-radius: 5px;
}

.sb-type-fb-flat > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-fb-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
	color: #6A5645;
}

.sb-type-rtail > .sb-subtype-a > .sb-content::before {
    position: absolute;
    top: -5px;
    left: -11px;
    z-index: 1;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    background: /*#4FDCE2;*/#EEE3BE;
    content: "";
}

.sb-type-rtail > .sb-subtype-b > .sb-content:before { background: #EEE3BE;}


.sb-type-std > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-std > .sb-subtype-d > .sb-content > .sb-speech-bubble,
.sb-type-std > .sb-subtype-c > .sb-content:after,
.sb-type-std > .sb-subtype-c > .sb-content:before {
background: #fff;
}


.sb-type-std > .sb-subtype-c > .sb-content > .sb-speech-bubble {
	margin-bottom: 0;}


.sb-type-std { padding: 0;}

.sb-type-fb-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
	background-color: #EEE3BE;
	border-color: #EEE3BE;
	color: #333;
}


.sb-type-fb-flat > .sb-subtype-b > .sb-content:before,
.sb-type-fb-flat > .sb-subtype-b > .sb-content:after { border-color:transparent #EEE3BE;}


.sb-type-fb-flat > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon {
	border-radius: 0;
}




/* コード系 */
.comment code,
.entry code {
	background: #f5f5f5;
	border: 1px solid #ddd;
	font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: .875em;
}


.entry pre {
	padding: 18px 20px;
	margin: 0;
	line-height: 19px;
	font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 14px;
}

.entry pre.css,
.entry pre.html {
	position: relative;
	border: 1px solid #efb52d !important;
}

.entry pre.html {
	border: 1px solid #9bc141 !important;
}

.entry pre.css:before,
.entry pre.html:before {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0 0.5em;
	background: #efb52d;
	color: #fff;
	content: "CSS";
}

.entry pre.html:before {
	background: #9bc141;
	content: "HTML";
}


.entry ins {
	background: none;
}





/* 表組テーブル */
.entry table {
	margin-bottom: 0;
	border-collapse:separate !important;
  border-spacing: 5px;
}

.entry table td,
.entry table th {
	text-align: center;
	word-break: break-all;
	border-radius: 5px;
}

.entry table tr.alt {
	background: none;
}

.entry table th {
	font-weight: bold;
	padding: 10px 5px;
	vertical-align: middle;
	background: #F6F0DA;
}

.entry table td {
	padding: 10px 15px;
	text-align: left;
	vertical-align: top;
	border: none;
	background: #f9f9f9;
}

@media only screen and (max-width: 719px) {
table.table-sp,
table.table-sp tbody,
table.table-sp tr,
table.table-sp th,
table.table-sp td {
		display: block;
		max-width: 100%; 
}
}





/* リスト */
.entry ul,
.entry ol {
	margin: 0 0 0 1.5em;
}

.entry ul.inline { margin: 0;}

.entry ul.inline li {
	display: inline-block;
	padding: 0;
}

.entry ul.inline li:after {
	color: #ccc;
	content: ' ／';
}

.entry ul.inline li:last-child:after {
	display: none;
}

.fa-ul i.fa[class*="fa-"] {
	width: auto;
}

.fa-ul {
	margin-left: 2.14285714em !important;
}

.fa-ul > li {
	list-style: none !important;
}

.fa-li {
	width: 2.14285714em !important;
}


ul.checklist { margin: 0;}

ul.checklist li {
	position: relative;
	list-style: none;
	margin: 0.5em;
	padding-left: 1.5em;
}

ul.checklist li:before {
	position: absolute;
	font-family: FontAwesome;
	content: '\f00c';
	color: #dd3f3f;
	left: -0.1em;
}



/* もくじ */
#toc_container {
	display: block !important;
	padding: 0;
	margin: 3em 0;
	background: #ffffff;
	border: 3px solid #E7E7E7;
}

#toc_container p.toc_title {
	background: #f9f9f9;
	padding: 15px;
}

#toc_container p.toc_title:before {
	font-family: FontAwesome;
	padding-right: 0.3em;
	content: '\f0ca';
}

#toc_container p.toc_title + ul.toc_list { padding: 15px;}

#toc_container .toc_number {
	margin-right: 0;
	padding: 0 0.3em;
	background: #E7E7E7;
	color: #888;
	border-radius: 100%;
}

.toc_list>li { padding-bottom: 1em !important;}


#toc_container ul ul {
	margin-left: 2em;
}

.toc_list ul li { 
	padding-left: 1em; 
	text-indent: -.7em;
}

.toc_list ul li:before {
	content: "• ";
	color: #AAAAAA;
}

.toc_list ul li a { font-weight: normal;}

.toc_depth_2 { display: none;}





/* フォーム系 */
.themeform button,.themeform input,.themeform label,.themeform select,.themeform textarea { font-size: 1em;}

form, #content1 form {
	width: 100% !important;
	margin-right: auto;
	margin-left: auto;
}

.form_input_label, #content1 .form_input_label, #content1 div.input > label.form_input_label:first-child {
	width: auto !important;
	display: inline-block;
	margin-bottom: 0.5em;
}

.form_input_input,
.content_form .my_right input {
	width: 100% !important;
	margin-bottom: 1.5em !important;
}

.form_input_submit {
	font-size: 1.5em;
	text-align: center;
}

.themeform input[type="submit"],
.themeform button[type="submit"] {
	transition: all .2s ease;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 800;
	background-color: #4db8af;
	border-bottom: 3px solid #2E7546;
}

.themeform input[type="submit"]:hover, .themeform button[type="submit"]:hover {
	background-color: #9bc141;
}


#pryc-wp-acctbop-bottom { margin-top: 50px;}

@media only screen and (max-width: 719px) {
	#pryc-wp-acctbop-bottom { margin-bottom: 30px;}
}





/* カテゴリー */
.post-category:before,
.meta-single .category:before,
.jp-relatedposts-post-context:before {
	font-family: FontAwesome;
	padding-right: 0.1em;
	content: '\f07c';
}

.page-title a,
.post-category:before,
.meta-single .category:before {
	color: #4DB8AF;
}

.page-title a:hover { color: #6A5645;}



/* 関連記事 */
h4.heading,
.related .post-title a {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	color: #6A5645;
}

.related .post-title a {
	font-weight: 700;
	font-size: 16px;
}

.related .post-thumbnail { margin-bottom: 0.4em;}

.related-posts { border: none;}
.post-meta { display: none;}



/* 更新日 */
time.updated:before {
	font-family: FontAwesome;
	padding-right: 0.3em;
	content: '\f021';
}

time.published:before,
.jp-relatedposts-post-date:before {
	font-family: FontAwesome;
	padding-right: 0.3em;
	content: '\f073';
}



/* コメント */
h3#reply-title {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	color: #6A5645;
}

h3#reply-title:before {
	font-family: FontAwesome;
	padding-right: 0.3em;
	content: '\f075';
}

#commentform {
	width: auto !important;
	border-radius: 10px;
}

#commentform p.comment-form-author {
	width: auto;
	float: none;
	margin-bottom: 20px;
}

#commentform p.comment-form-email,
#commentform p.comment-form-url {
	display: none;
}




/*========== 全記事一覧 ==========*/
#sitemap_list { margin: 0;}

#sitemap_list>li {
	margin-bottom: 1em;
	list-style-type: none;
}

#sitemap_list>li>a {
	display: block;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background: #f9f9f9;
	font-weight: bold;
}

.category-thumbnail-list .category-thumbnail-list-item {
	flex: 0 0 40% !important;
	max-width: 40% !important;
	padding-bottom: 40px;
}

.category-thumbnail-list .category-thumbnail-list-item img {
	padding-bottom: 0;
	margin-bottom: 5px;
}





/*========== お問い合わせ ==========*/
.wpcf7 span.wpcf7-form-control-wrap {
	display: inline;
}

.wpcf7 p { color: #6A5645;}

.wpcf7 p span {
	font-size: 16px;
	font-weight: normal;
	color: #888;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=url],
.wpcf7 input[type=tel],
.wpcf7 input[type=number],
.wpcf7 select,
.wpcf7 textarea {
	float: none;
	font-size: 18px;
}

.wpcf7 div.wpcf7-mail-sent-ok {
	font-weight: bold;
	color: #72af1c;
}

.wpcf7 div.wpcf7-validation-errors {
	font-weight: bold;
	color: #dd3f3f;
}

.wpcf7 span.wpcf7-not-valid-tip {
	margin-top: 10px;
	background: #dd3f3f;
	color: #fff;
	font-size: 1em;
}

.wpcf7 span.wpcf7-not-valid-tip:before {
	font-family: FontAwesome;
	padding-right: 0.3em;
	content: '\f245';
}


@media only screen and (max-width: 719px) {
	.wpcf7 p span { display: block;}
}





/*========== キラーページ ==========*/
.page-template-templete-lp .content {
	margin: 0;
}

.page-template-templete-lp .page-image {
	display: none;
}

.page-template-templete-lp .page-title {
	display: none;
	/*border-bottom: none;
	text-align: center;
	padding: 1.5em 1em 1em !important;
	font-size: 2em;
	font-family: YuGothic,'Yu Gothic',sans-serif;
	line-height: 1.5;*/
}

/*.page-template-templete-lp h1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: repeating-linear-gradient(-45deg, #2E7546, #9BC141 2px, white 2px, white 4px);
}*/

.page-template-templete-lp h2,
.page-template-templete-lp h3 {
	text-align: center;
}

.page-template-templete-lp .content .pad {
	background: #FCF7F3;
	padding: 0;
}

.page-template-templete-lp .content .entry {
	max-width: 1000px;
	margin: 0 auto;
	padding: 2em;
	background: #fff;
	box-shadow: 0px 0px 4px #ccc;
}


.page-template-templete-lp #toc_container {
	display: none !important;
}

.page-template-templete-lp .content .su-box-title {
	font-size: 1.5em;
	text-align: center;
}

.mailmaga_form {
	max-width: 600px;
	margin: 0 auto;
}

.content_form .input_unit {
	width: 100% !important;
}

.content_form .input_unit .my_left.my_column {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

form.myForm .required .my_column.my_left label:first-child:after, form.myForm th.required label:first-child:after, form.myForm span.required:after {
	padding-bottom: 10px !important;
}

.form-letter strong {
	display: inline-block;
	background-color: #9bc141;
	color: #fff;
	border-radius: 3px;
	font-size: 35px;
	padding: 20px 40px;
	transition: all .2s ease;
}

.form-letter:hover strong {
	background-color: #4db8af;
}

.form-pages {
	display: inline-block;
	background-color: #9bc141;
	border-radius: 3px;
	transition: all .2s ease;
}

.form-pages a {
	display: block;
	text-decoration: none !important;
	padding: 1em 2em;
	color: #fff;
}

.form-pages a::after {
	font-family: FontAwesome;
	content: '\f08e';
}

.form-pages span.hu-external {
	display: none;
}

.form-pages:hover {
	background-color: #4db8af;
}


@media only screen and (max-width: 719px) {
	.page-template-templete-lp .content .entry {
	padding: 1em;
}
}




/* タブ切り替えメニュー */
.su-tabs-nav span {
	font-size: 16px !important;
	font-weight: bold;
	line-height: 160% !important;
}

.su-tabs-pane {
	font-size: 16px !important;
}

.su-accordion {
	background: #eee;
}

.su-spoiler-title {
	font-size: 16px !important;
}





/*========== トップページ ==========*/
.page-id-8474 .main { text-align: center; }

.page-id-8474 .main h2 {
	display: inline-block;
	margin: 20px 0 50px;
	padding: 0.2em 0.2em;
	background: none;
	color: #2E7546;
	border-bottom: 10px double #9bc141;
	text-shadow: none;
}

.page-id-8474 .main h2:before,
.page-id-8474 .main h2:after { display: none;}

.page-id-8474 .main .sb-type-fb-flat > .sb-subtype-a > .sb-content {
	margin-right: 20px;
}


/* ５ステップ */
.page-id-8474 .main h3 {
	margin-bottom: 40px;
	padding: 0;
	border: none;
	background: none;
	font-size: 1.75em;
}

.page-id-8474 .main .top_step {
	margin: 15px auto 0;
	padding: 40px 40px 50px;
	border-radius: 30px;
	max-width: 700px;
}

.hukidashi {
	position: relative;
	border-bottom: 4px solid #aaa;
	padding-bottom: 10px;
}

.hukidashi:before,
.hukidashi:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.hukidashi:before {
    border: 20px solid;
    border-color: transparent;
    border-top-color: #aaaaaa;
    margin-left: -20px;
}

.hukidashi:after {
    border: 14px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -14px;
}

@media only screen and (max-width: 719px) {
	.page-id-8474 .main .top_step {
		padding: 30px 20px;
	}
}





/* おすすめ・最新記事 */
.page-id-8474 .main .su-posts-teaser-loop .su-post {
	display: inline-block;
	width: 45%;
	float: none;
	margin: 0 1% 1.5em 1%;
	line-height: 1.2;
	vertical-align: top;
}

.page-id-8474 .main .su-posts-teaser-loop .su-post-thumbnail {
	position: relative;
	float: left;
	width: 45% !important;
	height: auto !important;
	z-index: 1;
}

.page-id-8474 .main .su-posts-teaser-loop .su-post-thumbnail img {
	width: 100% !important;
	height: auto !important;
	border: none;
	padding: 0;
}

.page-id-8474 .main .su-posts-teaser-loop h2.su-post-title {
	float: left;
	margin: 0;
	width: 49% !important;
	padding: 0;
	border: none;
	font-size: 16px;
	font-weight: bold;
	clear: none;
	text-align: left;
	letter-spacing: 0.03em;
	font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.page-id-8474 .main .su-posts-teaser-loop+p {
clear: both;
}


@media only screen and (max-width: 810px) {
.page-id-8474 .main .su-posts-teaser-loop .su-post {
	width: 100% !important;
	margin: 0 0 1.5em 0;
}
}



/* プロフィール */
.page-id-8474 .main .top_prof {
	position: relative;
	background: #FCF7F3;
	padding: 60px 50px 40px 30px;
	margin: 0 auto;
}

.page-id-8474 .main .top_prof:before {
	position: absolute;
	content: "プロフィール";
	font-size: 90%;
	font-weight: bold;
	background: #EEE3BE;
	padding: 1px 5px;
	top: -1em;
	left: 1em;
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.page-id-8474 .main .top_prof ul {
	text-align: left;
}

@media only screen and (max-width: 719px) {
.page-id-8474 .main .top_prof {
	padding: 50px 20px 40px 20px;
}
}




/* アプリーチ */
.appreach {
	position: relative;
  text-align: left;
  padding: 10px;
  border: 2px solid #eee;
  /*overflow: hidden;*/
}

.appreach:before {
    position: absolute;
    content: '';
    right: -2px;
    top: -2px;
    border-width: 0 20px 20px 0;
    border-style: solid;
    border-color: #eee #fff #eee;
}

.appreach:after {
  content: "";
  display: block;
  clear: both;
}

.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
	font-weight: bold;
	font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach-links {
  /*float: left;*/
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}



/* ヨメレバ系 */
.cstmreba {
	width: 98%;
	height:auto;
	margin:36px 0;
	word-wrap: break-word;
	box-sizing: border-box;
	display: block;
}
/* WordPressで自動挿入されるPタグの余白を対処 */
.cstmreba p {
	margin: 0;
	padding: 0;
}
.booklink-box, .kaerebalink-box, .tomarebalink-box {
	width: 100%;
	background-color: #fff;  /* 全体の背景カラー */
	overflow: hidden;
	border-top: 6px double #F1F1F1; /* 外枠 */
	border-bottom: 6px double #F1F1F1;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 20px 0px 15px;
}
/* サムネイル画像ボックス */
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
}
.booklink-image a,
.kaerebalink-image a,
.tomarebalink-image a {
	width:100%;
	display:block;
}
/* サムネイル画像 */
.booklink-image a img, .kaerebalink-image a img, .tomarebalink-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
.booklink-image a+img { display: none;}
/* infoボックス内リンク下線非表示 */
.booklink-info a,
.kaerebalink-info a,
.tomarebalink-info a {
	text-decoration: none;	
}
/* 作品・商品・ホテル名 リンク */
.booklink-name>a,
.kaerebalink-name>a,
.tomarebalink-name>a {
	border-bottom: 1px dotted ;
}
/* powered by */
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
	display: none;
}
/* 著者・住所 */
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
	font-size: 16px;
}
.kaerebalink-link1 img, .booklink-link2 img, .tomarebalink-link1 img {
	display:none !important;
}
.kaerebalink-link1, .booklink-link2, .tomarebalink-link1 {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.booklink-link2>div, 
.kaerebalink-link1>div, 
.tomarebalink-link1>div {
	float:left;
	width:31%;
	min-width:125px;
	margin:0.5% 1%;
}
/***** ボタンデザインここから ******/
.booklink-link2 a, 
.kaerebalink-link1 a,
.tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	padding:3% 1%;
	margin: 1px 0;
	border-radius: 4px;
	box-shadow: 0 2px 0 #ccc;
	background: -moz-linear-gradient(top,#fafafa,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover,
.tomarebalink-link1 a:hover {
	text-decoration: underline;
}
/* トマレバ */
.tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.kaerebalink-link1 .shoplinkyahoo a {color:#ff0033;} /* Yahoo!ショッピング */
.kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.kaerebalink-link1 .shoplinkwowma a { color:#ea5404; } /* Wowma */ 
.kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.booklink-link2  .shoplinkbk1 a { color:#0085cd; } /* honto */
.booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.booklink-link2 .shoplinkebj a { color:#f8485e; } /* ebookjapan */
.booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.kaerebalink-link1 .shoplinkamazon a, 
.booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.kaerebalink-link1 .shoplinkrakuten a , 
.booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.kaerebalink-link1 .shoplinkseven a, 
.booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.booklink-footer {
	clear:both;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
	width:100%;
	float:none;
}
.booklink-link2>div, 
.kaerebalink-link1>div, 
.tomarebalink-link1>div {
	width: 49%;
	margin: 0.5%;
}
.booklink-info,
.kaerebalink-info,
.tomarebalink-info {
	text-align:center;
	padding-bottom: 1px;
}
}