@charset "utf-8";
/* CSS Document */

#wPrimary {
width: 950px;
}

#wPrimary {
/* アンカー要素をタップしたときに出てくる枠を見えなくする */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/* リンクの長押しでメニューを出さないようにする */
-webkit-touch-callout: none;
/* 文字列や画像を選択してコピーなどのメニューを出さないように、選択不可にする */
-webkit-user-select: none;
}

#wContents .breadCrumb li li {
    display: inline-block;
    color: #333333;
    font-weight: bold;
    font-size: 12px;
}


#wContents .breadCrumb li a {
color: #666666;
font-size: 12px;
font-weight: normal;
}

h1,.titleImg{
	margin-bottom: 0 !important;
}

/*------テキスト部分------*/

.obi h1 {
    padding: 0 10px;
    font-size: 2em;
    margin-bottom: 5px !important;
    font-weight: bold;
    color: #FFF;
}

#tx {
padding: 20px 0;
}

#tx p {
text-align:center;
margin:0 !important;
padding:10px;
font-size: 1.2em;	
}

.obi {
padding: 10px 20px;
background-color: #f4a000;
margin-bottom: 30px;
}

.obi p {
color: #FFF;
	margin-bottom: 0;
}

.sp_img, .sp_tx {
display:none;
}


/*------エリア部分------*/

#area {
position:relative;
background:url(../wanwan/gallery/images/bg_japan.png) no-repeat center center;
height:740px;
}

ul.btn li div {
background:url(../wanwan/gallery/images/arrow_area_white.png) no-repeat right 7px center #ff85bc;
background-size:11px;
color:#FFFFFF;
font-weight:bold;
padding:5px;
margin-bottom:5px;
text-align:center;
}

.btn li{
display:block;
float:left;
width:190px;
border: 4px solid #ff85bc;
background: rgba(255,255,255,0.7);	
text-align:center;
line-height:1.7;
font-size:1.1em;
}

.btn li a {
padding:10px;
display:block;
text-decoration:none;
color: #e94235;
}

span.list {
margin:0 auto;
}

p.bnr {
	margin-bottom: 20px;
}
/*------位置指定------*/

.a_1 {
position:absolute;
top:40px;
right:35px;
}

.a_2 {
position: absolute;
top: 180px;
right: 35px;
}

.a_3 {
position: absolute;
top: 180px;
right: 391px;
}


.a_4 {
position: absolute;
top: 348px;
right: 35px;
}

.a_5 {
position: absolute;
top: 532px;
right: 114px;
}

.a_6 {
position: absolute;
top: 348px;
right: 391px;
}

.a_7 {
position: absolute;
top: 348px;
left: 73px;
}

.a_8 {
position: absolute;
top: 555px;
right: 391px;
}

.a_9 {
position: absolute;
top: 555px;
left: 73px;
}


/*------写真一覧のエリアボタン------*/

.arealist {
display: flex;
flex-wrap: wrap;
margin-bottom:20px;
}

.arealist li {
margin:0 10px 10px 0;
width:145px;
background:url(../wanwan/gallery/images/arrow_area.png) no-repeat right 3px center;
background-color: #fff88d;
border-radius:10px;
background-size:11px;
padding: 10px 17px 10px 10px;
font-size:1.4em;
font-weight: bold;

}

.arealist li a {
color: #ffa030;;
text-decoration: none;
display: block;
}

.arealist li a:hover {
opacity: 0.75;
}

.arealist li.now {
background:url(../wanwan/gallery/images/arrow_area_white.png) no-repeat right 5px center;
background-color: #e2dbdc;
background-size:11px;
color: #FFF;	
}

.arealist li.now a {
	color: #FFF !important;
}

li.long2 {
width:145px;
}

li.long {
width:205px;
}

/*------写真一覧------*/

section.clearfix {
margin-bottom:0 !important;
}


#listGallery {

display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -o-flexbox;
display: flexbox;
display: -webkit-flex;
display: flex;


-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;

position: relative;
width: 98%;
list-style: none;
margin: 0 auto;
padding: 0;

}

#listGallery li {
/* 古い対応 */
float: left;
width: 25%;

-webkit-flex: 0 1 25%;
flex: 0 1 25%;
margin: 0;
padding: 0 0 90px 0;/* ハタの分を確保する */
}


#listGallery li:nth-of-type(4n+1) {
clear: both;	
}

/* ハタ PCは横4 */
@media screen and (min-width: 768px)  {
#listGallery li:nth-of-type(4n+1)::after {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 60px;
background: url(../wanwan/gallery/images/p_line_pc.png) no-repeat bottom left;
background-size:100%;
}

p.tx {
font-size:1.1em;
}


}

/* ハタ SPは横3 */
@media screen and (max-width: 767px)  {
#listGallery li:nth-of-type(3n+1)::after {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
height:45px;
background: url(../wanwan/gallery/images/p_line_sp.png) no-repeat bottom left;
background-size:100%;
margin-top:10px;
}

#listGallery li:nth-of-type(3n+1) {
clear: both;	
}

}

#listGallery .guard,
#listGallery li > p {
cursor: pointer;	
}

#listGallery .guard {
position: relative;
width: 100%;
padding-top: 100%;
margin-bottom: 10px;
}

.guard .img_g,
.guard a {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
}


/* iOS バグ？ .gurd > flex がアヤシイ
.guard a {
display: -webkit-flex;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
z-index: 1;	
}
*/

.guard .img_g {
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(../wanwan/gallery/images/spacer.gif);
z-index: 10;
}

/* iOS8 対応版 */
.guard img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);

width: auto;
height: auto;
}



#listGallery li .name {
padding:0;
font-size: 1rem;
font-weight:bold;
color: #f43e9f;
text-align:center;
margin-top: 10px;
}


#listGallery li .name span {
font-size: 0.9rem;
color: #333;
font-weight:normal;
}

span.pop{
font-size: 1rem !important;
font-weight:bold !important;
color: #f43e9f !important;
letter-spacing: -0.1em;
}

#listGallery li a img {
box-shadow:6px 6px 0px 0px #f4f4f2;
/*margin: 5px; iOS 対応版*/
}

/* SP */
@media screen and (max-width: 767px)  {
#listGallery li {
-webkit-flex: 0 1 33%;
flex: 0 1 33%;
padding: 0 0 70px 0;/* ハタの分を確保する */
}

#listGallery li a img {
max-width: 90%;
max-height: 90%;
}


}

/*------lightgallery------*/
.lg-toolbar .lg-close:after,
.lg-actions .lg-next:before,
.lg-actions .lg-prev:after {
content: none;
}

.lg-backdrop {
background: rgba(255,255,255,0.5);
}

.lg-toolbar {
z-index: auto;
position: static;
top: auto;
left: auto;
width: 100%;
background-color: transparent;
}

.lg-hide-items .lg-toolbar {
opacity: 1;
-webkit-transform: none;
transform: none;
}

.lg-sub-html {
position: absolute;
top: auto;
bottom: auto;
left: 0;
right: 0;
margin: 0;
padding: 0;
text-align: center;
color: #333;
background-color: transparent;
}

.lg-outer .lg-img-wrap {
border: 8px solid #ffc600;
border-radius: 24px;
background: url(../wanwan/gallery/images/bg-preview.png) no-repeat;
background-size: 100%;
}

.lg-toolbar .lg-icon.lg-close {
z-index: 1060;
position: absolute;
right: 26px;
top: 37px;
background: url(../wanwan/gallery/images/btnClose.png) no-repeat 0 0;
background-size: 40px auto;
}

.lg-outer .lg-item {
background: none;
}

.lg-img-wrap .guard {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1070;
}


/* キャプション */
.lg-sub-html p {
margin: 0 0 0.25rem 0;
padding: 0;
}

.share .ico {
display: inline-block;
overflow: hidden;
width: 36px;
height: 36px;
margin: 0.2rem;
text-indent: -9999px;
background: url(../wanwan/gallery/images/ico_lg_sns.png) no-repeat 0 0;
background-size: auto 36px;
}

.share .ico.icoFa {
background-position: 0 0;
}
.share .ico.icoMa {
background-position: -36px 0;
}
.share .ico.icoLi {
background-position: -72px 0;
}
.share .ico.icoTw {
background-position: -108px 0;
}


.lg-sub-html .name {
margin-bottom: 1.0rem;
font-size: 1.4rem;
}

.lg-sub-html .name span {
font-weight: bold;
color: #fb8ab8;
}

.lg-sub-html .text {
font-size: 1.0rem;
}

/* SP */
@media screen and (max-width: 767px)  {
	
.lg-sub-html p.text {
    width: 68%;
    margin: 0 auto;
}
	
.lg-img-wrap {
max-width: 90%;
max-height: 90%;	
margin: 5% auto;
}

.lg-image_tall .lg-outer .lg-image {
max-width: 75%;
max-height: 70%;
vertical-align: middle;
}

.lg-image_wide .lg-outer .lg-image {
max-width: 90%;
max-height: 70%;
vertical-align: middle;
}
}

/*スマホタテ*/
@media screen and (max-width: 767px) and (orientation: portrait) {
.lg-image_tall .lg-sub-html {
bottom: 9%;
}

.lg-image_wide  .lg-sub-html {
bottom: 14%;
}

.lg-image_tall .lg-outer .lg-image {
margin-top: -25%;
}

.lg-image_wide .lg-outer .lg-image {
margin-top: -10%;
}

.lg-outer .lg-img-wrap {
background: url(../wanwan/gallery/images/bg-preview.png) repeat;
background-size: 100%;
}
}

/*スマホヨコ*/
@media screen and (max-width: 767px) and (orientation: landscape) {
.lg-img-wrap {
max-width: 97%;	
max-height: 97%;
margin: 1% auto;
}

.lg-sub-html {
bottom: 5%;
}

.share {
position: absolute;
right: 8%;
bottom: 125%;
width: 50px;	
}

.lg-image_tall .lg-outer .lg-image {
max-height: 75%;
margin-top: -6%;
}

.lg-image_wide .lg-outer .lg-image {
margin-top: -7%;
}

#wPrimary {
width: 100%;
padding:0 !important;
}

h1 {
padding:10px 5px !important;
margin:0 !important;
}

.titleImg img {
width:100%;

}

/*		#listGallery li:nth-of-type(3n+1)::after {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
height:50px;
background: url(../wanwan/gallery/images/p_line_sp.png) no-repeat bottom left;
background-size:100%;
}
#listGallery li {
padding: 0 0 70px 0;*//* ハタの分を確保する */


/*------写真一覧のエリアボタン------*/

.arealist {
width:98%;
margin:0 auto 10px;
}

.arealist li {
float:left;
margin:0 2% 5px 0;
width:32% !important;
background:url(../wanwan/gallery/images/star.png) no-repeat left center #fdf5be;
border-radius:10px;
background-size:20px;
padding:11px 5px 11px 24px;
font-size:1em !important;
}

li.long,li.long2 {
width:32%;
padding:2px 5px 2px 25px;
}

.arealist li:nth-child(3),
.arealist li:nth-child(6),
.arealist li:nth-child(9) {
margin-right:0 !important;
}

.mr0 {
margin-right:2% !important;
}




/*------テキスト部分------*/

#tx {
padding:0 10px;
}

#tx p {
text-align:left;
font-size:1em;
padding:0;
}

.sp_img {
display:inline-block;
}

.sp_tx {
display:inline;
}

.pc_img, .pc {
display:none;
}

.goran {
padding: 10px 0 10px 30px;
background:url(../wanwan/gallery/images/tree.png) no-repeat left center;
background-size:25px;
margin:0 10px 5px 10px;
}


/*------エリア部分------*/

#area {
background:none;
background-color:#eafcde !important;
height:auto;
padding:10px 0;
}

.btn {
padding:0 10px;
}

.btn li{
float:none;
width:100%;
margin-bottom:10px;
background-color:#FFFFFF !important;
border:solid 2px #dcf9c6;
font-size:1em;
}

.btn li div {
font-size:1.2em;
background:url(../wanwan/gallery/images/arrow_area.png) no-repeat right center #ea68a2;
background-size:20px;
}


.a_1,.a_2,.a_3,.a_4,.a_5,.a_6,.a_7,.a_8,.a_9 {
position:static;
}


}

/* PC */
@media screen and (min-width: 768px)  {
.lg-image_tall .lg-sub-html {
bottom: calc(50% - 290px);
}

.lg-image_wide .lg-sub-html {
bottom: calc(50% - 262px);
}

.lg-outer .lg-image {
max-width: 430px;
max-height: 430px;
margin-top: -20%;
}

.lg-outer .lg-img-wrap {
position: absolute;
top: calc(50% - 280px);
left: calc(50% - 300px);
width: 585px;
height: 585px;
margin-left: 0;
margin-right: 0;
}

.lg-toolbar .lg-icon.lg-close {
top: calc(50% - 256px);
right: calc(50% - 258px);
background: url(../wanwan/gallery/images/btnClose.png) no-repeat 0 0;
height: 50px;
    background-size: 50px auto;	
	
	}

}


/*------lightgallery------*/

.listArea li {
display: inline;
float: left;
margin: 2px 6px 2px 0;
}
.listArea li:last {
margin-right: 0;	
}

.listArea li a, #listArea a {
padding-left: 16px;
background: url(../wanwan/gallery/images/note.gif) no-repeat center left;
}


.listArea li.curr {
text-decoration: none;
padding-left: 16px;
background: url(../wanwan/gallery/images/note2.gif) no-repeat center left;
color: #C36;
}

#wW {
margin-top: -25px;
min-height: 570px;
background: url(../wanwan/gallery/images/bg_main_1.png) repeat-y 0 0;
background-size: 100% auto;
}



/*------空き調整用------*/

.mb0 {
margin-bottom:0 !important;
}

.mb10 {
margin-bottom:10px !important;
}



/*-----------------------------------------★★★★★★★スマホ★★★★★★★--------------------------------------*/


@media  (max-width: 750px) {

#wPrimary {
width: 100%;
padding:0 !important;
}

.obi h1 {
margin-bottom:5px !important;
font-size:18px !important;
padding:0 5px;
}


.obi {
padding: 10px;
margin-bottom: 20px;
    margin-top: -6px;	
}
	
#wContents .breadcrumb,
#wContents .breadCrumb li	{
display: none;
}

/*------テキスト部分(SP)------*/


#tx {
padding:0 10px;
}

#tx p {
text-align:left;
font-size:1em;
}

.sp_img {
display:inline-block;
}

.sp_tx {
display:inline;
}

.pc_img, .pc {
display:none;
}

.goran {
padding: 20px 0 10px 30px;
background:url(../wanwan/gallery/images/tree.png) no-repeat left center;
background-size:25px;
margin:0 10px 5px 10px;
	font-weight: bold;
}


/*------エリア部分(SP)------*/

#area {
background:none;
background-color:#fff27c !important;
height:auto;
padding:10px 0;
}

.btn {
padding:0 10px;
}

.btn li{
float:none;
width:100%;
margin-bottom:10px;
background-color:#FFFFFF !important;
border:solid 2px #ffe374;
font-size:1em;
}

.btn li div {
font-size:1.2em;
background:url(../wanwan/gallery/images/arrow_area.png) no-repeat right center;
background-color: #4974ff !important;
background-size:20px;
}

.btn li a {
color: #4974ff;
}

ul.btn li:nth-child(2n) a {
color: #fe59a7;
}

ul.btn li:nth-child(2n) div {
background-color: #fe59a7 !important;

}


.a_1,.a_2,.a_3,.a_4,.a_5,.a_6,.a_7,.a_8,.a_9 {
position:static;
}


/*------写真一覧のエリアボタン(SP)------*/

span.pop.small {
font-size: 0.8rem !important;
}	
	
.arealist {
width:98%;
margin:0 auto 10px;
}

.arealist li {
float:left;
margin:0 2% 5px 0;
width:32% !important;
background:url(../wanwan/gallery/images/arrow_area.png) no-repeat right 10px center;
background-color: #fff88d;
border-radius:10px;
background-size:7px;
padding:11px 5px 11px 5px;
font-size:1em !important;
}
	
.arealist li.now {
background:url(../wanwan/gallery/images/arrow_area_white.png) no-repeat right 10px center;
background-color: #e2dbdc;	
background-size:7px;
}	

.arealist li.koko {
background-size: 12px;
}

li.long,li.long2 {
width:32%;
padding:2px 5px 2px 18px;
}

.arealist li:nth-child(3),
.arealist li:nth-child(6),
.arealist li:nth-child(9) {
margin-right:0 !important;
}

.mr0 {
margin-right:2% !important;
}


/*------写真一覧(SP)------*/

.photo {
height:auto !important;
}

#listGallery .guard {
position: relative;
width: 100%;
padding-top: 100%;
margin-bottom:0;
}

}

/*iphone5*/
@media  (max-width: 374px) {
.arealist li.now {
    background: url(../wanwan/gallery/images/arrow_area_white.png) no-repeat right 7px center;
	background-size: 7px;
	background-color: #e2dbdc;
}
	
.arealist li {
	background: url(../wanwan/gallery/images/arrow_area.png) no-repeat right 7px center;
	background-color: #fff88d;
	background-size: 7px;
}	
	
}

/*スマホヨコ*/
@media screen and (orientation: landscape) {


}



/*------写真一覧のエリアボタン(SP)------*/

.arealist {
width:98%;
margin:0 auto 20px;
}

@media screen and (min-width:1025px) {
#wPrimary {
margin: 0 auto;	
}
}
@media screen and (max-width:1024px) {
#wPrimary {
margin: 0 auto;	
}
}