@charset"UTF-8";
body{
            font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
            background-color: #FCF7C2;
            background-image: url(https://www.banana-estragada.com/image/logo_lightbrown125.png);
            background-attachment: fixed;
}
a:hover{
	     color: #ff0000;
}
a[name]:hover {
	     color: #000000;
}
a:active{
	     color: #ff0000;
}

#main{
            margin: 0px auto;
            padding: 5px;
            max-width: 610px;
            width: 100%;
}

#contents{
            margin: 0px;
            padding: 5px;
            background-color: #ffffff;
            background-image: none;
}

/*! contents text */
h1{
            border: solid 3px #cccccc;
            margin-top: 0px ;
            margin-bottom: 0px ; 
            padding: 2px 2px 0px 2px ;
            font-weight: normal;
            font-size: 14px; 
            text-align: left;  
            line-height: 1.5em;   
}
h2{
            margin-top: 10px ;
            margin-bottom: 30px ;
            margin-right: 5px;
            font-weight: normal;
            font-size: 14px; 
            color: #ff0000;
            text-align: right;  
            line-height: 1.3em;   
}
em{
            font-style: normal; 
            font-weight: normal;
            font-size: 18px;
}
strong{
            font-style: normal; 
            font-weight: bold;
            font-size: 18px;
}
p{
            font-style: normal; 
            font-weight: normal;
            font-size: 14px;
            text-align: left;
            line-height: 1.5em;
}




/*! header*/
#header{
}
p.header{
            font-style: normal; 
            font-weight: normal;
            font-size: 9px;
            text-align: center;
            margin: 0px 0px 10px 0px ;
            padding: 0px ;
            line-height: 1em;
}

/*! footer & copyright*/
#footer{
}
p.footer{
            font-style: normal; 
            font-weight: normal;
            font-size: 12px;
            text-align: center;
            line-height: 1.5em;
}


/*! guide*/
p.guide{
            background-color: #ffffff;
            background-image: none;
            font-style: normal; 
            font-weight: normal;
            font-size: 12px;
            text-align: left;
            margin: 0px auto;
            padding: 5px 5px 3px 5px ;
}


/*! home (Page Top) */
#home{
            margin: -12px 0px 0px 0px ;
            padding: 5px;
}
p.home{
            font-style: normal; 
            font-weight: normal;
            font-size: 14px;
            text-align: right;
            margin: 0px 0px 5px 0px ;
            line-height: 1.3em;
}

/*! information */
p.info{
            font-style: normal; 
            font-weight: normal;
            font-size: 12px;
            text-align: left;
            line-height: 1.5em;
}

.fb-page-iframe{
            text-align: center;
            margin-top: 60px; 
            margin-bottom: 30px;
}


/*! 

iframe.information{
            width: 90% !important; 
            height: 150px;
            text-align: center; 
}

#fb_information{
            margin-top: 75px;
            margin-left: -5px;
            margin-right: auto;
            padding: 0px;
            width: 90% !important;
            height: 600px;
            text-align: center; 
}

.facebook-wrapper {
    max-width: 450px; 
    margin: 0 auto;
}
 
.facebook-wrapper > .fb-page {
    width: 90%;
}
 
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 90% !important;
}

*/





#qrcord{
            margin-top: 30px;
            margin-left: auto;
            margin-right: auto;
}
#sns-account{
            margin-top: 30px;
            margin-bottom: 30px;
            margin-left: auto;
            margin-right: auto;
}

/*! information_title text */
p.information_title{
            font-style: normal; 
            font-weight: normal;
            font-size: 12px;
            text-align: center;
            line-height: 0em;
}

/*! trade */
.trade{
            margin: 0px;
            padding: 0px;
}
.section{
            margin: 5px;
            padding: 5px;
            background-color: #ffffff;
}

/*! mi sm ot index */
#index{
            padding: 5px;
            background-color: #ffffff;
}
p.index{
            font-size: 14px;
            margin-top: 20px
}
ul.index{
            padding: 5px;
            list-style-type: none;
            font-size: 14px;
            line-height: 2em;
}

/*! index list */
#sub-index{
            margin-bottom: 50px ;
}
#sub-index ul > li{
            margin: 5px;
            padding: 0px;
            width: 35%;
            height: auto;
            display: inline-block;
            text-align: left;
            vertical-align: top;
}
#sub-index li{
            font-size: 14px;
}
.index-list{
            margin: 0px ;
            padding: 0px;
}
p.list-header{
            font-style: normal; 
            font-weight: bold;
            font-size: 14px;
            margin-left: 10px;
}
.list{
            width: auto;
            background-color: #ffffff;
            margin: -15px 0px 0px 0px ;
            padding: 0px;
            display: block;
}


.list:after{
            content: "";
            clear: both
}
.list_imageslide{
            float: left;
            width: 87px;
            margin: 0px;
            padding: 3px;
}

.list_text{
            float: none;
            width: auto;
            margin-left: 107px;
            padding: 0px;
            text-align: left;
}
.list_text h1{
            border: none;
            font-style: normal; 
            font-weight: normal;
            font-size: 14px;
            text-align: left;  
            line-height: 1.3em;   
}
.list_text h2{
            font-style: normal; 
            font-weight: normal;
            font-size: 14px;
            color: #ff0000;
            text-align: right;  
            line-height: 1.3em;   
}
.list_text em{
            font-style: normal; 
            font-weight: normal;
            font-size: 14px;
}
.list_text strong{
            font-style: normal; 
            font-weight: bold;
            font-size: 18px;
}



/*! contents image */
.index-gallery{
}
.main-gallery{
}
.main-gallery img{
	    width: 100%; 
            height: auto;
            border: 0;
}
img.auto{
            width: 100%; 
            height: auto;
            border: 0;
}



/*! image flick v2.0.2 */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline : 0;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select:  none;
     -moz-user-select:  none;
      -ms-user-select:  none;
          user-select:  none
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: #fff; 
  background: hsla(0,0%,100%,.75);
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.flickity-prev-next-button:hover{
  background: #fff
}

.flickity-prev-next-button:focus{
  outline: 0;
  box-shadow: 0 0 0 5px #09F
}

.flickity-prev-next-button:active{
  opacity: .6
}

.flickity-prev-next-button.previous{
  left:10px
}

.flickity-prev-next-button.next{
  right:10px
}

.flickity-rtl .flickity-prev-next-button.previous{
  left: auto;
  right: 10px
}

.flickity-rtl .flickity-prev-next-button.next{
  right: auto;
  left: 10px
}

.flickity-prev-next-button:disabled{
  opacity: .3;
  cursor: auto
}

.flickity-prev-next-button svg{
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%
}

.flickity-prev-next-button .arrow{
  fill: #333
}

.flickity-page-dots{
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1
}

.flickity-rtl .flickity-page-dots{
  direction: rtl
}

.flickity-page-dots .dot{
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer
}

.flickity-page-dots .dot.is-selected{
  opacity: 1
}


/*! page top button */
#page-top {
    position: fixed;
    overflow:auto;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #980000;
    text-decoration: none;
    line-height: 100%;
    color: #ffff00;
    width: 40px;
    height: 20px;
    padding: 12px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    color: #980000;
    background: #ffff00;
}


/*! Drawer menu */
#my-div {
   height: 100vh;
}
#my-menu:not( .mm-menu ) {
   display: none;
}



/*! sns 投稿ボタン */

p.sns{
            font-style: normal; 
            font-weight: normal;
            font-size: 11px;
            text-align: right;
            line-height: 1.2em;
            padding-top: 15px;
            padding-right: 10px;
}
.sns{
    list-style-type:none;
    text-align:right;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 10px;
}
.sns li{
    display:inline-block; 
    margin-right:2px;
    vertical-align:bottom;
    text-align:right; 
    zoom: 1;
}



/*! sns 公式アカウントボタン */


/*インスタフォローボタン*/
/*ボタンの下地*/
.insta_btn{
    color: #FFF;            /*文字・アイコン色*/
    border-radius: 3px;     /*角丸に*/
    position: relative;
    display: inline-block;
    height: 20px;           /*高さ*/
    width: 80px;            /*幅*/
    text-align: center;     /*中身を中央寄せ*/
    font-size: 11px;        /*文字のサイズ*/
    line-height: 20px;      /*高さと合わせる*/
    vertical-align: middle; /*垂直中央寄せ*/
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
                            /*グラデーション①*/
    overflow: hidden;       /*はみ出た部分を隠す*/
    text-decoration:none;   /*下線は消す*/
    vertical-align: top;    /*並べた時のズレを修正*/
}
.insta_btn:before{
	         /*グラデーション②*/
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;            /*全体を覆う*/
    height: 100%;           /*全体を覆う*/
    background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
    background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
/*アイコン*/
.insta_btn .fa-instagram{
    font-size: 12px;        /*アイコンサイズ*/
    position: relative;
    top: 1px;               /*アイコン位置の微調整*/
}
/*テキスト*/
.insta_btn span{
    display:inline-block;
    position: relative;
    transition: .5s
}
/*インスタフォローボタンここまで*/


/*fbボタン*/
/*ボタンの下地*/
.fb_btn{
    color: #FFF;/*文字・アイコン色*/
    border-radius: 3px;/*角丸に*/
    position: relative;
    display: inline-block;
    height: 20px;/*高さ*/
    width: 75px;/*幅*/
    text-align: center;/*中身を中央寄せ*/
    font-size: 11px;/*文字のサイズ*/
    line-height: 20px;/*高さと合わせる*/
    vertical-align: middle;/*垂直中央寄せ*/
    background-color: #3B5998;
    overflow: hidden;/*はみ出た部分を隠す*/
    text-decoration:none;/*下線は消す*/
    vertical-align: top;/*並べた時のズレを修正*/
}
/*アイコン*/
.fb_btn .fa-facebook{
    font-size: 12px;/*アイコンサイズ*/
    position: relative;
    top: 1px;/*アイコン位置の微調整*/
}
/*テキスト*/
.fb_btn span{
    display:inline-block;
    position: relative;
    transition: .5s
}
/*fbボタンここまで*/

/*tweeterボタン*/
/*ボタンの下地*/
.tw_btn{
    color: #FFF;/*文字・アイコン色*/
    border-radius: 3px;/*角丸に*/
    position: relative;
    display: inline-block;
    height: 20px;/*高さ*/
    width: 62px;/*幅*/
    text-align: center;/*中身を中央寄せ*/
    font-size: 11px;/*文字のサイズ*/
    line-height: 20px;/*高さと合わせる*/
    vertical-align: middle;/*垂直中央寄せ*/
    background-color: #000000;
    overflow: hidden;/*はみ出た部分を隠す*/
    text-decoration:none;/*下線は消す*/
    vertical-align: top;/*並べた時のズレを修正*/
}
/*アイコン*/
.tw_btn .fa-twitter{
    font-size: 12px;/*アイコンサイズ*/
    position: relative;
    top: 1px;/*アイコン位置の微調整*/
}
/*テキスト*/
.tw_btn span{
    display:inline-block;
    position: relative;
    transition: .5s
}
/*tweeterボタンここまで*/

.sns-account{
    list-style-type:none;
    text-align:center;
    margin-top: 0px;
    margin-bottom: 30px;
    margin-left: -40px;
}
/* display:inline-block;を指定 */
.sns-account li{
    display:inline-block;
    margin-right:2px;
    vertical-align:bottom;
    text-align:center;
    zoom: 1;
}