@charset "utf-8";

/* --------------------------------------------------------------------------------

	Yumeya common.css for touch device
	----------------------------------------------------------------------------
	
	reset & common styles
	Copyright (c) YUMEYA Corp. All rights reserved.
	
	----------------------------------------------------------------------------
	
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	リセット
-------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
}
body{
	line-height:1.5;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size:80%;
	-webkit-text-size-adjust: 100%;
	color:#333;

}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}
ol,ul{
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content:'';
	content:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}

img{
	max-width:100%;
	height:auto;
	border:none;
	-ms-interpolation-mode:bicubic;
	vertical-align:text-bottom;
}
a img{
	border:none;
	vertical-align:text-bottom;
}

@media screen and (max-width: 980px){
	body{
		font-size:1.5em;
	}
}
@media screen and (max-width: 480px){
	body{
		font-size:1.25em;
	}
}
@media screen and (max-width: 320px){
	body{
		font-size:1em;
	}
}

h1,h2,h3,h4,h5,h6,p{
	margin:0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
    display:block;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}


a{
    -webkit-tap-highlight-color:rgba(0,0,0,0.2);
	-moz-highlight-color:rgba(0,0,0,0.2);
	-ms-highlight-color:rgba(0,0,0,0.2);
	tap-highlight-color:rgba(0,0,0,0.2);
	color:#333;
}

input{
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	border-radius:0;
}
input, select{
	vertical-align:middle;
}


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

ul.ul{
	list-style:disc;
	padding:0 0 0 1.5em;
}
ol.ol{
	list-style:decimal;
	padding:0 0 0 1.75em;
}

.device-sp {
	display: block;
}
.device-pc {
	display: none;
}
.device-pc center a {
	display: none;
}


/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
}


/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
div#header{
	background:#fff;
	position:relative;
	min-height: 135px;
}

/********** ロゴ **********/
#header h1{
	float:left;
	width:51.5%;
}

/********** 電話番号 **********/
#header .h-tel{
	float:right;
	width:48.5%;
}

/********** フォーム **********/
#header form{
	padding:1.5%;
	background:#ff158b;
}
#header form ul li.txt-search{
	float:left;
	width:84%;
}
#header form .input-search{
	width:100%;
	height:2.7em;
    margin:0;
    padding:0;
	border-radius:0.25em;
	line-height:1;
	vertical-align:bottom;
	border:none;
	box-shadow:inset 0 0 0.5em #000;
}

#header form ul li.btn-search{
	float:right;
	padding:0;
	text-align:right;
}
#header form ul li.btn-search input{
	max-width:auto;
	height:2.9em;
	vertical-align:bottom;
}

/********** ナビゲーション **********/
#header .h-nav{
	margin:0 0;
	box-shadow:0 0.2em 0.2em rgba(0,0,0,0.3);
	background:#DF7987;/*url(../images/common/h-bg-nav.png) repeat 0 0;*/
	background-size:100%;
}
#header .h-nav ul{
	/*padding:0 3%;*/
	line-height:1;
}
#header .h-nav ul li{
	float:left;
	width:20%;
}

.navfixed {
  position: fixed;
  top: 0;
  z-index:99999999;
}

/*定期便バナー*/

#container .top_bnr{
	/*padding:2%;*/
	margin:0;
	background:#eee;/*url(../images/index/bg-movie.jpg) repeat 0 0;*/
	background-size:100% auto;
}

ul#pankuzu {
    font-size: 50%;
    margin-top: 0.5em;
}
ul#pankuzu li {
    display: inline;
}

/* --------------------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------------------- */
/*#wrapper{
	background:#eee;
}*/


/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#main{
	padding:3%;

}


/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer{
	padding:2% 0 0;
	background:#eee;
}

/********** f-btns **********/
#footer .f-btns{
	padding:2% 0 5.8%;
}
#footer .f-btns ul{
	float:left;
	width:75%;
}
#footer .f-btns ul li{
	float:left;
	width:33.33%;
}
#footer .f-btns ul li a{
	display:block;
}
#footer .f-btns .btn-pagetop {
    float: none;
    width: 22%;
    text-align: right;
    margin: 0 auto;
}

/********** f-menu **********/
#footer .f-menu{
	margin:0 3% 4%;
	border-radius:0.25em;
	border:solid 1px #ccc;
	background:#fff;
}
#footer .f-menu ul{
	list-style:none;
	margin:0;
	padding:3.5% 3.5% 2%;
}
#footer .f-menu ul li{
	float:left;
	width:49%;
	padding:0 0.5% 2%;
}
#footer .f-menu ul li:nth-child(2n){
	float:right;
}
#footer .f-menu ul li:last-child,
#footer .f-menu ul li:last-child(2){
	padding:0;
	background:#f00;
}
#footer .f-menu ul li img{
	vertical-align:bottom;
}

/********** f-logo **********/
#footer .f-logo{
	width:60%;
	margin:0 auto 6%;
}

/********** copyright **********/
#footer .copyright{
	padding:0 0 3%;
	text-align:center;
	font-size:70%;
}

/********** f-att **********/
#footer .f-att{
	padding:0 0 3%;
	text-align:center;
	line-height:1.2;
	font-size:58%;
}

/********** 表示モード **********/
#footer .btn-device-select{
	padding:2.8% 10%;
	margin-top:2%;
	text-align:center;
	background:#e07987;
	font-size:70%;
}
#footer .btn-device-select .heading{
	margin:0 2%;
	padding:1% 3.5%;
	background:#fff;
	color:#e07987;
}
#footer .btn-device-select .btn-smp{
	padding:0 5%;
	color:#e9a1ab;
}
#footer .btn-device-select a{
	padding:0 5%;
	border-left:solid 1px #fff;
	color:#fff;
}


.miss-message {
    clear: both;
}



/********** SNS **********/
.sns-icons h2.lead {
    background-color: rgb(251,154,4);
    -webkit-box-shadow: 0px 0px 0px 5px #fb9a04 !important;
    border: dashed 1px #ffffff !important;
    border-radius: 0.5em;
    padding: 0.2em 0.5em !important;
    color: #ffffff !important;
	margin: 20px 4% 0.5em !important;
    font-size: 0.9em;
}

.sns-icons ul li {
    float: left;
    width: calc(70%/5);
    box-sizing: border-box;
    margin: 3%;
    filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.2));
}
.copy {
    font-size: 70%;
    text-align: center;
}

#item_page span.ea-hidden {
    display: inline;
}

#item_page span.ea-visible {
    display: none;
}
/* ============================================================================================ add style 20250807 */
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
body{
	font-size: 2em;
}
.l-container,
.l-container-sm {
	padding: 0;
}
.l-container-wrap__body{
	padding-top: 0;
}