@charset "UTF-8";

/* Tomomi.K */
/* 作成日:2017年10月01日 */
/* 更新日:2017年10月04日 */

/*----------------------------------- CSSリセット(normalize.css v7.0.0) -*/
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0;}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

/*------------------------------------------------------------ 初期設定 -*/
* {
	color: #000
}
body {
	font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	font-size: 19px;
	font-weight: 300;
	line-height: 1.7em;
	overflow-x: hidden
}
h1 {
	background: url(//img03.ti-da.net/usr/kfm/logo.png) no-repeat;
	float: left;
	height: 50px;
	margin: 20px 0 0 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 434px
}
h1 a {
	display: block;
	height: 50px;
	width: 434px
}
h2 {
	background: #00a0dd;
	border-radius: 5px;
	color: #fff;
	font-size: 120%;
	font-weight: 500;
	line-height: 1.2em;
	margin: 0 0 35px 0;
	padding: 0.5em;
	position: relative
}
h2:after {
	border: 15px solid transparent;
	border-top: 15px solid #00a0dd;
	content: '';
	height: 0;
	left: 30px;
	position: absolute;
	top: 100%;
	width: 0
}
h2 a {
	color: #fff
}
p {
	line-height: 1.7em;
	padding: 0 0 0.3em 0
}
strong {
	font-weight: 600
}
a {
	color: #1a0dab;
	text-decoration: none
}
article ul {
	list-style-position: inside
}
article li {
	padding: 5px 0
}
@media only screen and (max-width: 768px) { /*! タブレット */
body {
	font-size: 16px;
	font-weight: 400
}
h1 {
	float: none;
	margin: 32px auto 0 auto
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
h1 {
	background: url(//img03.ti-da.net/usr/kfm/logo.png) no-repeat;
	background-size: 100% auto;
	height: 35px;
	width: 299px
}
h2 {
	font-size: 120%
}
}

/*------------------------------------------------------------ ヘッダー -*/
header {
	background: #fff;
	margin: 0;
	overflow: hidden;
	padding: 0
}
header ul {
	margin: 24px 0 0 0;
	padding: 0
}
header li {
	background: #e97163;
	border-radius: 5px;
	float: right;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 3px 5px 6px 5px;
	text-align: center;
	width: 200px
}
header li#tel {
	background: #0092c8
}
header li a {
	color: #fff;
	font-size: 60%
}
header li a strong {
	color: #fff;
	display: block;
	float: left;
	font-size: 180%;
	font-weight: 500;
	padding: 0
}
header li#tel a strong {
	font-weight: 300
}
header li a span {
	color: #fff;
	display: block;
	float: left;
	margin: 0 5px
}
header li a i {
	color: #fff;
	margin: 3px 0 0 0
}
header .fixheader {
	background-color: #fff;
	border-bottom: solid 1px #ccc;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	padding: 23px 0 15px 0;
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 100
}
header.fixed .fixheader {
	position: fixed;
	top: 0
}
@media only screen and (max-width: 768px) { /*! タブレット */
header ul {
	margin: 1em auto 0 auto;
	overflow: hidden;
	width: 440px
}
header li {
	margin: 0 1%;
	padding: 3px 0 6px 0;
	width: 48%
}
header .fixheader {
	padding: 10px 0 0 0
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
header ul {
	width: 96%
}
header li a strong {
	color: #fff;
	display: inline;
	float: none;
	font-size: 190% !important;
	line-height: 2em !important;
	text-align: center !important
}
header li a span,
header li a span i {
	display: none !important
}
header.fixed .fixheader {
	display: none
}
}

/*------------------------------------------------------------ 視差効果 -*/
.slide {
	background-attachment: fixed;
	height: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%
}
#s01 {
	background-image: url(//img03.ti-da.net/usr/k/f/m/kfm/main_1.jpg);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin: 0 auto 10px auto
}
.visual {
	border-radius: 5px;
	margin: 15em auto;
	max-width: 1024px;
	overflow: hidden;
	padding: 2.5em 1em 0 1em;
	width: 100%
}
.visual p {
	color: #fff;
	display: block;
	font-size: 130%;
	font-weight: 400;
	line-height: 2.5em;
	margin: 0;
	padding: 0.5em 1em;
	text-indent: 0;
	text-align: center
}
#s01 .visual p {
	line-height: 2em;
	padding: 0 0 2em 0
}
.visual img {
	display: block;
	margin: 1em auto 1em auto
}
.mobile {
	display: none
}
@media only screen and (max-width: 768px) { /*! タブレット */
#s01 {
	display: none
}
.mobile {
	display: block;
	height: auto;
	padding: 100px 0 25px 0;
	width: 100%
}
}

/*---------------------------------------------------------- コンテンツ -*/
main {
	margin: 0 auto 100px auto;
	overflow: hidden;
	width: 1024px
}
article {
	float: left;
	margin: 0;
	overflow: hidden;
	width: 680px
}
section {
	margin: 0 auto;
	padding-top: 75px;
	width: 100%
}
section:first-child {
	padding-top: 0
}
section:nth-child(2) {
	padding-top: 0
}
.content {
	margin: 0 auto;
	overflow: hidden;
	width: 1024px
}
.posted {
	border-top: solid 1px #999;
	line-height: 2.6em;
	margin: 50px 0 0 0;
	text-align: center
}
.menu {
	text-align: center
}
@media only screen and (max-width: 768px) { /*! タブレット */
main {
	margin: 0 auto 100px auto;
	width: 100%
}
article {
	float: none;
	margin: 0 auto;
	width: 96%
}
.content {
	margin: 0 0 15px 0;
	width: 100%
}
article img {
	height: auto;
	max-width: 100%
}
article iframe {
	height: auto;
	max-width: 100%
}
}

/*------------------------------------------------------ サブコンテンツ -*/
aside {
	float: right;
	margin: 41px 0 0 0;
	overflow: hidden;
	width: 300px
}
.recententry_img,
.ichioshi,
.comment,
.category,
.archives,
.search,
.link,
.profile {
	margin: 25px 0 0 0
}
.sidetitle {
	border-top: double 3px #0092c8;
	border-bottom: double 3px #0092c8;
	color: #0092c8;
	font-size: 120%;
	font-weight: 400;
	line-height: 1.4;
	margin: 50px 0 10px 0;
	position: relative;
	padding: 0.5em 0.5em 0.5em 1.5em
}
.sidetitle:before {
	color: #0092c8;
	content: "\f138";
	font-family: FontAwesome;
	font-size: 105%;
	left: 0.25em;
	position: absolute;
	top: 0.5em
}
.sidebody {
	border-bottom: dotted 1px #0092c8;
	overflow: hidden;
	padding: 12px 0 5px 0
}
.image-aside {
	float: left;
	margin-right: 0 !important;
	width: 100px
}
.recententry_img .image-aside {
	min-height: 107px
}
.image-aside img {
	border-radius: 50px;
	height: 100px;
	margin-bottom: 0 !important;
	width: 100px
}
.image-aside a:hover img {
	margin-bottom: 0 !important;
	width: 100px !important
}
.text-aside {
	float: right !important;
	font-size: 80%;
	width: 60% !important
}
.text-aside a {
	display: block;
	font-size: 120%;
	padding: 0 0 5px 0
}
#album-link {
	display: none !important
}
@media only screen and (max-width: 768px) { /*! タブレット */
aside {
	float: none;
	margin: 50px auto 0 auto;
	width: 96%
}
.image-aside {
	width: 15%
}
.text-aside {
	width: 80%
}
#pr {
	text-align: center
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
.image-aside {
	width: 40%
}
.text-aside {
	width: 55%
}
}

/*------------------------------------------------------------ フッター -*/
footer {
	background: #0092c8;
	border-top: solid 1px #eee;
	margin: 25px 0 0 0;
	padding: 0;
	text-align: center;
	width: 100%
}
footer p {
	color: #fff;
	line-height: 2em;
	margin: 0;
	padding: 0
}

/*----------------------------------------------------------- SNSボタン -*/
.clearfix {
	zoom: 1
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}
.sns_circle {
	border-radius: 50%;
	background-color: #999;
	float: left;
	height: 50px;
	list-style: none;
	margin: 0 2px;
	padding: 0;
	position: relative;
	width: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%
}
.sns_circle i {
	color: #fff
}
.sns_circle.hatebu.sns_circle i {
	color: #fff;
	font-size: 30px;
	margin: 9px 0 0 9px;
	position: absolute
}
.sns_circle.twitter.sns_circle i {
	color: #fff;
	font-size: 30px;
	margin: 10px 0 0 12px;
	position: absolute
}
.sns_circle.facebook.sns_circle i {
	color: #fff;
	font-size: 30px;
	margin: 10px 0 0 14px;
	position: absolute
}
.sns_circle.googleplus.sns_circle i {
	color: #fff;
	font-size: 30px;
	margin: 11px 0 0 8px;
	position: absolute
}
.sns_circle.line.sns_circle i {
	color: #fff;
	font-size: 14px;
	margin: 19px 0 0 9px;
	position: absolute
}
.sns_circle a {
	color: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.sns_circle a:hover {
	opacity: 0.5
}
ul.circle_group {
	height: auto;
	list-style: none;
	margin: 30px auto 50px auto;
	overflow: hidden;
	padding: 0;
	width: 280px
}
.fa-hatena:before {
	content: "B!";
	font-family: Verdana;
	font-weight: normal
}
.fa-line:before {
	content: "LINE";
	font-family: 'Meiryo',sans-serif;
	font-weight: normal
}
.sns_circle.hatebu {
	background-color: #006fbb
}
.sns_circle.twitter {
	background-color: #00acec
}
.sns_circle.facebook {
	background-color: #265a96
}
.sns_circle.googleplus {
	background-color: #dd4b39
}
.sns_circle.line {
	background-color: #2cc013
}

/*-------------------------------------------------- ページトップボタン -*/
#page-top {
	bottom: 0;
	position: fixed;
	right: 2%
}
#page-top a {
	background: #777;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	margin: 0;
	opacity: 0.7;
	padding: 0;
	text-align: center;
	text-shadow: none;
	width: 48px
}
#page-top a:hover {
	opacity: 0.9;
	text-decoration: none
}
#page-top a i {
	color: #fff;
	font-size: 30px;
	line-height: 45px;
	margin: 0
}