@charset "utf-8";
/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------
  忍者ブログ デフォルトテンプレート
--------------------------------------------------------------- */
}
/* 一覧ページの「つづきを読む」部分の設定 */
.entryPsLink {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* 記事フッター部分の設定 */
.entryFooter {
float: right;
  padding-top: 5px;
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
  font-size: x-small;
}
.entryFooter li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.entryFooter li:last-child {
  margin-right: 0;
}
.entryFooter a span {
  display: inline-block;
  padding-left: 5.25px;
  line-height: 20px;
}
/* ページャーの設定 */
.pager {
  padding-top: 30px;
  margin-bottom: 20px;
  margin: 20px 0;
  list-style: none;
  display: table;
  width: 100%;
}
.pager li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.pager li.prev {
  text-align: left;
}
.pager li.next {
  text-align: right;
}
/* 各プラグイン部分の設定 */
.plugin {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  border: 0;
  border-radius: 0;
}
/* プラグインのタイトルの設定 */
.pluginTitle {
  margin: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 28px;
  padding-right: 28px;
  line-height: 20px;
  font-weight: bold;
  font-size: small;
  word-wrap: break-word;
}
/* プラグインのコンテンツ部分の設定 */
.pluginBody {
  overflow: hidden;
  padding: 9px 28px;
}
/* ブログ内検索用デザイン */
.blogsearch:before,
.blogsearch:after {
  display: table;
  content: "";
}
.blogsearch:after {
  clear: both;
}
.blogsearch .box {
  width: 70%;
  float: left;
}
.blogsearch .btn {
  width: 22%;
  float: right;
  text-align: center;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: small;
	color: #460c03;
	line-height: 1.5;
	text-align: left;
	text-align: justify;
	text-justify: distribute-all-lines;
	font-family: 'Arial Unicode MS','osaka','arial','ＭＳ Ｐゴシック','monospace';
	-webkit-text-size-adjust: none;
	scrollbar-arrow-color: #d82923;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #d82923;
	overflow-x: hidden;
	background-image: url(http://file.ogchi.mamagoto.com/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 50%;
	cursor: default;
}

.contents {
    animation: fadeIn 0.5s linear 0s 1 normal;
    -webkit-animation: fadeIn 0.5s linear 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0.3}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0.3}
    100% {opacity: 1}
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

input, button, textarea, select {
	color: #75181b;
	font-size: small;
	padding: 5px;
	background: none;
	border:solid 1px #d82923;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	resize: none;  
}

strong {
	color: #7a1405;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	text-decoration: none; color: #7a1405;
	display: inline-block;
}

a:hover {
	text-decoration: none; color: #d82923;
	-webkit-animation: zoom .3s;
	animation: zoom .3s;
}

@-webkit-keyframes zoom {
	50% {
		-webkit-transform: scale(1.05);
	}
}

@keyframes zoom {
	50% {
		transform: scale(1.05);
	}
}


/*ヘッダー（サイトロゴとメニューが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;
	background-color:rgba(255,255,255,0.9);
	position: fixed;	/*画面上部に固定表示させる設定。不要ならこの１行削除。*/
	height: 50px;	/*ヘッダーの高さ*/
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);	/*影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);			/*同上*/
	z-index: 100;
}

/*ロゴ画像の設定*/
header #logo {
	width: 100px;	/*ブロック幅*/
	height: 50px;
	float: left;	/*左に回りこみ*/
	padding-top: 13px;	
}

/*inner
---------------------------------------------------------------------------*/
.inner {
	width: 750px;	/*幅*/
	margin: 0 auto;
}

/*メニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
.main-menu {
	float: right;	/*右寄せ*/
	margin-top: 15px;	/*上下バランスを取る為、上に少しスペースをとる。*/
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回りこみ*/
	letter-spacing: 0.2em;	/*文字間隔を少し広くとる設定。通常がいいならこの行削除。*/
}
#menubar a {
	display: block;
	color: #75181b;	/*文字色*/
	text-decoration: none;
	padding: 0px 20px;	/*上下、左右へとる余白*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
/*マウスオン時*/
#menubar a:hover {
	color: #d82923;	/*文字色*/
	background: url(http://file.ogchi.mamagoto.com/arrow1.png) no-repeat 0px;	/*背景色、背景画像の読み込み、リピートしない、左から12px、上下中央に配置。*/
}

/*３本バーアイコンを表示させない*/
#menubar_hdr {
	display: none;
}

/*contents
---------------------------------------------------------------------------*/
.contents {
	clear: both;
	width: auto;
	padding: 50px 0px;
}

.contents img {
	border: none;
	max-width: 100%;
	height: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 5px;
	float: center;
}

/*コンテンツのh2タグの設定*/
.contents h2 {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 100%;
	color: #d82923;
	padding-left: 5px;	/*アクセントラインと文字の間にとる余白*/
	padding-bottom: 3px;
	position: relative;
	border-bottom: 2px dotted #d82923;
}

.contents h3 {
	color: #460c03;
	padding-left: 8px;
	font-size: small;
}


.contents p {
	padding: 0px 15px 5px;
}

/*top
---------------------------------------------------------------------------*/
.top {
	margin-top: 20px;  
	margin-bottom: -10px;  
	float: center;	
	width: 100%;	/*メインコンテンツ幅*/
}

/*main-only
---------------------------------------------------------------------------*/
.main-only {
	max-width: 660px;	/*メインコンテンツ幅*/
	padding: 40px 60px 50px 60px;	/*ボックス内の余白*/
	margin-top: 20px;
	margin-bottom: 10px;
	background: #fff;
	overflow: hidden;
	word-break: break-all;
	border-radius: 10px;	/*角丸のサイズ*/
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

footer .pr {
	display: block;
	font-size: 80%;
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	width: 50px;
	bottom: 2%;
	right: 2%;
	position: fixed;
	clear: both;
}

#pagetop a {
	color: #fff;
	font-size: large;
	padding: auto;
	background: #440c08;
	text-decoration: none;
	text-align: center;
	display: block;
	border-radius: 10px;
}

#pagetop a:hover {
	background-color: #d82923;
	color: #fff;
}

/*その他
---------------------------------------------------------------------------*/
.pt150 {
	padding-top: 45px !important;
}

/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){

/*全体の設定
---------------------------------------------------------------------------*/
/*トップページの背景画像*/
body {
	background-image: url(http://file.ogchi.mamagoto.com/bg.jpg);
	background-repeat: repeat;
	background-position: 50%;/*一部古いスマホ用*/
	background-attachment: fixed;
	background-size: 80%;
}

/*inner
---------------------------------------------------------------------------*/
.inner {
	width: auto;
	margin: 0 10px;
}

#iframeBlock{
height:100%;

    .iframeBody{
    height:100%;

        iframe{
        border:none;
        width:100%;
        height:100%;
        padding:0;
        margin:0;
        }
    }
}

/*contents
---------------------------------------------------------------------------*/
.contents {
	padding: 0px 5px;
}

/*その他
---------------------------------------------------------------------------*/
.pt150 {
	padding-top: 50px !important;
}}

/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

/*全体の設定
---------------------------------------------------------------------------*/
/*トップページの背景画像*/
body {
	background-image: url(http://file.ogchi.mamagoto.com/bg.jpg);
	background-repeat: repeat;
	background-position: 50%;/*一部古いスマホ用*/
	background-attachment: fixed;
	background-size: 90%;
	font-size: x-small;
}	
	
/*ヘッダー（サイトロゴとメニューが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	position: static;
	height: 50px;	/*ヘッダーの高さ*/
}

/*メニュー
---------------------------------------------------------------------------*/
.main-menu {
	width: 97%;
	padding: 5px;	/*ボックス内の余白*/
	margin: 0px 0px 10px 0px;
	border-radius: 10px;
	background: rgba(255,255,255,0.9);
}
/*各メニューの設定*/
nav#menubar ul li {
	width: 50%;
}
nav#menubar ul li a {
	width: auto;
	display: block;
	padding: 10px 0px 5px 50px;
}
/*マウスオン時の設定*/
nav#menubar ul li a:hover {
	background: url(../images/arrow1.png) no-repeat 28px;	/*背景色、背景画像の読み込み、リピートしない、左から12px、上下中央に配置。*/
}

/*inner
---------------------------------------------------------------------------*/
.inner {
	width: auto;
	margin: 0 10px;
}

/*contents
---------------------------------------------------------------------------*/
.contents {
	padding: 0px 5px;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
.main , .sub , .main-only {
	float: none;
	width: auto;
	font-size: x-small;

}

.sub-menu {
	display: none;
}

/*その他
---------------------------------------------------------------------------*/
.info img {
	width: 60px;
	padding-top: 20px;
}
.mail input {
    width:  100%;
}
.mail textarea {
    width:  100%;
}
.gallery img {
	width: 30px;
	height: 30px;
}
.pt150 {
	padding-top: 0px !important;
}}