@charset "UTF-8";

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
	display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
	display: none;
}

/* Links
	 ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
	outline-width: 0;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ff0;
	color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
	font: inherit; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
	font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *		controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}


/* = Base
----------------------------------------------------------------- */
html,
body {
	height: 100%;
}

html {
	font-size: 62.5%;
	/* 62.5%を指定すると「1.0rem = 10px」 */
}

body {
	background-color: #fff;
	color: #333;
	font-family: "Lucida Grande", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
}

body,
header,
footer {
	position: relative;
}

img {
	width:　100%;
	max-width: 100%;
	height: auto;
}


/* = HREF
-------------------------------------------------------------- */
a:link,
a:visited {
	color: #228b22;
	text-decoration: none;
}

a:hover {
	color: rgba(111, 141, 27, .9);
}

a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

a:active,
a:focus {
	outline: 0;
}

.global-nav a {
	display: block;
	padding: 10px 0;
}

.global-nav a:link,
.global-nav a:visited {
	color: #fff;
}

.global-nav a:hover {
	color: rgba(255, 255, 255, .9);
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
}

.navbar-nav>li>a {
	text-shadow: none;
}

.news a:link,
.news a:visited {
	color: #228b22;
	background-color: rgba(255, 255, 255, .5);
	text-decoration: none;
}

.news a:hover {
	color: rgba(111, 141, 27, .9);
}


/* = FRAME
-------------------------------------------------------------- */
.adlantiss_frame iframe {
	max-width: 100%;
	padding: calc(315 / 560 * 100%) 0 0 /* topを0、bottomをcalc()としてもOK */
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding: 10% 0 28%;
	background: #fff url(http://img05.ti-da.net/usr/p/o/e/poem/bg_header.png) 62% 50% repeat-x;
	background-size: cover;
}

@media (min-width: 769px) {
	#header {
		padding: 98px 0 196px;
		background-position: 50% 50%;
		background-size: auto;
	}
}

#footer {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 25px 0;
	background: #fff url(http://img05.ti-da.net/usr/p/o/e/poem/bg_footer.png) center 0 repeat-x;
	text-align: center;
}

.site-id {
	margin: 0;
	text-align: center;
}

.site-id img {
	width: 48%;
	height: auto;
}

@media (min-width: 769px) {
	.site-id img {
		width: auto;
		height: auto;
	}
}

.nav-bar,
.navbar-default {
	border-top: 1px solid #d3d1d0;
	border-bottom: 1px solid #d3d1d0;
	background-color: #6f8d1b;
	background-image: none;
}

.navbar-default {
	border: 0;
	border-radius: 0;
	background-image: none;
}

.navbar-default .navbar-toggle {
	background-color: #fff;
	border-color: #999;
}

.navbar-default .navbar-collapse {
	background-color: rgba(111, 141, 27, .7);
}

.wrap-global-nav {
	overflow: hidden;
}

.global-nav {
	overflow: hidden;
	width: 100%;
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
}

.global-nav li {
	float: none;
	width: 100%;
	text-align: left;
}

@media (min-width: 769px) {
	.global-nav li {
		float: left;
		width: 25%;
		text-align: center;
	}
}

.wrap-key-visual01 {
	overflow: hidden;
	margin: -20px 0 0 0;
	padding: 40px 0;
	background-color: #f6f6f6;
}

.wrap-key-visual02 {
	overflow: hidden;
	padding: 40px 0;
	background-color: #f6f6f6;
}

.inner-key-visual {
	width: 90%;
	margin: 0 auto;
}

.news {
	background: transparent url(http://img05.ti-da.net/usr/p/o/e/poem/img_product02.png) 50% 100% no-repeat;
	background-size: 58%;
}

.intro-title,
.news-title {
	margin: 0 0 25px 0;
	padding: 10px;
	border-bottom: 2px solid #6f8d1b;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size: 18px;
	font-size: 1.8rem;
}

@media (min-width: 769px) {
	.intro-title,
	.news-title {
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: bold;
	}
}

.wrap-contents {
	margin: 30px auto 0;
}

.blogbody {
	margin: 40px 0 0 0;
	padding: 0 0 15px 0;
	border: 1px solid #000;
}

.blogbody:first-child {
	margin-top: 0;
}

.blog-head {
	padding: 15px 25px;
	background: #fff url(http://img05.ti-da.net/usr/p/o/e/poem/bg_title_l.png) 0 0 repeat-x;
}

.date {
	font-size: 13px;
	font-size: 1.3rem;
}

.title {
	font-size: 17px;
	font-size: 1.7rem;
}

.blog-entry {
	padding: 25px;
	font-size: 13px;
	font-size: 1.3rem;
}

.main-continues {
	clear: both;
	display: block;
	margin: 20px 0;
	text-align: right;
}

.tag-list {
	padding: 0 25px;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: right;
}

.posted {
	padding: 0 25px;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: right;
}

.utility {}

.ad,
.album,
.archives,
.blog_entry,
.category,
.comment,
.counter,
.inquiry,
.link,
.profile,
.qrcode,
.recententry,
.recententry_img,
.rss,
.search,
.side,
.subscription,
.tag_cloud {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	border: 1px solid #000;
}

.ad:first-child,
.album:first-child,
.archives:first-child,
.blog_entry:first-child,
.category:first-child,
.comment:first-child,
.counter:first-child,
.inquiry:first-child,
.link:first-child
.profile:first-child,
.qrcode:first-child,
.recententry:first-child,
.recententry_img:first-child,
.rss:first-child,
.search:first-child,
.side:first-child,
.subscription:first-child,
.tag_cloud:first-child {
	margin-top: 0;
}

.ad .side,
.album .side,
.archives .side,
.blog_entry .side,
.category .side,
.comment .side,
.counter .side,
.inquiry .side,
.link .side,
.profile .side,
.qrcode .side,
.recententry .side,
.recententry_img .side,
.rss .side,
.search .side,
.side .side,
.subscription .side,
.tag_cloud .side {
	border: 0;
}

.sidetitle {
	padding: 16px 8px;
	background-image: none;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
	line-height: 1;
}

.ad .sidetitle,
.album .sidetitle,
.archives .sidetitle,
.blog_entry .sidetitle,
.category .sidetitle,
.comment .sidetitle,
.counter .sidetitle,
.inquiry .sidetitle,
.link .sidetitle,
.profile .sidetitle,
.qrcode .sidetitle,
.recententry .sidetitle,
.recententry_img .sidetitle,
.rss .sidetitle,
.search .sidetitle,
.side .sidetitle,
.subscription .sidetitle,
.tag_cloud .sidetitle {
	padding: 16px 8px;
	background: #fff url(http://img05.ti-da.net/usr/p/o/e/poem/bg_title_s.png) 0 0 repeat-x;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	line-height: 1;
}

.profile .photo,
.nickname {
	text-align: center;
}

.side {
	margin: 15px 0 0 0;
	padding: 0 18px;
	font-size: 13px;
	font-size: 1.3rem;
}

ul.rss {
	border: 0;
}

ul.rss li {
	list-style-type: none;
	margin: 0 0 0 15px;
}

.calendarhead {
	padding: 17px 0 8px;
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
}


.calendartable {
	width: 100%;
	margin: 0 auto 10px;
	background-color: rgba(111, 141, 27, .2);
	text-align: left;
}

.calendarwd {
	padding: 2px 0 2px 5px;
	background-color: rgba(111, 141, 27, .7);
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.sun {
	color: red;
}

.sat {
	color: blue;
}

.calendarweek {
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}

.calendard {
	empty-cells: show;
	border-top: 1px solid #efefef;
	border-right: 1px solid #efefef;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
}

.calendar {
	padding: 2px;
	font-size: 12px;
	font-size: 1.2rem;
}

.pagetop {
	text-align: center;
}

.copyright {
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
}

.adlantiss_frame {
	margin-top: 40px;
}


.mypage_header {
	display: none;
}

.menu {
	margin: 15px 0 30px;
}

.comments-head {
	margin: 0 0 20px 0;
	padding: 5px;
	background-color: #dff0d8;
}

.comments-post {
	margin: 12px 0 0 0;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: right;
}

/* Form */
.form {
	margin: 30px 0 0 0;
	border-collapse: collapse;
	empty-cells: show;
}

.form th,
.form td {
	padding: 5px;
}

/* Googleマップ スマホ対応 */
.ggmap {
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}