@charset "utf-8";
/*
Theme Name: AppEntrance Yamanobu Custom
Theme URI: http://www.systemplant.com/
Description: AppEntrance Yamanobu Custom
Version: 1.0
Author: SystemPlant Tomonori Sugiura
Author URI: http://www.systemplant.com/
Tags: AppEntrance

*/

*{margin:0;padding:0;}

body{
/* font:12px,"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; */
/* font:12px,"Hiragino Kaku Gothic ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif,"Lucida Sans Unicode", "Lucida Grande", Arial; */
font-family:'HiraKakuProN-W3',‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘Georgia’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, ‘Webフォント’, sans-serif;
font-size:12px;
color:#333;
/* background: #f3f3f3 url(images/bg.png) repeat-x top; */
/* background-color:#DDDDDD; */
/* background-color:#99cc00; */
background-color:#ffffff;
}

a{color:#000;text-decoration:none;}
a:hover{color:#333;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
/* width: 800px; */
/* width: 820px; */
 width:100%;
position: relative;
}

/*************
/* ヘッダー
*************/
#header{

}

#header h1 {
color: #333;
padding: 3px 0 5px;
font-size: 48px;
font-weight: normal;
text-align:center;
disyplay:block;
}


/*************
/* トップナビゲーション
*************/

/*************
メインイメージ
*************/

/*************
メインコンテンツ
*************/
#flyer {
/*  width:800px; */
width:96%;
/*  margin:10px; */
padding:2%;
  border-bottom: solid 1px #999999;
/*  background-color:#ffffff; */
  background-color:#99cc00;
}

#flyer h2 {
  display:block;
  font-size:48px;
  color: #ff0000;
  text-align:center;
}

#flyer img {
/*	width:800px; */
  width:96%;
}

#main {
/*  color:#333333; */
  padding-left:5%;
  padding-right:5%;
  color:#000000;
  font-size:48px;
  background-color:#ffffff; 
}

#main a {
/*  color: #000099; */
  color: #000022;
  word-break: break-all;
}

#main p {
　　　overflow-wrap: break-word;
　　　word-wrap: break-word;align-content
	  word-break: break-all;
}

#main .box  {
/*  width:820px; */
	width:100%;
  height:320px; 
/*  background-color:#ffffff; */
  display: block;
  border-bottom: solid 1px #999999;
/*  border: solid 1px #999999; */
/*  border-radius: 10px;        /* CSS3草案 */  
/*  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
/*  -moz-border-radius: 10px;   /* Firefox用 */ 
  margin-top:10px;
}

#main .boximagearea{
  float:left;
  display:block;
  width:40%;
  /* width:400px; */ 
  height:300px;
  margin:0 5%;
　text-align:center;
}

#main .boximagearea img {
  width:80%;
  /* width:400px; */ 
  height:300px;
  margin:0 auto;
}

#main .boxtextarea {
  display:block;
/*  font-size:36px; */
  font-size:40px;
  width:100%;
}

#main .boxtextarea span {
  font-size:48px;
}

#main .blog {
  /* width:820px; */
  width:100%;
  display:block;
  margin-top:20px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: solid 1px #999999;
  font-size:36px;
}

#main .blog img{
  margin-left:10px;
}

#main .clearfix:after { 
  display: block;
  clear:both;
  height:0px;
  visibility:hidden; 
  content:"."; 
} 

#main .clearfix { 
    min-height: 1px; /*IE6、7対策*/ 
} 

#main .pushbox  {
  /* width:800px; */
  width:96%;
  height:200px;
  display: block;
  border-bottom: solid 1px #999999;
  font-size:48px;
/*  border: solid 1px #999999; */
/*  border-radius: 10px;        /* CSS3草案 */  
/*  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
/*  -moz-border-radius: 10px;   /* Firefox用 */ 
  margin-top:10px;
}

#main #date {
  float:right;
  display:block;
  text-align:right;
}

#main .contentimgae img {
  margin-top:10px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
}

#infonav {
  margin-left:auto;
  margin-right:auto;
}

#infonav img{
  width:20%;
}

#back-btn {
    position: fixed;
    left: 5%;
    bottom: 0;
    font-size: 77%;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

#back-btn a {
    /* background: #666; */
    text-decoration: none;
    color: #fff;
    width: 160px;
    height:160px;
/*    padding: 20px 0; */
    text-align: center;
    display: block;
    /* border-radius: 5px; */
}
#back-btn a:hover {
    text-decoration: none;
    /* background: #999; */
}

#pet-btn {
    position: fixed;
    right: 5%;
    bottom: 0;
    font-size: 77%;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

#pet-btn a {
    /* background: #666; */
    text-decoration: none;
    color: #fff;
    width: 160px;
    height:160px;
    text-align: center;
    display: block;
    /* border-radius: 5px; */
}
#pet-btn a:hover {
    text-decoration: none;
    /* background: #999; */
}


/*************
/* フッター
*************/
#footer{
font-size: 10px;
clear:both;
padding: 10px 0 10px;
border-top: 1px dotted #ccc;
}

address{
color: #999999;
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

/* ----------------------------------------------------------------------
 button - CSSボタンのスタイル
---------------------------------------------------------------------- */
.q_button { min-width:200px; max-width:90%; background-color:#535353; display:inline-block; vertical-align:middle; padding:.6em 1.3em .5em; font-weight:400; font-size:100%; color:#fff; margin:0; text-decoration:none; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; transition:all 0.3s ease-in-out 0s; box-shadow:0 1px 3px rgba(0,0,0,.15); }
.q_button:hover, .q_button:focus { text-decoration:none; color:#fff; background-color:#7d7d7d; box-shadow:0 2px 2px rgba(0,0,0,.15) inset; }
/* Button option */
.rounded { border-radius:6px; }
.pill { border-radius:50px; }
.sz_full { min-width:100px; max-width:100%; display:block; font-size:110%; padding:1em 1.5em .9em; }
.sz_l { min-width:350px; max-width:90%; font-size:110%; padding:.8em 1.5em .7em; }
@media screen and (max-width: 479px) {
  .sz_l { min-width:320px; max-width:95%; }
}
.sz_s { min-width:100px; max-width:90%; font-size:85%; padding:.4em 1em .3em; }
.bt_red{ background:#c01f0e; color:#fff; }
.bt_red:hover, .bt_red:focus { background-color:#d33929; color:#fff; }
.bt_yellow{ background:#f1c40f; color:#fff; }
.bt_yellow:hover, .bt_yellow:focus { background-color:#f9d441; color:#fff; }
.bt_blue{ background:#2980b9; color:#fff; }
.bt_blue:hover, .bt_blue:focus { background-color:#3a91c9; color:#fff; }
.bt_green{ background:#27ae60; color:#fff; }
.bt_green:hover, .bt_green:focus { background-color:#39c574; color:#fff; }
/* Style for orion  */
.bt_orion { background:#ccc; color:#fff; text-decoration:none; display:inline-block; margin:0; padding:0 30px; max-width:300px; height:50px; line-height:50px; text-align:center; font-size:14px; }
.bt_orion:hover { text-decoration:none; color:#fff; }
.bt_orion:after {
  font-family:'design_plus'; content:'\e910'; font-size:17px; color:#fff; display:inline-block; padding-left:10px; position:relative; top:2px; 
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}