@charset "utf-8";

/* ==================================================================
	Site Name:
	Author:高橋 潤
	Version: 1.0

	Page Title:	TOP

=================================================================== */
.conts h2{
	text-align: center;
	margin:25px 0 40px;
}

.conts h3{
	text-align: center;
	margin:70px auto 40px;
}


.open{
	background-color:#FFF;
	padding: 15px;
	border-radius: 10px;
	margin:20px auto;
	width:60%;
	text-align: center;
}


.price{
	background-color:#FFF;
	padding: 15px;
	border-radius: 10px;
	margin:20px auto;
	width:60%;
	background-image: url(../../images/takamatsu/bg01.png),url(../../images/takamatsu/bg02.png);
	background-position: 0 center, right center;
	background-repeat: no-repeat,no-repeat;
}

.price span{
	display: block;
	padding:10px 10px;
	border-top:1px dotted #3e3a39;
	border-bottom:1px dotted #3e3a39;
	margin:10px 120px;
	text-align: center;
}

.renkei{
	margin:20px auto;
}

.renkei span{
	float: left;
	display:block;
	margin-right:30px;
	margin-top:60px;
	margin-bottom:60px;
}


.renkei span.fukuyama{
	margin-right:30px;
	margin-top:200px;
	margin-bottom:20px;
}


.renkei h4{
	clear:none;
}
.sp_br{
    display: none;
}
.renkei p{
	font-size:90%;
	margin:10px!important;
}

.renkeitokushima,
.renkeitakamatsu
{
    margin:20px auto;
    border:2px dotted #A91B4C;
    /* border: 2px dotted #fdd2df; */
    border-radius:16px;
    padding:12px;
    max-width: 800px;
}

.renkeitokushima span,
.renkeitakamatsu span{
	float: left;
	display:block;
	margin-right:30px;
	margin-top:60px;
	margin-bottom:60px;
}

.renkeitokushima h4,
.renkeitakamatsu h4{
	clear:none;
}

.renkeitokushima p,
.renkeitakamatsu p{
	font-size:90%;
	margin:10px!important;
}

.renkei_img{
    width:96%;
    margin: 10px auto;
    text-align: center;
    border-bottom:2px dotted #ccc;
}
.renkei_img img{
    width:500px;
    padding-bottom: 20px;
}

.renkeitokushima ul,
.renkeitakamatsu ul{
    display: flex;
    flex-wrap: wrap;
    width:100%;
}

.renkeitokushima ul li,
.renkeitakamatsu ul li{
    padding: 8px;
}

.renkeitokushima ul li:first-child,
.renkeitakamatsu ul li:first-child{
    width:66%;
    border-right:2px dotted #ccc;
}
.renkeitokushima ul li:last-child,
.renkeitakamatsu ul li:last-child{
    width:27%;
}

.renkei_txt{
    font-size: 80% !important;
}

.information{
	margin:50px 0;
	padding:30px 15px;
	border-top:1px dotted #f09cb4;
	border-bottom:1px dotted #f09cb4;
}
.information .info{
	margin:20px 100px 40px;
}
.information .info li{
	float:left;
	width:40%;
	font-size:100%;
}
.information .info li:last-child{
	float:right;
}

.information .info li h4{
	font-size:120%;
	margin-bottom:10px;
}


.owl-dots{
    display: none!important;
}

.owl-controls{
    position: absolute;
    top:35%;
    display: block;
    width:100%;
}

.owl-prev{
    display: block;
    width:52px;
    height:52px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../../js/owl/left.png) 0 0 no-repeat!important;
    position: absolute;
    left:22%;
}

.owl-next{
    display: block;
    width:52px;
    height:52px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../../js/owl/right.png) 0 0 no-repeat!important;
    position: absolute;
    right:20%;
}


#slider1,
#slider1-2,
#slider1-3,
#slider1-4,
#slider1-5,
#slider3,
#slider5,
#slider6{
        display:inherit;
}

.slider5.owl-carousel.owl-loaded{
    display:inherit;
}

.slider5-2{
    display:none!important;
}


/*

#slider5 .owl-stage{
    width:5752px!important;
}

#slider5 .owl-stage{
    width:3384px!important;
}
#slider5 .owl-item,
#slider6 .owl-item{
    width:320px!important;
}
#slider5 img,
#slider6 img{
}

*/
    
#slider2,
#slider2-2,
#slider2-3,
#slider2-4,
#slider2-5,
#slider4,
#slider5-2,
#slider6-2{
        display:none;
}

#acMenu p{
    margin:35px auto!important;
    line-height:2em!important;
}

#acMenu img{
    margin-bottom:10px;
}


#acMenu2 dt{
    cursor:pointer;
}
#acMenu2 dd{
    height:0;
    overflow: hidden;
}

#acMenu2 dd.active{
    height:auto!important;
    overflow:visible;
}




#entries-box .conts p.txtArea{
    width:90%;
    margin:25px auto 50px;
    font-size:100%;
    text-align: center;
}


#topics{
    margin: 0 50px 50px;
}

#topics ul{
    font-size:1.2em;
    line-height:2em;
}


#topics ul li{
    margin:20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:10px;
    border-bottom:1px dotted #999;
    background-image:url(../../images/common/mark/blank2.gif)!important;
    background-position:right center!important;
    background-repeat:no-repeat!important;
    padding-right:15px;
    font-size: 0.8em;
}

#topics ul li a{
    color:#000!important;
    text-decoration: none;
}

#topics ul li span{
    font-weight:bold;
}

.facebook-wrapper {
    max-width: 500px; /* Facebook Page Plugin の最大幅 */
    margin: 0 auto;
}
 
.facebook-wrapper > .fb-page {
    width: 100%;
}
 
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

.fb-container {
    display: flex;
    justify-content: center;
}

/*　徳島独自　*/

#entries-box .tokushima p.txtArea {
    width: 800px;
    text-align: left;
}
.tokushima .charm ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 800px;
    margin: 0 auto;
}
.tokushima .charm ul li {
    text-align: center;
    width: calc(100% / 3 - 1rem);
    margin: 0.5rem;
}
.radius {
    border-radius: 10px;
}
.tokushima-price {
  /*  width: 12rem;*/
    margin: 0 auto;
   /* text-align: right;*/
}
.gaiyou-price {
   /* width: 14em;
    text-align: right;*/
}
.txtBig {
    font-size: 1.4rem;
}
@media screen and (max-width: 1000px) {


	.price{
		margin:20px auto;
		width:80%;
	}

	.renkei span{
		float: none;
		display:block;
		margin-left:30px;
		margin-right:30px;
		margin-top:20px;
		margin-bottom:20px;
		text-align: center;
	}

	.renkei h4{
		margin:10px!important;
	}

	.renkei p{
		font-size:90%;
		margin:10px!important;
	}

	.information .info{
		margin:20px 20px 40px;
	}
	
	.information .info li{
		float:none;
		width:90%;
		font-size:90%;
		text-align: center;
		margin:10px;
	}
	.information .info li:last-child{
		float:none;
	}

	.information .info li h4{
		font-size:120%;
		margin-bottom:10px;
	}

	
}




@media screen and (max-width: 640px) {

	.price span{
		padding:10px 0px;
		margin:10px 60px 10px 10px;
		text-align: right;
		font-size:90%;
	}
    .renkei span.fukuyama {
    margin-right: 30px;
    margin-top: 0;
    margin-bottom: 20px;
}
    .sp_br{
        display: block;
    }

	.price{
		background-color:#FFF;
		padding: 15px;
		border-radius: 10px;
		margin:20px auto;
		width:80%;
		background-image: url(../../images/takamatsu/bg02.png);
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	.conts h2 img{
		max-width:90%;
	}
	
	.conts h3 img{
		height:40px;
	}

	.information .info li{
		text-align:left;
	}
    
    #slider1,
    #slider1-2,
    #slider1-3,
    #slider1-4,
    #slider1-5,
    #slider3,
    #slider5,
    #slider6{
            display:none;
    }

    #slider2,
    #slider2-2,
    #slider2-3,
    #slider2-4,
    #slider2-5,
    #slider4,
    #slider5-2,
    #slider6-2{
            display:inherit;
    }
    
    .slider5.owl-carousel.owl-loaded{
        display:none;
    }

    .slider5-2{
        display:inherit!important;
    }


    .owl-controls{
        top:27%;
    }

    .owl-prev{
        left:0%;
    }

    .owl-next{
        right:-4%;
    }

    #topics{
        margin: 0 20px 50px;
        display: none;
    }


    #topics ul li{
        margin:20px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding:10px;
        border-bottom:1px dotted #999;
        background-image:none!important;
        background-position:right center!important;
        background-repeat:no-repeat!important;
        padding-right:15px;
        font-size: 0.8em;
    }

    #topics ul li a{
        color:#000!important;
        text-decoration: none;
        display: block;
    }

    #topics ul li span{
        font-weight:bold;
    }
    
	.facebook iframe {
		width: 100%;
		max-width: 375px;
	}
    
    
	.fb-container{
		float:none;
		width:100%;
		margin-bottom:20px;
		background:#ccc;
	}
	
	.fb-page{
		display:block !important;
		width:100%;
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
		height:450px;
	}
    /*　徳島独自　*/
.tokushima .charm ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}
.tokushima .charm ul li {
    text-align: center;
    width: 100%;
    margin-bottom: 2rem;
}
    #entries-box .tokushima p.txtArea {
    width: 90%;
    text-align: left;
}

.renkei_img img{
    width:90%;
}

.renkeitokushima,
.renkeitakamatsu{
    width:90%;
    margin: 10px auto;
    padding: 5px;
}

.renkeitokushima ul,
.renkeitakamatsu ul{
    display: block;
}

.renkeitokushima ul li:first-child,
.renkeitakamatsu ul li:first-child{
    width:100%;
    border-right:none;
}
.renkeitokushima ul li:last-child,
.renkeitakamatsu ul li:last-child{
    width:100%;
}

.facebook-wrapper {
    height: 500px;
}

}