@charset "utf-8";
/***  メインビジュアル  ***/
.slid00 { width:100%; margin:0 auto; padding:0; }
.slider { width:100%; margin:0 auto; padding:0; }
.slider img { width:100%; margin:0 auto; padding:0; }
.slid01,
.slid02,
.slid03 {  background:none; }

.top01_01smn img{
	max-width:100%;
	width:auto;
	margin:0 auto;
}

.top01_02smn img{
	width:100%;
	margin:0 auto;
}

.top_bnr_block{/*1140 1005*/
	max-width:1005px;
	width:88.157894736%;
	margin:0 auto;
}

.top_bnr_block img{
	width:auto;
	max-width:100%;
	margin:0 auto;
}

/***  facebook  ***/
#pageplugin { width:100%; }
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] { width: 100% !important; }

/***  タイトル  ***/
#title_top{ width:94%; margin:0 auto; text-align:center; }

/***  メインコンテンツ  ***/
/* その１ */
.top01 li { width:48%; margin:0 2% 1em 0; float:left; }
.top01 li:nth-child(2n+1) { margin:0 2% 1em 0; }
.top01 li:nth-child(2n) { margin:0 0 1em 2%; }

/* その２ */
.top02 { width:100%; }
.top02_01o { width:50%; }
.top02_01 { width:100%; background:url(../img/top/top01s.jpg) no-repeat; background-size:cover; }
.top02_01s { width:80%; margin:2em 10%; }
.top02_02o { width:50%; }
.top02_02 { width:100%; background:url(../img/top/top03s.jpg) no-repeat; background-size:cover; }
.top02_02s { width:80%; margin:2em 10%; }
.top02_01s p,
.top02_02s p { padding:0; }

/* その３ */
.top03 ul { margin-top:2em; }
.top03 li { width:100%; margin:0; float:left; padding:2em 0 4em; }
.top03 h4 { padding-top:1em; }
.top03_text { padding:1.5em 7% 0.5em; text-align:left; }

/* その４ */
.top04 .price li { width:47%; padding-bottom:0.6em; float:left; }
.top04 .price li img { width:100%; }
.top04 .price li:nth-child(2n+1) { margin-right:3%; }
.top04 .price li:nth-child(2n) { margin-left:3%; }
.top04 .option li { width:100%; padding-bottom:0.6em; }
.top04 .number li,
.top04 .scene li { width:47%; padding-bottom:0.6em; float:left; }
.top04 .number li:nth-child(2n+1),
.top04 .scene li:nth-child(2n+1) { margin-right:3%; }
.top04 .number li:nth-child(2n),
.top04 .scene li:nth-child(2n) { margin-left:3%; }
.top04 .number li:nth-child(5) { margin-right:3%; }

.top04 .number li img { width: 100%; }

/* その５ */
.top05 li { width:48%; margin:0 0 1em; background:#EEEEEE; float:left; }
.top05 li img { width:100%; }
.top05 li:nth-child(2n+1) { margin-right:2%; }
.top05 li:nth-child(2n) { margin-left:2%; }
.top05_01 { width:84%; padding:1.5em 8% 0.5em; }
.top05_01moji { color:#FF4E00; }
.top05_01moji span { color:#444444; }
.top05_01 h4 a { font-weight:bold; font-size:110%; color:#333333; }
.top05_02 { color:#FFFFFF; padding:0.3em; font-weight:bold; font-size:85%; margin-bottom:0.2em; margin-left:0.1em }
.top05_bk2EBE9D { background:#2EBE9D; }
.top05_bkE96164 { background:#E96164; }
.top05_bk6BAAE9 { background:#6BAAE9; }

/* その６ */
.top06 { width:100% }
.top06 li img { width:100% }

/* その７ */
/*.top07 { width:100%; text-shadow:0.2em 0.2em 1px #BBBBBB; }*/
.top07 { width:100%; }
.top07 h3 { display: block; }
.top07 h3:before,
.top07 h3:after { display: none; }

.top07_01 li { width:48%; margin:0 0 1em; float:left; }
.top07_01 li img { width:100%; }
.top07_01 li:nth-child(1) { margin-right:2%; }
.top07_01 li:nth-child(2) { margin-left:2%; }
.top07_01 li:nth-child(3) { margin-right:26%; margin-left:26%; }

.top07 dd { padding:1.5em 5% 0; }

.top07_02 li { width:80%; margin:0 10% 3em; float:left; position:relative;}
.top07_02 li span { background:#FFFF00; color:#FF0000; font-weight:bold; }
.top07_03 { width:100%; margin:0; float:left; }
.top07_03 li { width:80%; margin:0 10% 3em; float:left; }
.top07_04 { position:absolute; width:60%; bottom:15%; left:40%; }

/* その９ */
.top09_01 { width:40%; margin-left:10%; }
.top09 li { width:48%; margin:0 0 1em; background:#FFFFFF; float:left; }
.top09 li img { width:100%; }
.top09 li:nth-child(2n+1) { margin-right:2%; }
.top09 li:nth-child(2n) { margin-left:2%; }
.top09_02 { width:88%; padding:1.5em 6% 0.5em; }
.top09_02 h4 { color:#FF4E00; padding:1.5em 0; }
.top09_02 h4 span { font-weight:bold; font-size:110%; color:#333333; }
.top09_03 { position:absolute; bottom:0; left:0; color:#FFFFFF; padding:0.3em; font-weight:bold; font-size:90%; display:inline; }
.top09_04 { position:relative; }
.top09_moji { font-weight:bold; color:#BC8D00; }
.top09_new { color:#FFFFFF; margin-left: 3%; padding:0.1em 0.5em; background:#F0270A; }
.top09_05 { width: 100%; border: 6px double #FF8040; box-sizing: border-box; margin: 1em 0; 
    border-radius: 10px;   
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px;   
}
.top09_05_in { width: 90%; padding: 1em 5%; background: #F7C27B; text-align: center; font-weight: bold; font-size: 120%; line-height: 1.4; }
.top09_05_in br { display: block;}
.top09_05_in .line01 { font-size: 130%; }
.top09_05_in .line02 { font-size: 150%; display:inline-block;}
.top09_05_in .line02 span { font-size: 70%; }

.top09_bkFE4B01 { background:#FE4B01; }
.top09_bkBC8D00 { background:#BC8D00; }

/* その10 */
.top10 { position:relative; }
.top10_01 li { padding-bottom:1em; }
.top10_03 li { width:48%; margin:0 1%; padding-bottom:1em; float:left; }
.top10_02 li { padding-bottom:0.5em; }

.top10_02 dt { width:31%; padding:0.3em 5%; float:none; font-weight:bold; color:#FFFFFF; font-size:110%; background:#BC8D00; text-align:center; 
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */  
}
.top10_02 dd { width:100%; padding:0.3em 0; margin-left:0; float:none; }
.top10_04 { position:relative; width:100%; }
.top10_04 dd { width:100%; margin-left:0; }
.top10_05 { position:relative; width:100%; }

.top10_06 h4 { font-weight:bold; font-size:110%; }
.top10_06 dt { padding-right:2%; font-weight:bold; float:none; }
.top10_06 h4 br,
.top10_06 dd br { display:block; }

/*=========================
    インスタグラム
=========================*/
/*.instshow01 { padding:2em 0; } */

#instafeed1 li { float:left; width:23.5%; margin:0.5em 1%; }

#instafeed1 li:nth-child(1),
#instafeed1 li:nth-child(7),
#instafeed1 li:nth-child(6),
#instafeed1 li:nth-child(12) { width:23.5%; margin:0.5em 1%;}

#instafeed1 li:nth-child(4n+1) { margin:0.5em 1% 0.5em 0; }
#instafeed1 li:nth-child(4n) { margin:0.5em 0 0.5em 1%; }
#instafeed1 li img { width:100%; margin: 0 auto; }
#instafeed1 { padding-bottom: 1em; }


/*** ページTOPバナー用 ***/
.top_page_top { position:absolute; bottom:0; right:0; width:19.6363%; z-index:100; }

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media print, screen and (min-width : 768px) {
/***  メインビジュアル  ***/
.slid01 { background:url(../img/top/slid01_off.jpg) no-repeat center bottom; background-size:cover; }
.slid02 { background:url(../img/top/slid02_off.jpg) no-repeat center bottom; background-size:cover; }
.slid03 { background:url(../img/top/slid03_off.jpg) no-repeat center bottom; background-size:cover; }

/***  facebook  ***/
/*.fb-page { height:40em !important; } */

/***  メインコンテンツ  ***/
/* その１ */
.top01 li { width:29.8245%; margin:0 1.7543% 1em; }
.top01 li:nth-child(2n+1),
.top01 li:nth-child(2n) { margin:0 1.7543% 1em; }

/* その２ */
.top02_01 { background:url(../img/top/top01.jpg) no-repeat; background-size:cover; }
.top02_02 { background:url(../img/top/top03.jpg) no-repeat; background-size:cover; }

/* その３ */
.top03 li { width:29.8245%; margin:0 1.7543%; }

/* その４ */
.top04 .number li { width:19.0909%; margin:0 0.5454%; }
.top04 .number li:nth-child(2n+1),
.top04 .number li:nth-child(2n) { margin:0 0.5454%; }
.top04 .number li:nth-child(1) { margin-left:0.0909%; }
.top04 .number li:nth-child(5) { margin-right:0.0909%; }

.top04 .scene li:nth-child(2n+1) { margin-right:1.7543%; }
.top04 .scene li:nth-child(2n) { margin-left:1.7543%; }
.top04 .scene li { width:29.8245%; margin:0 1.7543%; }

/* その５ */
.top05 li { width:21.4912%; margin:0 1.7543% 1em; }
.top05 li:nth-child(2n+1) { margin-right:1.7543%; }
.top05 li:nth-child(2n) { margin-left:1.7543%; }

/* その６ */


/* その７ */
.top07_01 li { width:21.5%; margin:0 1.5% 1em; }
.top07_01 li:nth-child(1) { margin:0 0 1em 16.25%; }
.top07_01 li:nth-child(2) { margin:0 1.5% 1em 1.5%; }
.top07_01 li:nth-child(3) { margin:0 16.25% 1em 0; }

.top07_02 li { width:29.8245%; margin:0 1.7543% 2em; }
.top07_03 { width:80%; margin:0 10%; }
.top07_03 li { width:30%; margin:0 1.6665% 2em; }
.top07_04 { bottom:-5%; }

/* その９ */
.top09 li { width:21.4912%; margin:0 1.7543% 1em; }
.top09 li:nth-child(2n+1) { margin-right:1.7543%; }
.top09 li:nth-child(2n) { margin-left:1.7543%; }
.top09_05_in { font-size: 140%; background: #FFFFFF; }
.top09_05_in br { display: none;}
.top09_05_in .line01 { font-size: 140%; }
.top09_05_in .line02 { font-size: 190%; display:inline;}
.top09_05_in .line02 span { font-size: 70%; }
    
/* その10 */
.top10_03 li { width:100%; margin:0; }

.top10_02 dt { width:15%; padding:0.3em 2%; float:left; }
.top10_02 dd { width:76%; margin-left:3%; float:left; }
.top10_04 dd { width:28%; margin-left:3%; }
.top10_05 { position:absolute; bottom:25%; right:0; width:50%; }
.top10_06 dt { float:left; }
.top10_06 h4 br,
.top10_06 dd br { display:none; }

/*=========================
    インスタグラム
=========================*/
#instafeed1 li,
#instafeed1 li:nth-child(2n+1),
#instafeed1 li:nth-child(2n)  { width:15.4545%; margin:0 0.7272% 2em; }
    
#instafeed1 li:nth-child(1),
#instafeed1 li:nth-child(7) { margin:0 0.7272% 2em 0; }
#instafeed1 li:nth-child(6),
#instafeed1 li:nth-child(12) { margin:0 0 2em 0.7272%; }
    
}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media print, screen and (min-width : 1140px) {
/***  メインビジュアル  ***/
.slider{ width:1140px; }
.slider img { width:auto; }

/***  facebook  ***/
/*.fb-page { height:52em !important; } */

/* その２ */
.top02_01s { width:570px; margin:2em 0; margin-left:auto; }
.top02_02s { width:570px; margin:2em 0; margin-right:auto; }
.top02_01s p,
.top02_02s p { padding:0 40px; }

/**** メインコンテンツ　****/ 
/* その１ */
.top02_center { margin:-40px 48.1818% 0; }

/* その７ */
.top07 h3 { display: flex; align-items: center; text-align: center; /* for no-flexbox browsers */ }
.top07 h3:before,
.top07 h3:after { border-top:#C9A434 solid 1px; content: ""; display: inline; /* for IE */ flex-grow: 1; }
.top07 h3:before { margin-right: 5%; }
.top07 h3:after { margin-left: 5%; }
.top07_04 { bottom:5%; }

/* その10 */
.top10_02 li { padding-bottom:1em; }
.top10_02 dt { width:12%; }
.top10_02 dd { width:79%; margin-left:3%; }
.top10_04 dd { width:30%; margin-left:3%; }
.top10_05 { bottom:0; }

}