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

@import url(https://fonts.googleapis.com/css?family=PT+Serif);
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);



/* =Reset-------------------------------------- */
html { 
font-size: 62.5%; /* 基準 10px */
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
* { margin:0; padding: 0px}
a { text-decoration: none}
ul{ list-style: none}
img { max-width:100%; vertical-align: middle; border: 0px}
p { font-size:1.4rem; margin-bottom:10px; color:#272727}




/* .ie8 img{width: auto; height: auto} */


/* 禁則処理-------------------------------------- */
p.li,dt,dd,th,td,pre{
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict
	}




/* 全共通-------------------------------------- */

.h1 { font-size:1.6em; color:#272727; font-weight:normal;
      margin-bottom:20px
      }

.h2 { font-size:2.5rem; color:#666666;
	  text-align:left; margin-bottom:10px;
	  font-family: 'Quicksand', sans-serif;}

.h3 { font-size:1.6rem; margin-bottom:10px;
	  background-color: #e4b0ae; padding:5px;
	  padding-top:8px; color:#ffffff;
	  text-indent:10px;
	  border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px}

.h4 { font-size:1.4rem; margin-bottom:10px}

.p-full { font-size:1.4rem; margin-bottom:10px; color:#272727;
        line-height:160%}

.br-off { display:none}

.main-bt { background-color:#e4007f; width:60%; padding:10px;
           color:#FFFFFF; margin:0 auto;
           font-size:2.0rem; font-weight:bold; 
		   border-radius: 10px;
           -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
		   text-align:center; display:block;
		   }



/*list-Number ----------------------------------------*/
.list-no { font-size:1.4rem;
                padding:10px}
.list-no ol { }
.list-no li { list-style:decimal; margin-left:20px;
              line-height:140%; margin-bottom:20px}
					
/*list-square ----------------------------------------*/
.list-square { font-size:1.4rem;
                padding:10px}
.list-square ul { }
.list-square li { list-style:square; margin-left:20px;
                  line-height:140%; margin-bottom:20px}					

/*list-square-sub ----------------------------------------*/
.list-square-sub { font-size:1.4rem;
                padding:10px}
.list-square-sub ul { }
.list-square-sub li { list-style:square; margin-left:20px;
                      line-height:140%; margin-bottom:20px}	



/*link----------------------------------------*/
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none;
opacity:0.8; filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )"}
a:active { text-decoration: none}

a:hover div { opacity:0.8; 
              filter: alpha(opacity=80);
              -ms-filter: "alpha( opacity=80 )"}


/*margin,clear:both----------------------------------------*/	
.margin-10px{ width:100%; margin-bottom:10px; clear:both}
.margin-20px{ width:100%; margin-bottom:20px; clear:both}
.margin-30px{ width:100%; margin-bottom:30px; clear:both}
.margin-40px{ width:100%; margin-bottom:40px; clear:both}
.margin-60px{ width:100%; margin-bottom:60px; clear:both}
.margin-80px{ width:100%; margin-bottom:80px; clear:both}
.margin-100px{ width:100%; margin-bottom:100px; clear:both}
.margin-120px{ width:100%; margin-bottom:120px; clear:both}

.clr{ width:100%; clear:both}

.margin-left-20px { margin-left:10px}


/*font-decoration----------------------------------------*/
.font-bold { font-weight:bold}
.blue { color:#0F3FD8}
.red { color:#fe0000}
.red-b { color:#C40509; font-weight:bold}
.red-b-2rem { color:#C40509; font-weight:bold; font-size:2rem}
.green { color:#319047}



/*scroll item----------------------------------------*/
#page-top {
    position: fixed;
	width:69px;
    bottom: 0px;
	right: 0px;
	padding-top:5px;
}





/* =start-------------------------------------- */
body{ }

#container { width:100%; border-top:5px #4f419b solid}
	  


/* header-------------------------------------- */
header { width:100%}

.title-box { display:none}

.title-box2 { display: block; margin-top:0px; text-align:center}

.title-box2 h1 { font-family: 'PT Serif', serif; font-weight:normal; 
                letter-spacing:5px; font-size:1.4rem}
.title-box2 h2 { font-weight:normal; font-size:1.0rem;
                letter-spacing:5px; margin-bottom:10px }




/* side-------------------------------------- */
#side{ width:100%}

#logo-box { width:100%; text-align:center}

#logo-box img { width:70%; margin-top:20px; margin-bottom:20px}

.sns-icon { margin-bottom:20px; text-align:center}
.sns-icon img { width:50px}


/* menu-------------------------------------- */
#menu-box{ width:100%}

.menu-table { width:100%; font-size:1.2rem; line-height:200%}

.menu-table td { border-bottom:#DBDBDB dotted 1px}



/* main-image-------------------------------------- */
.main-image { display:none}
.sp-main-image { display:block}



/*contents----------------------------------------*/
#contents { width:98%; margin:0 auto}

#index-inner { width:95%; margin:0 auto}

#index-inner p { font-size:1.4rem}

.index-inner-left{ margin-bottom:20px}
.index-inner-right{}

.index-table { width:100%}

.index-space-01 { width:100%}



/*mc----------------------------------------*/
.mc-left { width:100%}
.mc-left { width:100%}



/*photo news----------------------------------------*/
#pc-umekomi-topics { display:none}
#sp-umekomi-topics {}



/*index-shop-list----------------------------------------*/
.index-shop-list {}
.index-shop-list ul { }
.index-shop-list li { float:left; width:50%; font-size:1.2rem;
                     text-align:center; margin-bottom:20px}



/*2カラム----------------------------------------*/
.column2-box { width:100%; margin-bottom:20px}
.column2-left { width:100%; margin-bottom:20px}
.column2-right { width:100%; margin-bottom:20px}

.column2-bg-image { width:100%; background-image:url(../img/column-bg-image-01.png); 
                    background-position:right bottom;
					background-repeat:no-repeat;
					height:400px}


/*2カラム-200 ----------------------------------------*/

.column2-left-200 { width:100%; margin-bottom:20px}
.column2-right-200 { width:100%; margin-bottom:20px}



/*article-sitelink-box---------------------------------------*/
.article-sitelink-box { width:90%; background-color:#f4f2ec; padding:5%;
               background-image:url(../img/article-arrow.jpg);
			   background-position:top right;
			   background-repeat:no-repeat;
			   margin-bottom:20px}
			   
.article-sitelink-box h3 { font-size:1.4rem; margin-bottom:10px}
.article-sitelink-box p { font-size:1.2rem}			   



.side-footer { display:none}
.sp-footer { display:block; width:100%; background-color:#4f419b;
             height:30px; text-align:center; color:#FFFFFF;
			 line-height:30px; margin-top:20px}









/* ★★★★★★★★★subpage★★★★★★★★★ */



/* subpage 共通-------------------------------------- */

#subpage-contents { width:95%; margin:0 auto}

.contents-inner { width:95%; margin:0 auto}

.subpage-inner { width:95%; margin:0 auto}

.subpage-basic-p { font-size:1.4rem} 

.subpage-image { margin-bottom:20px}





/* shop-results -------------------------------------- */
.shop-results { width:48%; float:left; margin-bottom:20px;
                margin-right:2%
                }
.item-subtitle { margin-bottom:10px}
.item-ad { font-style:normal}		



/* menu -------------------------------------- */
.menu-item {}

.menu-item li { width:50%; float:left}

.menu-item p { font-size:1.2rem}


/* arrow-table -------------------------------------- */
table.arrow-table {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size:1.4rem
}
 
table.arrow-table th,
table.arrow-table td {
    padding: 5px
}
 
table.arrow-table th {
    background: #939393;
    vertical-align: middle;
    text-align: left;
    color: #fff;
	font-weight:normal;
	max-width:100px
}

table.arrow-table td {
    background: #f8f8f8;
    padding-left: 20px;
}




/*Google map----------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* privacy.html----------------------------------------*/


.faq dl{}	  
.faq dt{ font-size:1.4rem; color:#000000; height:30px;
    margin-top:10px; font-weight:bold;}
.faq dd{ font-size:16px; margin-top:10px;}




/*contact.html----------------------------------------*/


.infobox-shop { margin-bottom:20px}			

.infobox-shop h3 { font-size:1.4rem}

.infobox-shop-tel { color:#000000; font-size:3rem !important; font-weight:bold}


#page-6 .infobox-page-6-p { font-size:1.6rem; font-weight:bold; margin-bottom:0px}
#page-6 .infobox-shop-tel { margin-bottom:0px}


.form-text { font-size:1.2rem; color:#676767; margin-top:10px}


#mail-form-box { width:95%; margin:0 auto; font-size:1.2rem}

#mail-form-box h3 {  font-size:1.4rem; font-weight:normal; color:#333;
                     border:0px; margin-bottom:5px}

.font-1rem-red { font-size:1rem; color:#C12225 }

.form-name { height:25px; width:100%; text-indent:5px}

.form-tel { height:25px; width:100%; text-indent:5px}

.form-mail { height:25px; width:100%; text-indent:5px}

.form-text { height:25px; width:100%; text-indent:5px}

.form-text-min { height:25px; width:60px; text-indent:5px}

.form-comment { width:96%; padding:2%}

.form-bt-area { width:100%; text-align:center}

.form-bt { padding:10px;}

.formTable { font-size:1.4rem; text-align:left}

.form-float-left {}

.form-float-left li{ float:left; line-height:25px}

.form-checkbox { font-size:1.2rem}


#mail-form-box input { vertical-align:-0.15em}



					

/*footer----------------------------------------*/

footer { width:100%; background-color:#ca1178}

#footer-inner { width:100%;}

#footer-nav{ width:100%;
             background-color:#462d16}		
#footer-nav ul{ padding:0px; margin:0px; list-style-type:none}
#footer-nav li{ display:block; float:left; font-size:1.4rem; color:#FFF;
                text-align:left; background-color:#ca1178;
		        text-indent:20px;
		        line-height:45px; width:100%;
		        border-bottom:1px solid #ffffff;
                }


#footer-nav a:link { text-decoration: none; color:#fff}
#footer-nav a:visited { text-decoration: none; color:#fff}
#footer-nav a:hover { text-decoration: none; color:#fff;opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=80 )"; text-decoration:none}
#footer-nav a:active { text-decoration: none; color:#fff}


.footer-inner2 { display:none}

	
.credit { width:100%; color:#FFFFFF; padding-top:20px;
          text-align:center; padding-bottom:20px }



























/* width 480以上 960未満 */

@media screen and (min-width : 480px){	

/* shop-results -------------------------------------- */
.shop-results { width:22%; margin-right:2%
                }


}
























/* width 960以上 */

@media screen and (min-width : 960px){	

html, body { height: 100%; }
#container {width: 100%;
    position: relative;
    height: auto !important;    /* IE6対策 */
    height: 100%;             /* IE6対策 */
    min-height: 100%;}

.p-full { font-size:1.6rem; margin-bottom:10px; color:#3D3D3D;
        line-height:200%}

.h2 { font-size:6.0rem; margin:0px; padding:0px; margin-bottom:20px}

.h3 { font-size:1.8rem}

.h4 { font-size:1.4rem}

.br-off { display:block}





/* header-------------------------------------- */
header { }

.title-box { display: block; margin-top:10px; text-align:center}

.title-box h1 { font-family: 'PT Serif', serif; font-weight:normal; 
                letter-spacing:5px; font-size:1.4rem}
.title-box h2 { font-weight:normal; font-size:1.0rem;
                letter-spacing:5px; margin-bottom:30px }
				
.title-box2 { display:none}



/* side-------------------------------------- */
#side { float: left;
    width: 20%;
    height: 100%;
	top:5;
	position:fixed;
	}


#logo-box { width:90%; margin:0 auto; margin-top:20px}
#logo-box img { max-width:220px; margin:0 auto}

.pc-logo { display:block}
.sp-logo { display:none}

.side-footer { width:100%; position:absolute; bottom:20px;
               text-align:center}



.sns-icon {}
.sns-icon img { width:30px}


/* menu-box-------------------------------------- */
#menu-box {}
				 
				


/* main-image-------------------------------------- */
.main-image { display:block; width:960px; margin:0 auto}

.sp-main-image { display:none}



/*contents----------------------------------------*/
#contents { width:80%; float:right}

#index-inner { width:100%}

.index-inner-left{ float:left; width:25%; margin-bottom:0px}
.index-inner-right{ float:right; width:65%; padding-right:5%}

.index-space-01 { width:90%}





/*mc----------------------------------------*/
.mc-left { max-width:670px; float:left}
.mc-right { max-width:250px; float:right}



/*photo news----------------------------------------*/
#pc-umekomi-topics {display: block }
#sp-umekomi-topics {display:none}



/*index-shop-list----------------------------------------*/
.index-shop-list {}
.index-shop-list ul { }
.index-shop-list li { width:20%}



/*２カラム----------------------------------------*/
.column2-box { max-width:960px; margin-bottom:100px}
.column2-left { width:48%; float:left }
.column2-right { width:48%; float:right }


/*2カラム-200 ----------------------------------------*/

.column2-left-200 { width:30%; float:left; margin-bottom:0px}
.column2-right-200 { width:65%; float:right; margin-bottom:0px}








/* ★★★★★★★★★subpage★★★★★★★★★ */

#subpage-contents { width:80%; float:right; padding-top:40px }

#subpage-inner { width:80%; margin:0 auto}



.contents-inner {}

.br { display:none}


/* menu -------------------------------------- */
.menu-item {}

.menu-item li { width:32%; float:left; margin-left:1%}

.menu-item p { font-size:1.0rem}


/* service -------------------------------------- */
.shop-results { width:20%; float:left; text-align:center; margin-right:0px}	



/*contact.html----------------------------------------*/

#mail-form-box { width:95%; float:left; font-size:1.2rem}

#mail-form-box h3 {  font-size:1.4rem; font-weight:normal; color:#333;
                     border:0px; margin-bottom:5px}

.font-1rem-red { font-size:1rem; color:#C12225 }

.form-name { height:25px; width:300px; text-indent:5px}

.form-tel { height:25px; width:200px; text-indent:5px}

.form-mail { height:25px; width:400px; text-indent:5px}

.form-text { height:25px; width:400px; text-indent:5px}

.form-text-min { height:25px; width:60px; text-indent:5px}

.form-comment { width:96%; padding:2%}

.form-bt-area { width:100%; text-align:center}

.form-bt { padding:10px;}


.formTable { font-size:1.4rem; text-align:left}

.form-float-left {}

.form-float-left li{ float:left; line-height:25px}

.form-checkbox { font-size:1.2rem}





/*footer----------------------------------------*/
#footer-inner { display:none}

.footer-table table { width:100%; color:#FFFFFF}

.footer-table table tr {}

.footer-table table tr td { width:25%; padding:10px; vertical-align:text-top;
                            font-size:1.4rem; font-weight:normal;
							line-height:3rem }

.footer-inner2 { display:block; max-width:960px; margin:0 auto; background-color:#f246ea2; padding-top:20px}

.footer-inner2 a:link { text-decoration: none; color:#fff}
.footer-inner2 a:visited { text-decoration: none; color:#fff}
.footer-inner2 a:hover { text-decoration: none; color:#fff;opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=80 )"; text-decoration:none}
.footer-inner2 a:active { text-decoration: none; color:#fff}


.footer-line { height:1px; width:100%; border-bottom:1px #FFFFFF solid}

.credit { width:100%; color:#FFFFFF; padding-top:20px;
          text-align:center; padding-bottom:30px }

.footer-adress h2 { color:#FFFFFF; text-align:right}
.footer-adress p { color:#FFFFFF; text-align:right; line-height:160%}


.side-footer { display:block}
.sp-footer { display:none}


}