@charset: 'shift_jis';



/*---------- ページ全体の指定 ----------*/

/*---------- リセット ----------*/

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}


input[type="submit"] {
  -webkit-appearance: none;
}


a {
  text-decoration: none
}

ul {
  list-style: none;
}

a:link {
  /*font-size: 12px;*/
  color: #00f;
  border-bottom: 1px solid #00f;
}

a:hover {
  /*font-size: 12px;*/
  color: #00f;
  border-bottom: none;
}

a:visited {
  /*font-size: 12px;*/
  color: #00f;
}

ul,li {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  display: block;

  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;

  vertical-align: bottom;
}

a img:hover {
  opacity: .7;
}

.izoku-contents ul {
  padding: .5em 5px 1em;
}

.izoku-contents li {
  padding: .25em ;
}

body {
  font-family: Verdana, '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 16px;

  max-width: 650px;
  margin: 0 auto;

  letter-spacing: 0;

  color: #333;
  background: #fff;

  -webkit-text-size-adjust: 100%;
}

input[type=submit] {
  font-family: FontAwesome/*FontAwesomeをフォント指定*/
  ;
}



/*---------調整クラス----------*/

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.small {
  font-size: 75%;
}

.bold {
  font-weight: bold;
}

.del {
  font-size: .7rem;

  text-decoration: line-through;
}

.red {
  color: #c93a40;
}

.pink {
  color: #ff7794;
}

.orange {
  color: #f60;
}

.fzxl {
  font-size: 1.5rem;
}

.fzl {
  font-size: 1.2rem;
}

.fzs {
  font-size: .7rem;
}

.mt1r {
  margin-top: 1rem;
}


.ml1r {
  margin-left: 1rem;
}

.ml2r {
  margin-left: 2rem;
}

.mr1r {
  margin-right: 1rem;
}

.mr2r {
  margin-right: 2rem;
}

.mb1r {
  margin-bottom: 1rem;
}

.mb2r {
  margin-bottom: 2rem;
}

.m1r {
  margin: 1rem;
}

.p1r {
  padding: 1rem;
}

.pl1r {
  padding-left: 1rem;
}

.pb1r {
  padding-bottom: 1rem;
}

.m0-a {
  margin: 0 auto;
}


.dblock {
  display: block;
}

.dinline {
  display: inline;
}

.dinlineb {
  display: inline-block;
}
.diblock{
  display: inline-block;
}

.dflex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.odr1 {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  -o-order: 1;
  order: 1;
}

.odr2 {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  -o-order: 2;
  order: 2;
}

.bdn {
  border: none;
}

.ofh {
  overflow: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.bgct {
  background-color: transparent;
}

.bt {
  border-top: 2px solid #eaeaea;
}


.uline-blue {
  border-bottom: 1px solid #05a9c5;
}


/*-------自分史メニュー部分---------*/

.izoku-menu {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69ad0f+0,93ad72+100 */
  background: #69ad0f; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #69ad0f 0%, #93ad72 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #69ad0f 0%,#93ad72 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #69ad0f 0%,#93ad72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ad0f', endColorstr='#93ad72',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.izoku-menu ul {
font-size: 0;
}

.izoku-menu li {
  border: 1px solid #ccc;
  text-shadow: 1px 1px 2px #000;
display: inline-block;
width: 50%;
}

.izoku-menu a {
  font-size: 0.8rem;

  display: block;

  text-align: center;
  text-decoration: none;

  color: #fff;
  border: none;
}



/*-------見出し部分---------*/



/*h2.jibun-h2 {
  font-size: 1.3rem;

  margin-bottom: 2rem;

  text-align: center;

  background-color: rgba(255, 255, 255, .8);
}
*/
h2.izoku-h2 {
  line-height: 1.8rem;

  margin-right: .7rem;
  margin-left: .7rem;
  padding: .4rem .6rem;

  border-bottom: 1px solid #87AE55;
  border-left: 10px solid #87AE55;
  background-color: rgba(255, 255, 255, 1);
}
h2.izoku-h2 span {
  color: #f00;
}

/*----------メイン部分----------*/

main {
  max-width: 650px;
  margin: 0 auto;
}

.izoku-contents {
  padding-bottom: 1rem;
  padding-top: 1rem;

  background-image: url(../img/jibun-izoku-bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}


.block {
  line-height: 1.5rem;

  overflow: hidden;

  margin: 0 .7rem .7rem .7rem;
  /*  border-right: 2px solid#eaeaea;
  border-bottom: 2px solid#eaeaea;
  border-left: 2px solid#eaeaea;*/
  background-color: rgba(255, 255, 255, 1);
}


.izoku-pan ul {
  line-height: .9rem;
  background-color: #D9F0C1;
}

.izoku-pan li {
  font-size: .8rem;

  display: inline;

  margin: 0;
}

.izoku-pan li a {
  border-bottom: none;
}


.jibunshi-merit ul {
  padding: .5em 5px 1em;
}

.jibunshi-merit ul li {
  /*border-bottom: 1px solid #333;*/
}


.jibunshi-merit ul li:before {
  margin-right: .3rem;
  padding-left: 1rem;

  content: '\02714';

  color: red;
}

.block-link {
  display: block;

  padding: 0 1rem 1rem 1rem;

  text-align: right;
}


.izoku-contents table{
  background-color: #fff;
}

/*-----カウンター-----*/

.counter {
  font-size: .8em;

  text-align: center;
}

.counter img {
  display: inline;

  vertical-align: bottom;
}




/*---------フッター部分---------*/

.izoku-footer {
  background-image: url(../img/jibun-bg-moto.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.izoku-footer .footer-address {
  line-height: 1.5;

  background-color: rgba(255, 255, 255, 1);
}

.izoku-footer .counter {
  background-color: #b2c480;
}




/*----------------------------------------------- ここから各ページの
デザイン -----------------------------------------------*/


/*----------ご挨拶と会社概要ページ----------*/

.izoku-company-table table {
  margin: 1rem auto 1rem auto;
  padding-bottom: 1rem;
  width: 95%;

  border-collapse: collapse;

  text-align: left;
}
.izoku-company-table th{

background-color: #ffffe8;
width: 30%;
}
.izoku-company-table th,
.izoku-company-table td {
  padding: .5rem;

  border: 1px solid #000;
}

/*----------このようなことが出来ますページ----------*/
.izoku-dekimasu{
max-width: 40%;
margin: .5rem 1rem 0rem 1rem;}

.izoku-dekimasu dd{

  font-size: .9rem;
}


/*----------会葬礼状ページ----------*/
.izoku-kaisou{
  text-align: center;

}

.izoku-kaisou img{
padding-right: 1rem;
padding-top: .2rem;
padding-bottom: 1rem;

width: 45%;
display: inline-block;
}

.izoku-kaisou2{
  text-align: center;
}

.izoku-kaisou2 i{
  color: #c93a40;
}

.izoku-kaisou2 dl{
  width: 80%;
  border: 1px solid #05a9c5;
  border-radius: 5px  ;
  margin: 1rem auto;
  padding: 1rem;
}





/*----------このようなことが出来ますページ使いまわし部分----------*/

.izoku-rei{
  text-align: center;
}

.izoku-rei img{
  display: inline-block;
  width: 45%;
  vertical-align: middle;
}


.izoku-zukai{
  width: 90%;
  text-align: center;
  border: 1px solid #05a9c5;
  border-radius: 5px  ;
  margin: 1rem auto;
}

.izoku-dekimasu-qr{
  text-align: center;

}

.izoku-dekimasu-qr img{
padding-right: 1rem;
padding-top: .2rem;
padding-bottom: 1rem;

width: 45%;
display: inline-block;
}



.izoku-dekimasu-qr i{
  color: #c93a40;
}

.izoku-dekimasu-qr dl{
  width: 80%;
  border: 1px solid #05a9c5;
  border-radius: 5px  ;
  margin: 1rem auto;
  padding: 1rem;
}

.izoku-zukai dl{
  display: inline-block;
  border: none;
  width: 50%;
 vertical-align: middle;
  padding: 0;
}



/*----------メモリアルバムとはページ----------*/

.izoku-toha{
  text-align: center;
}

.izoku-toha dl{
  display: inline-block;
width: 30%;
margin-left: 1%;
margin-right: 1%;
vertical-align: top;
}
.izoku-toha a{
border-bottom: none;
}



/*----------メモリアルバムデモ画面ページ----------*/



table.izoku-demo-table  {
  margin: 1rem auto 1rem auto;
  padding-bottom: 1rem;
  width: 95%;

  border-collapse: collapse;

  text-align: left;
}
.izoku-demo-table th{

background-color: #ffffe8;
width: 30%;
}
.izoku-demo-table th,
.izoku-demo-table td {
  padding: .5rem;

  border: 1px solid #000;
}


/*----------無料お試し・料金体系ページ----------*/


table.izoku-ryoukin-table  {
  margin: 0 auto 1rem auto;
  padding-bottom: 1rem;
  width: 95%;

  border-collapse: collapse;

  text-align: left;
  background-color: #fff;
}
.izoku-ryoukin-table th{

background-color: #ffffe8;
width: 60%;
}
.izoku-ryoukin-table th,
.izoku-ryoukin-table td {
  padding: .5rem;

  border: 1px solid #000;
}


.izoku-ryoukin-menu{
  text-align: center;
}

.izoku-ryoukin-menu select {
  width: 94%;
  padding: 10px;

  border: 1px solid #05a9c5;
  border-radius: 6px;
  background: #eee;
  background: url(../img/arrow.png) 95% 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
  background: url(../img/arrow.png) 95% 50% no-repeat, linear-gradient(to bottom, #fff 0%, #efebe1 100%);
  background-size: 20px, 100%;
  font-size: .9rem;
}

.izoku-ryoukin-menu input {
  font-weight: bold;

  position: relative;

  width: 60%;
  margin-top: .5rem;
  margin-bottom: 2rem;
  padding: 10px;

  color: #fff;
  /*border: 1px solid #999;*/
  border-radius: 6px;
  background: #c93a40;
  box-shadow: 0 5px 0 #7d3f42;
}

.izoku-ryoukin-menu input:hover {
  cursor: pointer;
}

.izoku-ryoukin-menu input:active {
  top: 5px;

  box-shadow: none;
}


/*----------お問い合わせページ----------*/

form.izoku-otoiawase{
  width: 80%;
  margin: 0 auto;

}

form.izoku-otoiawase p{
  padding-bottom: 0;
  font-weight: bold;
}

form.izoku-otoiawase span{
color: #c93a40;
font-size: .8rem;
border: 2px solid #c93a40;
border-radius: 5px;
margin-left: 1rem;
}

.izoku-otoiawase input[type="text"],
.izoku-otoiawase select,
.izoku-otoiawase textarea
{
  width: 95%;
  background-color: #fff;
  margin-bottom: 1rem;
  padding: 0.5rem;
  border: 1px solid #bbb;
  border-radius: 5px;
}

.izoku-otoiawase input[type="submit"] {
  /*font-weight: bold;*/

  position: relative;

  width: 60%;
display: block;
  padding: 10px;
  margin: 0 auto;
  margin-bottom: 1rem;

  color: #fff;
  /*border: 1px solid #999;*/
  border-radius: 6px;
  background: #c93a40;
  box-shadow: 0 5px 0 #7d3f42;
}

.izoku-otoiawase input[type="submit"]:hover {
  cursor: pointer;
}

.izoku-otoiawase input[type="submit"]:active {
  top: 5px;

  box-shadow: none;
}

/*----------2017/12/27追加分----------*/
video {
  width: calc(100% - 8px);
  margin: -16px 4px 0;
  border: 6px inset #444;
  border-radius: 10px;
}
.w90per {
  width: 90%;
  margin: auto;
}
.cha {
	color: #8a0808;
}
.merit {
	background: url('../../mm_img/check.png') no-repeat;
	background-size: 24px;
	margin-left: 12px;
	padding-top: 8px;
	padding-left: 24px;
}
.aka {
	color: #f00;
}
.green {
	color: #080;
}
.tdub {
	text-decoration: underline;
}
.try {
	display: table;
	width: 100%;
	max-width: 420px;
	margin: auto auto 6px;
	padding: 4px;
	border: 0 !important;
}
.nowrap {
	white-space: nowrap
}
.go {
	font-weight: bold;
	font-size: 14px;
	line-height: 44px;
	text-align: center;
	border-radius: 18px;
	border: outset 2px #333 !important;
	margin: 8px 16px 16px;
	padding: 0;
	box-shadow: 2px 2px 2px #777;
}
.go a {
	display: block;
	width: 100%;
	height: 48px;
	background: #dfe;
	border: outset 2px #aaa !important;
	border-radius: 16px;
	margin: 0;
	padding: 0;
}