/*
Theme Name: panolaboWP
Theme URI: http://eyesup.jp/
Version: 0.2.2

Author: kenichiro numa
Author URI: http://eyesup.jp/
Description: 
Tags: light, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fluid-layout, fixed-layout, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

	Copyright: (c) 2014 numaken
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*=========================================
	Main Styles
=========================================*/


html {
  height: 100%;
}

.h3, h3 {
    font-size: 24px;
}

.h4, h4 {
    font-size: 21px;
}

body {
font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
font-size: 13px;
line-height: 1.4em;
color: #515151;
background-color: #f5f5f5;
<!-- padding-top: 40px; -->
height: 100%;
letter-spacing: -0.07px;
}

small {
  font-size: 80%;
}


#footer {
    min-height: 200px;
    margin-top: 70px;
    padding: 50px;
    background-color: #1e2629;
    
}


.bottom {
    height: 200px;
    margin-top: 50px;
    padding: 50px;
    background-color: #2e3639;
}

        
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.page-header {
padding-bottom: 9px;
margin: 5px 5px 0 5px;
border-bottom: 1px solid #eee;
}



/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* ========================================
   Links
   ======================================*/


a:hover, a:active { 
    outline: 0; 
    text-decoration:none;
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
}

a:hover img{
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
}



/* Big Button styles
-------------------------------------------------- */

.btn-xxl {
  padding: 10px 15px;
  border-radius: 5px;
}



/* Sticky footer styles
-------------------------------------------------- */

/* Wrapper for page content to push down footer */
#wrap {
    
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto;
}
 
/* Set the fixed height of the footer here */
#push {
  height: 10px;
  bottom: 0;
}



.panoview {
    max-height: 480px;
    overflow: visible;
    margin-top: 20px;
}

.panoview-menu {
  margin: 5px 0 5px 15px ;
  padding: 5px 15px;
  line-height: 1.42857143;
  background-color: #fff;
  -webkit-border-radius: 3px ;
  -moz-border-radius: 3px ;
  border-radius: 3px;
  box-shadow:  0 1px 2px rgba(0,0,0,.1);
  background-color: rgba(0, 0, 0, 0.7);
}

.bigview-btn{
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}


.top_start_point {
  padding-top: 60px;
}

.tagmgn {
margin-top: 8px;
background-image: url(images/body_bg2.jpg); 

}

.row {
  margin-right: 0px;
  margin-left:  0px;
}

.row-margin {
    padding: 25px;
}

.border {
    padding: 0 15px 15px 15px;
/* border */
    border-top: 1px rgb(204, 204, 204);
    
/* box-shadow */
box-shadow:rgba(85, 85, 85, 0.298039) 0px 7px 10px -4px;
-webkit-box-shadow:rgba(85, 85, 85, 0.298039) 0px 7px 10px -4px;
-moz-box-shadow:rgba(85, 85, 85, 0.298039) 0px 7px 10px -4px;    
    
}

/*=========================================
	box Styles
=========================================*/

.box_player {

width: 100%;
background: #ffffff;
border-bottom: 1px solid #b1b1b1;
padding: 10px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.box_map {

width: 100%;
max-height: 100%;
background: #ffffff;
border-bottom: 1px solid #b1b1b1;
padding: 10px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.box_spot {

width: 100%;
max-height: 100%;
background: #ffffff;
border-bottom: 1px solid #e5e5e5;
padding: 10px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.box_tags {

width: 100%;
background: #e7e7e7;
border: 1px solid #eeeeee;
float: left;
margin-top: -40px;

}

.box_tags_box {

background: #e7e7e7;
border: 1px solid #eeeeee;
padding: 50px 70px;
float: left;

}

.box {
/* if not using border-box 
    width: 218px; 
*/
width: 250px;
background: #ffffff;
/*
    border: 1px solid #999;
*/
border: 1px solid #e7e7e7;
border-bottom: 1px solid #b1b1b1;
margin: 10px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*

-webkit-box-shadow: 0px 0px 5px 1px #aaa;
box-shadow: 0px 0px 5px 1px #aaa;

*/
    
}

.list {
/* if not using border-box 
    width: 218px; 
*/
width: 100%;
background: #ffffff;
/*
    border: 1px solid #999;
*/
border-bottom: 1px solid #b1b1b1;
margin: 10px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*
-webkit-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: 0px 0px 5px 1px #aaa;
box-shadow: 0px 0px 5px 1px #aaa;

*/
    
}

        .box h2{
            padding: 0px 15px 0px 15px;
            font-size: 14px;
            margin-top: 10px;
            font-weight: 700;
        }

        .box h3{
            padding: 0px 15px 0px 15px;
            font-size: 12px;
            font-weight: 500;
            margin-top: 10px;
            letter-spacing: -0.09em;

        }

        .box p{
            font-size: 13px;
            padding: 0 15px 10px 15px;
            line-height: 1.5em;
        }

        .box image{
            padding: 15px;
        }

        .box button{
            margin: 5px 15px;
        }

        .box buttons{
            margin: 0;
        }

        .box highlight{
            margin: 0 15px;
        }

#main {
margin: 0px auto;
}


#search {
margin-top: 10px;
}

/*=========================================
	isotope Styles
=========================================*/

.isotope-item {
  z-index: 2;

}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
 
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}
 
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}



.portfolio-item {
    margin-bottom: 0px;
}

/* Sticky footer styles
-------------------------------------------------- */



.ultra-s {
    font-size: 10px;
}


/* dropdown on_mouse
-------------------------------------------------- */
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

/* btn-circle
-------------------------------------------------- */
.btn-circle {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 2px 2px;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-md {
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  text-align: center;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

/* etc
-------------------------------------------------- */
.highlight {
    padding:4px 14px;
    margin-top:14px;
    background-color:#f7f7f9;
    border-radius:0px;
    line-height: 2.0em;
}

.panoplayer-button {
    margin-top: 0px;
}

.brand-bottom {
    background-image: url(../images/panolabo-logo.png);
    background-repeat: no-repeat;
    background-size:contain;
    width: 90px;
    height: 38px;
    margin-top: 10px;
}

.pano-frame {
  margin-bottom: 20px;
  padding: 3px 3px;
  line-height: 1.42857143;
  background-color: #fff;
  -webkit-border-radius: 3px ;
  -moz-border-radius: 3px ;
  border-radius: 3px;
}

/* AD
-------------------------------------------------- */

.ad-frame {
  margin-bottom: 20px;
  padding: 5px 15px;
  line-height: 1.42857143;
  -webkit-border-radius: 3px ;
  -moz-border-radius: 3px ;
  border-radius: 3px;
}

/* SNS shear
-------------------------------------------------- */

.share-btns {
  margin: 15px 0 15px 0 ;
  padding: 15px;
  line-height: 1.42857143;
  background-color: #fff;
  -webkit-border-radius: 3px ;
  -moz-border-radius: 3px ;
  border-radius: 3px;
  box-shadow:  0 1px 2px rgba(0,0,0,.1);
}
 
.share-btns-item {
  float: left;
  width: 33.333%;
}
 
.share-btns-item .fa {
  width: 16px;
}
 
.share-btn {
  display: block;
  text-align: left;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  padding: 10px 0;
}
 
  .share-btn.fb {
    background: #295993;
  }
 
  .share-btn.twitter {
    background: #00ACEC;
  }
 
  .share-btn.gplus {
    background: #DE4D3E;
  }

/* carousel
-------------------------------------------------- */
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.img-feature { 
	border:15px solid #f5f5f5;
	margin:0 auto;
	-webkit-border-radius: 50% ;
	-moz-border-radius: 50% ;
	border-radius: 50%;
	padding:1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




#search-box {
    background-color: #94938A;
    background-image: url("./images/search-icon.png");
    background-position: 12px 12px;
    background-repeat: no-repeat;
    border: 1px solid #7b7a71;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin-top: 30px;
    transition: background-color 0.2s linear 0s, border-color 0.2s linear 0s;
    width: 44px;
}
#search-input {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    height: 16px;
    padding: 12px 0;
    width: 100%;
}

h3.map_title{
  text-align: center;
  font-size: 12px;
}
p.map_comment{
  padding:0 10px;
  font-size: 10px;
}

/*==========  非モバイル・ファーストの場合  ==========*/


/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {


    #main {
    margin: 50px auto;
    } 
    .container{
        max-width: 100%;
        padding:0
    }
    div[class^="col-"] {padding:10px}
    .row {margin:0;}
    .share-btns {
    padding: 5px 9px;
    line-height: 1.42857143;
    background-color: #fff;}
    .panoview {
    max-height: 480px;
    overflow: hidden;
    margin-top: 60px;
    }
    
    .panoview-menu {
    margin: 5px 0 5px 0px;
    padding: 5px 15px;
    line-height: 1.42857143;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    }    
    
}

/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {

    #main {
    margin: 50px auto;
    }
    .container{
        max-width: 100%;
        padding:0
    }
    div[class^="col-"] {padding:10px}
    .row {margin:0;}
    .share-btns {
    padding: 5px 9px;
    line-height: 1.42857143;
    background-color: #fff;}
    .panoview {
    max-height: 480px;
    overflow: hidden;
    margin-top: 60px;
    }
    .panoview-menu {
    margin: 5px 0 5px 0px;
    padding: 5px 15px;
    line-height: 1.42857143;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    }  
}


/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    
    .container{
        max-width: 100%;
        padding:0
    }
    .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 5px;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;}
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    

}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {


}