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

/* home　トップページ
=========================================== */

body {
	background:#fff;
	color: #595757;
	font-size:14px;
	line-height: 1.6;
	text-align:center;
}
#wrapper {
	padding-top:52px;
}
#wrapper02 {
	padding-top:52px;
}
#wrapper03 {
	padding-top:52px;
}
@font-face {
    font-family: Woomble;
    src:url(../font/Woomble.ttf.woff) format('woff'),
        url(../font/Woomble.ttf.svg#Woomble) format('svg'),
        url(../font/Woomble.ttf.eot),
        url(../font/Woomble.ttf.eot?#iefix) format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
.pc {
	display:none!important;
}
.ps-container {
	overflow: hidden !important;
 }


/* header
=========================================== */

#header {
	width:100%;
	height:52px;
	position:fixed;
	top:;
	left:0;
	background:#fff;
	z-index:2000;
}
#header .logo {
	width:22%;
	float:right;
	padding:16px 15px 0 0;
}
#header .logo img {
	width:100%;
	height:auto;
}
#header .menu {
	width:20px;
	height:20px;
	background:url(../smapho_img/common/header_menu.jpg) no-repeat;
	background-size:20px 20px;
	text-indent:-9999px;
	position:absolute;
	top:15px;
	left:15px;
	display:block;
}
#header .close {
	width:15px;
	height:15px;
	background:url(../smapho_img/common/header_close.png) no-repeat;
	background-size:15px 15px;
	text-indent:-9999px;
	position:absolute;
	top:15px;
	left:15px;
	z-index:2000;
	display:block;
}

/* main
=========================================== */
 
#underMain {
	text-align:center;
	font-family: 'Woomble';
	font-size:40px;
	margin-bottom:26px;
	position:relative;
}
#underMain:after {
	content: "";
	display: block;
	width:50px;
	border-bottom:2px solid #000;
	position:absolute;
	top:63px;
	left:50%;
	margin-left:-25px;
}



/* gNavi
=========================================== */

#gNavi {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
}
.gSP {
	display:none;
}
.gSP.opened {
	display:block;
}
#gNavi ul.gNavi {
	padding-top:62px;
	text-align:center;
}
#gNavi ul.gNavi li {
	padding-bottom:28px;
}
#gNavi ul.gNavi li a {
	display:inline-block;
	font-family: 'Woomble';
	font-size:30px;
	line-height:0.6em;
}
#gNavi ul.gNavi li.icon a {
	background:url(../smapho_img/common/header_icon.png) no-repeat left center;
	background-size:20px 16px;
	padding-left:25px;
}
#gNavi ul.snsNavi {
	display:table;
	width:100%;
	position:fixed;
	bottom:10px;
	left:0;
}
#gNavi ul.snsNavi li {
	display:table-cell;
	width:20%;
	text-align:center;
}
#gNavi ul.snsNavi li a {
	width:37px;
	height:37px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
}
#gNavi ul.snsNavi li:nth-child(1) a {
	background:url(../smapho_img/common/header_sns01.png) no-repeat;
	background-size:37px 37px;
}
#gNavi ul.snsNavi li:nth-child(2) a {
	background:url(../smapho_img/common/header_sns02.png) no-repeat;
	background-size:37px 37px;
}
#gNavi ul.snsNavi li:nth-child(3) a {
	background:url(../smapho_img/common/header_sns03.png) no-repeat;
	background-size:37px 37px;
}
#gNavi ul.snsNavi li:nth-child(4) a {
	background:url(../smapho_img/common/header_sns04.png) no-repeat;
	background-size:37px 37px;
}
#gNavi ul.snsNavi li:nth-child(5) a {
	background:url(../smapho_img/common/header_sns05.png) no-repeat;
	background-size:37px 37px;
}


/* footer
=========================================== */

#footer {
	background:#FCF0F0;
}
#footer .gotop {
	text-align:center;
	background:#F5B7C4;
}
#footer .gotop a {
	background:url(../smapho_img/common/footer_allow.jpg) no-repeat left 8px;
	padding-left:20px;
	display:inline-block;
	font-family: 'Woomble';
	font-size:24px;
	line-height:1em;
	font-style:oblique;
}
#footer .gotop a:link, #footer .gotop a:visited {
	color: #fff;
	text-decoration: none;
}
#footer .gotop a:hover, #footer .gotop a:active {
	color: #fff;
	text-decoration: none;
}
#footer .fNavi {
	padding:40px 0 25px;
}
#footer .fNavi ul {
	text-align:center;
}
#footer .fNavi ul li {
	padding-bottom:15px;
	font-family: 'Woomble';
	font-size:26px;
	line-height:1em;
}
#footer .fNavi ul li a:link, #footer .fNavi ul li a:visited {
	color: #F5B7C4;
	text-decoration: none;
}
#footer .fNavi ul li a:hover, #footer .fNavi ul li a:active {
	color: #F5B7C4;
	text-decoration: none;
}
#footer #copyright {
	text-align:center;
	padding-bottom:60px;
	font-family: 'Woomble';
	font-size:16px;
	color: #F5B7C4;
	font-style:oblique;
}
#footer .spNavi {
	width:100%;
	background:#fad7df;
	padding:5px 0;
	position:fixed;
	bottom:0;
	left:0;
}
#footer .spNavi ul {
	display:table;
	width:100%;
}
#footer .spNavi ul li {
	display:table-cell;
	width:25%;	
}
#footer .spNavi ul li a {
	display:block;
	padding-top:30px;
	font-family: 'Woomble';
	font-size:18px;
	line-height:0.6em;
	text-align:center;
	position:relative;
}
#footer .spNavi ul li a span:after {
	content: "";
	display: block;
	width:10px;
	border-bottom:1px solid #fff;
	position:absolute;
	top:28px;
	left:50%;
	margin-left:-5px;
}
#footer .spNavi ul li a:link, #footer .spNavi ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#footer .spNavi ul li a:hover, #footer .spNavi ul li a:active {
	color: #fff;
	text-decoration: none;
}
#footer .spNavi ul li:nth-child(1) a {
	background:url(../smapho_img/common/footer_icon01.jpg) no-repeat top center;
	background-size:26px 26px;
}
#footer .spNavi ul li:nth-child(2) a {
	background:url(../smapho_img/common/footer_icon02.jpg) no-repeat top center;
	background-size:26px 26px;
}
#footer .spNavi ul li:nth-child(3) a {
	background:url(../smapho_img/common/footer_icon03.jpg) no-repeat top center;
	background-size:26px 26px;
}
#footer .spNavi ul li:nth-child(4) a {
	background:url(../smapho_img/common/footer_icon04.jpg) no-repeat top center;
	background-size:26px 26px;
}



/* section-main
=========================================== */

.section-main {
	margin:0 10px 10px;
}
.section-main li img {
	width:100%;
	height:auto;
}
.section-main .flex-direction-nav a {
	width:11px;
	height:21px;
	position:absolute;
	top:50%;
	margin-top:-10px;
	cursor: pointer;
	z-index: 10;
	overflow: hidden;
}
.section-main .flex-direction-nav .flex-prev {
	background:url(../smapho_img/top/top_allow01.png) no-repeat top center;
	background-size:11px 21px;
	left:5px;
	text-indent:-9999px;
}
.section-main .flex-direction-nav .flex-next {
	background:url(../smapho_img/top/top_allow02.png) no-repeat top center;
	background-size:11px 21px;
	right:5px;
	text-indent:-9999px;
}
.section-main .flex-control-nav {
  position: absolute;
  bottom: 10px;
}

	
/* section-top01
=========================================== */

.section-top01 {
	background:#eeefef;
	padding:16px 0 32px;
}
.section-top01 li img {
	width:100%;
	height:auto;
}
.section-top01 .title {
	text-align:center;
	font-family: 'Woomble';
	font-size:32px;
	line-height:1em;
	margin-bottom:10px;
	position:relative;
}
.section-top01 .title:after {
	content: "";
	display: block;
	width:40px;
	border-bottom:1px solid #000;
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-20px;
}
.section-top01 .subTitle {
	text-align:center;
	font-family: 'Woomble';
	font-size:22px;
	margin-bottom:10px;
}
.section-top01 .flex-direction-nav a {
	width:6px;
	height:7px;
	position:absolute;
	bottom:-15px;
	cursor: pointer;
	z-index: 10;
	overflow: hidden;
}
.section-top01 .flex-direction-nav .flex-prev {
	background:url(../smapho_img/top/top_allow03.jpg) no-repeat;
	background-size:6px 7px;
	left:10%;
	text-indent:-9999px;
}
.section-top01 .flex-direction-nav .flex-next {
	background:url(../smapho_img/top/top_allow04.jpg) no-repeat;
	background-size:6px 7px;
	right:10%;
	text-indent:-9999px;
}
.section-top01 .flex-control-nav {
  position: absolute;
  bottom: -30px;
}



/* section-top02
=========================================== */

.section-top02 {
	padding:40px 0 0;
}
.section-top02 ul {
	width:70%;
	margin:0 auto;
}
.section-top02 li {
	width:100%;
	height:auto;
	position:relative;
}
.section-top02 li.list01 {
	margin-bottom:30px;
}
.section-top02 li.list02 {
	margin-bottom:40px;
}
.section-top02 li .photo img {
	width:100%;
	height:auto;
	border-radius:50%;
}


/* section-top03
=========================================== */

.section-top03 {
	background:#FCF0F0;
	padding:15px 0;
}
.section-top03 .title {
	text-align:center;
	font-family: 'Woomble';
	font-size:32px;
	line-height:1em;
	margin-bottom:10px;
	position:relative;
}
.section-top03 .title:after {
	content: "";
	display: block;
	width:40px;
	border-bottom:1px solid #000;
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-20px;
}
.section-top03 .subTitle {
	text-align:center;
	font-family: 'Woomble';
	font-size:22px;
	margin-bottom:10px;
}
.section-top03 ul {
	
}
.section-top03 ul li {
	width:42%;
	float:left;
	padding:15px 2%;
	margin:0 2% 10px;
	background:#fff;
}
.section-top03 ul li img {
	width:100%;
	height:auto;
}
.section-top03 .btn {
	text-align:center;
}
.section-top03 .btn a {
	background:url(../img/top/top_allow05.jpg) no-repeat right 11px;
	padding-right:20px;
	display:inline-block;
	font-family: 'Woomble';
	font-size:28px;
	line-height:1em;
}


/* section-top04
=========================================== */

.section-top04 {
	padding:40px 0 0;
}
.section-top04 ul {
	width:70%;
	margin:0 auto;
}
.section-top04 li {
	width:100%;
	height:auto;
	position:relative;
}
.section-top04 li.list01 {
	margin-bottom:30px;
}
.section-top04 li.list02 {
	margin-bottom:40px;
}
.section-top04 li .photo img {
	width:100%;
	height:auto;
	border-radius:50%;
}



/* section-top05
=========================================== */

.section-top05 {
	text-align:center;
	margin-bottom:70px;
}
.section-top05 img {
	width:100%;
	height:auto;
}
.section-top05 .title {
	width:30%;
	margin:0 auto 25px;
}
.section-top05 .text {
	width:70%;
	margin:0 auto 40px;
}


/* section-sns01
=========================================== */

.section-sns01 {
	margin-bottom:40px;
}
.section-sns01 ul {
	display:table;
	width:100%;
}
.section-sns01 ul li {
	display:table-cell;
	width:20%;
	text-align:center;
}
.section-sns01 ul li a {
	width:40px;
	height:40px;
	display:inline-block;
	text-indent:-9999px;
}
.section-sns01 ul li.list01 a {
	background:url(../smapho_img/common/footer_sns01.jpg) no-repeat;
	background-size:40px 40px;
}
.section-sns01 ul li.list02 a {
	background:url(../smapho_img/common/footer_sns02.jpg) no-repeat;
	background-size:40px 40px;
}
.section-sns01 ul li.list03 a {
	background:url(../smapho_img/common/footer_sns03.jpg) no-repeat;
	background-size:40px 40px;
}
.section-sns01 ul li.list04 a {
	background:url(../smapho_img/common/footer_sns04.jpg) no-repeat;
	background-size:40px 40px;
}
.section-sns01 ul li.list05 a {
	background:url(../smapho_img/common/footer_sns05.jpg) no-repeat;
	background-size:40px 40px;
}


/* section-news
=========================================== */

.section-news {
	background:#FEFAF9;
	padding:5px;
	margin:0 15px 15px;
}
.section-news .box {
	border:2px dotted #F7BAC9;
	padding:30px 20px;
}
.section-news .photo {
	width:70%;
	text-align:center;
	margin:0 auto 15px;
}
.section-news .photo img {
	width:100%;
	height:auto;
}
.section-news .text {

}
.section-news .date {
	color:#EF9CAC;
	margin-bottom:11px;
	text-align:center;
}
.section-news .title {
	font-size:18px;
	color:#EF9CAC;
	margin-bottom:13px;
	text-align:center;
}
.section-news .detail {
	text-align:center;
}



/* section-timeline
=========================================== */

.section-timeline {
	padding:0 24px;
}
.section-timeline ul.ul01 {
	margin-right:-15px;
}
.section-timeline ul li.list {
	width:50%;
	float:left;
}
.section-timeline ul li.list01 {
	width:100%;
}
.section-timeline ul li.list10 {
	width:100%;
}
.section-timeline .img a {
	margin:0 15px 15px 0;
	display:block;
}
.section-timeline .img img {
	width:100%;
	height:auto;
}



/* section-detail
=========================================== */

.section-detail {
	width:100%;
	position:relative;
}
.section-detail .scroll {
	position:fixed;
	top:0;
	left:0;
	width:86%;
	padding:30px 7%;
	height:100%;
	overflow: auto;
    -webkit-overflow-scrolling: auto;
}
.section-detail .scroll .flexslider {
	padding-bottom:60px;
}
.section-detail .photo img {
	width:100%;
	height:auto;
}
.section-detail .text {
	padding:20px;
	background:#fff;
	text-align:left;
}
.section-detail .text .name {
	font-size:20px;
	margin-bottom:10px;
}
.section-detail .text .place {
	font-size:11px;
	margin-bottom:40px;
}
.section-detail .text .item {
	
}
.section-detail .text .item span {
	display:inline-block;
	padding-right:10px;
}
.section-detail .text .item span.cart {
	background:url(../img/common/gNavi_icon01.jpg) no-repeat;
	width:20px;
	height:16px;
	text-indent:-9999px;
}
.section-detail li {

}
.section-detail .close {
	background:url(../smapho_img/common/header_close.png) no-repeat;
	background-size:15px 15px;
	width:15px;
	height:15px;
	text-indent:-9999px;
	position:fixed;
	top:15px;
	left:15px;
	z-index:2800;
}
.section-detail .photo .flex-direction-nav {
	display:none;
}
.section-detail .thumb {
	padding-top:18px;
}
.section-detail .thumb li {
	width:20%;
	float:left;
}
.section-detail .thumb li img {
	width:100%;
	height:auto;
}


/* section-shoplist
=========================================== */

.section-shoplist {
	margin-bottom:80px;
}
.section-shoplist li {
	padding:15px 25px;
	text-align:left;
}
.section-shoplist li.even {
	background:#FEFAF9;
}
.section-shoplist .name {
	font-size:15px;
	color:#F19EAE;
	margin-bottom:5px;
}
.section-shoplist .name a:link, .section-shoplist .name a:visited {
	color:#F19EAE;
	text-decoration: none;
}
.section-shoplist .name a:hover, .section-shoplist .name a:active {
	color:#F19EAE;
	text-decoration: none;
}
.section-shoplist .name span {
	font-size:11px;
	display:block;
}
.section-shoplist .add {
	font-size:12px;
	margin-bottom:5px;
}
.section-shoplist .btn01 a {
	width:90px;
	height:24px;
	text-align:center;
	padding-left:20px;
	display:inline-block;
	border:1px solid #FCE8EA;
	background:url(../img/shoplist/shoplist_icon.jpg) no-repeat 10px center #fff;
}
.section-shoplist .btn02 a {
	width:90px;
	height:24px;
	text-align:center;
	padding-left:20px;
	display:inline-block;
	border:1px solid #FCE8EA;
	background:url(../img/shoplist/shoplist_icon.jpg) no-repeat 20px center #fff;
}
.section-shoplist .btn a:link, .section-shoplist .btn a:visited {
	color:#F19EAE;
	text-decoration: none;
}
.section-shoplist .btn a:hover, .section-shoplist .btn a:active {
	color:#F19EAE;
	text-decoration: none;
}



/* section-collection
=========================================== */

.section-collection {
	width:100%;
	height:100%;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3000;
	display:none;
}
.section-collection .scroll {
	width:100%;
	height:100%;
	padding:30px 0;
	position:absolute;
	overflow: scroll;
}
.section-collection .title {
	text-align:center;
	font-family: 'Woomble';
	font-size:32px;
	line-height:1em;
	margin-bottom:10px;
	position:relative;
}
.section-collection .title:after {
	content: "";
	display: block;
	width:40px;
	border-bottom:1px solid #000;
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-20px;
}
.section-collection .subTitle {
	text-align:center;
	font-family: 'Woomble';
	font-size:22px;
	margin-bottom:10px;
}
.section-collection .close {
	background:url(../smapho_img/common/header_close.png) no-repeat;
	background-size:15px 15px;
	width:15px;
	height:15px;
	text-indent:-9999px;
	position:fixed;
	top:15px;
	left:15px;
	z-index:3000;
}
.section-collection ul {
	padding:0 25px 25px;
}
.section-collection ul li {
	margin-bottom:10px;
}
.section-collection ul li img {
	width:100%;
	height:auto;
}

.section-timeline .flex-direction-nav a {
	display:block;
}	
.section-timeline .flex-nav-prev a {
	width:14px;
	height:27px;
	position:absolute;
	bottom:25%;
	left:-15px;
	cursor: pointer;
	z-index: 10;
	overflow: hidden;
	background:url(../img/top/top_allow01.png) no-repeat top center;
	background-size:14px 27px;
	text-indent:-9999px;
	border:none;
}
.section-timeline .flex-nav-next a {
	width:14px;
	height:27px;
	position:absolute;
	bottom:25%;
	right:-15px;
	cursor: pointer;
	z-index: 10;
	overflow: hidden;
	background:url(../img/top/top_allow02.png) no-repeat top center;
	background-size:14px 27px;
	text-indent:-9999px;
	border:none;
}



/* section-contact01
=========================================== */

.section-contact01 {
	text-align:center;
	margin-bottom:20px;
}
.section-contact01 a:link, .section-contact01 a:visited {
	text-decoration: underline;
}
.section-contact01 a:hover, .section-contact01 a:active {
	text-decoration: none;
}
.section-contact01 .red {
	color:#f00;
	font-size:12px;
}
.section-contact02 {
	border:1px solid #ccc;
	padding:10px;
	margin:0 10px 60px;
}
.section-contact02 .red {
	color:#f00;
}
.section-contact02 .notes {
	font-size:11px;
	line-height:1.3em;
	display:block;
	padding-top:5px;
}
.section-contact02 table {
	width:100%;
}
.section-contact02 table th {
	width:30%;
	padding-bottom:18px;
}
.section-contact02 table td {
	padding-bottom:18px;
	vertical-align:top;
	text-align:left;
}
.section-contact02 td input {
	width:94%;
	padding:3%;
}
.section-contact02 td select {
	width:94%;
	padding:3%;
	border:1px solid #ccc;
	border-radius:0;
	box-shadow:0;
}
.section-contact02 td textarea {
	width:94%;
	padding:3%;
	border:1px solid #ccc;
}
.section-contact02 .btn {
	text-align:center;
	padding:25px;
}
.section-contact02 .btn input {
	padding:5px 30px;
}


/* 10 modal-content
--------------------------------------------------------------------*/

body.no-scroll {
    overflow: hidden;
}
.modal-content {
	margin: 0;
	position: fixed ;
	display: none ;
	z-index: 2500 ;
	top:30px!important;
	width:100%;
}
#modal-overlay {
	z-index: 2300 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 255,255,255, 1 ) ;
}
.nextpage {
	text-align:center;
	padding:10px 0 60px;
}
.nextpage a {
	width:60%;
	padding:10px 0;
	display:block;
	background:#f5b7c4;
	font-family: 'Woomble';
	font-size:32px;
	margin:0 auto;
	border-radius:5px;
}
.nextpage a:link, .nextpage a:visited {
	color: #fff;
	text-decoration: none;
}
.nextpage a:hover, .nextpage a:active {
	color: #fff;
	text-decoration: none;
}
#infscr-loading {
	display:none!important;
}



.timelineBox {
	display:none;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	z-index:4000;
	width:100%;
	height:100%;
}
.timelineBox .box {
	width:100%;
	background:#fff;
	margin:120px auto 0;
	position:relative;
}


.timelineBox .close {
	position:absolute;
	top:10px;
	right:10px;
	z-index:4000;
}
.timelineBox .thumb li img {
	width:120px;
	height:120px;
}


.timelineBox .thumb .flex-nav-prev {
	width:14px;
	height:27px;
	position:absolute;
	top:50%;
	margin-top:-14px;
	cursor: pointer;
	z-index: 10;
	overflow: hidden;
	background:url(../img/top/top_allow01.png) no-repeat top center;
	background-size:14px 27px;
	left:-20px;
	text-indent:-9999px;
	border:none;
}
.timelineBox .thumb .flex-nav-next {
	width:14px;
	height:27px;
	position:absolute;
	top:50%;
	margin-top:-14px;
	cursor: pointer;
	z-index: 10;
	overflow: hidden;
	background:url(../img/top/top_allow02.png) no-repeat top center;
	background-size:14px 27px;
	right:-20px;
	text-indent:-9999px;
	border:none;
}