@charset "shift_jis";

@font-face
{
font-family: しねきゃぷしょん;
src: local('../font/amemuchi-cinderella.ttf');
src: url('http://makuro.webcrow.jp/font/amemuchi-cinderella.ttf');
}


body {  
	color: #000000;
	margin: 0px;
	padding: 20px;
	text-align: left;
	font: 75%/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background-image: url(images/br.jpg);	/*壁紙*/
        -webkit-text-size-adjust: 100%;
	color: #333333;
}


#targetspace {
    border: 2px solid #0a0;  /* 枠線 */
    border-radius: 0.67em;   /* 角丸 */
    padding: 0.5em;          /* 内側余白 */
    width: 100%;             /* 横幅 */
    box-sizing: border-box;  /* はみ出しを防ぐ対策 */
    background-color: #fff;  /* 背景色 */
    line-height: 1.6;        /* 行の高さ */
}
/* ▼ハイライトON/OFFボタン枠の装飾（任意） */
.controlpanel {
    margin: 1em 0;           /* 外側余白 */
    padding: 1em;            /* 内側余白 */
    background-color: #eee;  /* 背景色 */
}
/* ▼ハイライト部分の装飾 */
span.mark1 { background-color: yellow; } /* 黄色ハイライト用 */
span.mark2 { background-color: lime; }   /* 緑色ハイライト用 */
span.mark3 { background-color: #0ff; }   /* 水色ハイライト用 */






ul{
	list-style-type: none;
}


div#fc2_bottom_bnr{position:static!important;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #85623e;
	outline: none;}

a:hover {
	color: #46BDC1;			/*カーソルオーバー時の文字色*/
	text-decoration: none;	/*カーソルオーバー時に下線を消す設定*/
}


#right { text-align:right;}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}



/*メインコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/

#main { font-size:22px;
}

.box  { background-color:#b8b9d7; 
        margin:30px;
        padding : 20px ;
 }

.daimei { white-space: nowrap;
          background-color:white; }

.umi { white-space: nowrap;
          background-color:white; }


ul#menu li {
	float: left;
}

ul#menu img {
	vertical-align: bottom;
}


#new { border: #01DFD7 2px ;
 }

img.naiyou {float:left ;}

p.naiyou { float:left ;}

a:hover img{ background-color: #88AAFF;
}

img{ border: none;
     padding: 3px; }


/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
	padding-bottom: 1em;
	position: relative;
	height: 300px;
	width: 900px;
        float:left;
}

#mainimg .slide_file {
	display: none;
}

#slide_image {
	z-Index:2;
	position: absolute;
	left:0px;
	top:0px;
}

#slide_image2 {
	z-Index:1;
	position: absolute;
	left:0px;
	top:0px;
}

#kousinn { float:right; }

span {  overflow:auto;}

.under {
  border-bottom: solid 3px #000000;
font-size:39px;
}

/*その他
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  p { width:28em ;}}

@media screen and (max-width: 768px) {  /*android*/
  p       { width:28em ;
            margin-right:auto;
            margin-left:auto;
            text-align:left; }

.back  { float:right;
         padding:0px 50px;
         font-size: 30px;}

.next  { text-align:right;
         padding:0px 50px;
         font-size: 30px;}

.box-siro { background-color:#FFFFFF; 
            margin:30px;
            padding : 20px ;} 

.come{
	  text-align: center;
          font-size: 150%;	/*文字サイズ*/
	
}

 .icn{ position: relative; padding:15px; margin:0; float:left; } 
 .icn::before,
 .icn::after{ position:absolute; content: ''; border-radius: 100%} 
 .icn::before{ top:10px; left:0; z-index:2; width:18px; height:18px; background:rgba(255,255,255, .5); } 
 .icn::after { top:5px; left:10px; width:13px; height:13px; background:rgba(135,206,235,.5); } 


#bn { text-align: center;}

#mainsub { border-left: #f0f 2px solid; 
           border-right: #01DFD7 2px solid;
           background-color: #ff0;
}


.ph { float: left;
      margin-right: 30px; }

.data { float:left ; }

#count { text-align: right;}

.mailform {text-align:center;}