@charset "utf-8";
/* =================================================
 * reset
 * ================================================*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img,
dl, dt, dd, ol, ul, li, form, label, table, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	outline: none;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ul, ol {
	list-style: none;
}

table {
	border-spacing: 0px;
	empty-cells: show;
}

/* =================================================
 * common
 * ================================================*/

body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 160%;
	/*color: #333333;*/
	background-color: #fff;

	-webkit-text-size-adjust: none;
}
a{
	-webkit-tap-highlight-color:rgba(0,0,0,0.1);
	-webkit-touch-callout:none;
	display:block;
	text-decoration: none;
}
div#header_line{
	height:5px;
	width:100%;
	background-color:#f24fa0;
	position:absolute;
	line-height:5px;
	display:block;
	top:0;
	left:0;
	z-index:1000;
}
header{
	width:100%;
	height:52px;
	border-top:5px solid #f24fa0;
	border-bottom:1px solid #dadada;
	display:block;
	background-color:#ffffff;
	position:relative;
}

div#footer_annotation{
	width:100%;
	margin-top:5px;
	background-color:#fafafa;
	border-top:1px solid #DADADA;

}
div#footer_annotation p{
	padding:9px;
	font-size:8px;
	line-height:14px;
}
footer{
	border-top:1px #dadada solid;
	width:100%;
	display:block;
	background-color:#ffffff;
	position:relative;
	height:85px;
}
footer ul{
	border-top:3px #f6f6f6 solid;
	border-bottom:1px #dadada solid;
}
footer ul a li{
	display:block;
	float:left;
	height:40px;
	width:50%;
	position:relative;
}
footer ul a li span{
	display:block;
	left:10px;
	top:10px;
	position:absolute;
}
footer ul a li p{
	font-size:12px;
	margin-top:13px;
	line-height:13px;
	width:200%;
	text-align: center;
	vertical-align: top;
	text-indent:2em;
}
footer ul a{
	float:left;
	display:block;
	color:#000;
	width:50%;
	height:40px;
}
footer ul a li div.footer_btn_split{

	left:0;
	width:1px;
	height:30px;
	background-color:#dadada;
	top:5px;
	position:absolute;
}
footer ul a:nth-child(1) li span{

	background-image:url(../images/icon_home.png);
	background-size:22px 20px;
	width:22px;
	height:20px;
}
footer ul a:nth-child(2) li span{
	background-image:url(../images/icon_top.png);
	background-size:21px 20px;
	width:21px;
	height:20px;
}
footer a#btn_footer_pcsite{
	color:#000;
	font-size:10px;
	line-height:10px;
	/*font-weight: bold;*/
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color:#fff;
	display:inline-block;
	padding:5px;
	margin-top:10px;
	margin-left:10px;
}
footer a#btn_footer_pcsite span{
width: 0;
	height: 0;
	float:left;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #000;
	margin-top:1px;
	margin-right:5px;
}
header h1{
	background-image:url(../images/h1.png);
	background-size:42px 40px;
	width:42px;
	height:40px;
	display:block;
	float:left;
	margin:5px;
	text-indent:-9999px;
	overflow:hidden;
}
header strong{
	background-image:url(../images/tarts.png);
	background-size:77px 24px;
	width:77px;
	height:24px;
	display:block;
	margin-top:21px;
	text-indent:-9999px;
	float:left;
}
footer small{
	/*background-image:url(../images/copy.png);*/
	background-size:131px 19px;
	width:131px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:right;
	margin-top:10px;
	margin-right:7px;

}



div#g_pankuzu{
	border-bottom:1px #dadada solid;
	font-size:10px;
	background-color:#fff;
	line-height:1em;
}
div#g_pankuzu div.g_border{
	width:100%;
	line-height:0;
	background-color:#f6f6f6;
	height:3px;
}
div#g_pankuzu div#pankuzu_wrap{
	line-height:1.4em;
	padding:10px 5px;
	padding-bottom:8px;
	background-color:#fff;
	vertical-align: middle;
}

div#g_pankuzu div#pankuzu_wrap a{
	float:left;
	color:#DB0071;
	text-decoration: underline;
	display:inline;
	word-wrap:break-word;
}
div#g_pankuzu div#pankuzu_wrap span{
	float:left;
	display:inline;
	word-wrap:break-word;
}
/*------------- menu -----------------*/
header div.icon_split{
	float:right;
	width:1px;
	height:40px;
	background-color:#dadada;
	margin-top:5px;
}
header a#btn_launch_menu{
	background-image:url(../images/btn_menu.png);
	background-size:60px 50px;
	width:60px;
	height:50px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	float:right;
}
div#menuHead{
	width:100%;
	border-top:5px solid #f24fa0;
	border-bottom:1px solid #d8d8d8;
	height:31px;

}
div#menuHead div#icon_menu{
	background-image:url(../images/icon_menu.png);
	background-size:18px 15px;
	width:18px;
	height:15px;
	margin:8px 5px;
	float:left;
}
div#menuHead p.m{
	font-weight:bold;
	font-size:11px;
	margin-top:10px;
	line-height:13px;
	vertical-align: middle;
	float:left;
}
div#menuHead a#btn_menu_close{
	padding:10px;
	display:block;
	float:right;
}
div#menuHead a#btn_menu_close span{
	background-image:url(../images/btn_menu_close.png);
	background-size:11px 11px;
	width:11px;
	height:11px;
	display:block;
	background-repeat: no-repeat;
}
div#win_menu{
  width:100%;
  background-color:#fff;
  height:auto;
  display:none;
  position:absolute;
  top:-510px;
  left:0px;
  z-index:2000;
  padding:0;
  margin:0;
  line-height:0;
}

.menu_show{
	-webkit-transition: -webkit-transform 0.5s ease-in ;
	/*-webkit-transform: translate(0px,510px); */

	animation-name: menu_show;
  	animation-duration: 0.5s;
  	animation-iteration-count: 1;
  	animation-fill-mode: forwards;

	-webkit-animation-name: menu_show;
  	-webkit-animation-duration: 0.5s;
  	-webkit-animation-iteration-count: 1;
  	-webkit-animation-fill-mode: forwards;

  	-moz-animation-name: menu_show;
  	-moz-animation-duration: 0.5s;
  	-moz-animation-iteration-count: 1;
  	-moz-animation-fill-mode: forwards;

  	-o-animation-name: menu_show;
  	-o-animation-duration: 0.5s;
  	-o-animation-iteration-count: 1;
  	-o-animation-fill-mode: forwards;

 }
 @keyframes menu_show {
  0% {
    transform: translate3d(0px,0px,0);
  }

  99.9%,to {
    transform: translate3d(0px,510px,0);
  }
}
@-webkit-keyframes menu_show {
  0% {
    -webkit-transform: translate3d(0px,0px,0);
  }

  99.9%,to {
    -webkit-transform: translate3d(0px,510px,0);
  }
}
@-moz-keyframes menu_show {
  0% {
    -moz-transform: translate3d(0px,0px,0);
  }

  99.9%,to {
    -moz-transform: translate3d(0px,510px,0);
  }
}
@-o-keyframes menu_show {
  0% {
    -o-transform: translate3d(0px,0px,0);
  }

  99.9%,to {
    -o-transform: translate3d(0px,510px,0);
  }
}
.menu_hidden{

/*  -webkit-transform: translate(0px,0px)  3s linear;*/

	-webkit-animation-name: menu_hidden;
  	-webkit-animation-duration: 0.5s;
  	-webkit-animation-iteration-count: 1;
  	-webkit-animation-fill-mode: forwards;

  	-moz-animation-name: menu_hidden;
  	-moz-animation-duration: 0.5s;
  	-moz-animation-iteration-count: 1;
  	-moz-animation-fill-mode: forwards;

  	-o-animation-name: menu_hidden;
  	-o-animation-duration: 0.5s;
  	-o-animation-iteration-count: 1;
  	-o-animation-fill-mode: forwards;

 }
@-webkit-keyframes menu_hidden {
  0% {
    -webkit-transform: translate3d(0px,510px,0);
  }

  99.9%,to  {
    -webkit-transform: translate3d(0px,0px,0);
  }
}
@-moz-keyframes menu_hidden {
  0% {
    -moz-transform: translate3d(0px,510px,0);
  }

  99.9%,to  {
    -moz-transform: translate3d(0px,0px,0);
  }
}
@-o-keyframes menu_hidden {
  0% {
    -o-transform: translate3d(0px,510px,0);
  }

  99.9%,to  {
    -o-transform: translate3d(0px,0px,0);
  }
}
div#win_menu ul#gmenu_1{
	width:100%;
	clear:both;
}
div#win_menu ul#gmenu_1 li{
  float:left;
  vertical-align: middle;
  font-weight: bold;
  color:#000;
  height:49px;
  border-bottom:1px solid #d8d8d8;
  position:relative;
  display:block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.53, #f3f3f3), color-stop(0.52, #f7f6f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #f7f6f7 52%, #f3f3f3 53%, #fff 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f7f6f7 52%, #f3f3f3 53%, #fff 100%);
	background: -o-linear-gradient(top, #fff 0%, #f7f6f7 52%, #f3f3f3 53%, #fff 100%);
	background: -ms-linear-gradient(top, #fff 0%, #f7f6f7 52%, #f3f3f3 53%, #fff 100%);
	background: linear-gradient(to bottom, #fff 0%, #f7f6f7 52%, #f3f3f3 53%, #fff 100%);

}
div#win_menu ul#gmenu_1 li a{
	width:100%;
	height:100%;
	color:#000;
}

div#win_menu ul#gmenu_1 li p{
font-size:14px;
line-height:17px;
display:inline;
position:absolute;
}

div#win_menu ul li div.gmenu_bg{
  border-right:1px solid #d8d8d8;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

div#win_menu ul#gmenu_2{
	width:100%;
	clear:both;
}
div#win_menu ul#gmenu_2 li{
  float:left;
  vertical-align: middle;
  font-size:10px;
  color:#000;
  height:38px;
  border-bottom:1px solid #d8d8d8;
  position:relative;
  display:block;
  padding-top:2px;

}
div#win_menu ul#gmenu_2 li a{
	width:100%;
	height:100%;
	color:#000;
}
div.border_bottom{
	border-bottom:1px solid #d8d8d8;
	height:1px;
	width:100%;
	line-height:1px;
	vertical-align: top;
}
div#win_menu ul#gmenu_2 li p{
	float:left;
	margin-top:14px;
	line-height:1em;
	margin-left:4px;
}

div#win_menu ul#gmenu_3{
	padding:10px 0;
}
div#win_menu ul#gmenu_3 li{
	float:left;
	position:relative;
	height:10px;
	margin-right:15px;
}
div#win_menu ul#gmenu_3 li a{
	width:100%;
	height:100%;
	color:#000;
}
div#win_menu ul#gmenu_3 li span{
	width: 0;
	height: 0;
	float:left;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #000;
	margin-top:1px;
}
div#win_menu ul#gmenu_3 li p{
	float:left;
	font-size:10px;
	margin-left:4px;
	line-height: 10px;
	vertical-align: middle;
}


div#win_menu ul#gmenu_3 li:nth-child(3){
	margin-right:0;
}


div#win_menu ul#gmenu_1 li:nth-child(even) .gmenu_bg{
  border-right:none;
}
div#win_menu ul#gmenu_2 li:nth-child(3n) .gmenu_bg{
  border-right:none;
}
ul#gmenu_1 li span{
	background-size:19px 21px;
	width:19px;
	height:21px;
	position:absolute;
	top:14px;
	left:5px;
}
ul#gmenu_1 li:nth-child(1) span{
	background-image:url(../images/arrow_pink.png);
}
ul#gmenu_1 li:nth-child(2) span{
	background-image:url(../images/arrow_pink.png);
}
ul#gmenu_1 li:nth-child(3) span{
	background-image:url(../images/arrow_pink.png);
}
ul#gmenu_1 li:nth-child(4) span{
	background-image:url(../images/arrow_orange.png);
}
ul#gmenu_1 li:nth-child(5) span{
	background-image:url(../images/arrow_blue.png);
}
ul#gmenu_1 li:nth-child(6) span{
	background-image:url(../images/arrow_yellow.png);
}
ul#gmenu_1 li:nth-child(7) span{
	background-image:url(../images/arrow_purple.png);
}
ul#gmenu_1 li:nth-child(8) span{
	background-image:url(../images/arrow_aqua.png);
}

ul#gmenu_2 li span{
	background-image:url(../images/arrow.png);
	background-size:13px 13px;
	width:13px;
	height:13px;
	float:left;
	margin-top:12px;
	margin-left:5px;
}

a#btn_menu_close_l{
	position:relative;
	color:#000;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border:1px solid #d8d8d8;
	display:inline-block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #e7e7e7));
background: -webkit-linear-gradient(top, #fff 0%, #e7e7e7 100%);
background: -moz-linear-gradient(top, #fff 0%,  #e7e7e7 100%);
background: -o-linear-gradient(top, #fff 0%,  #e7e7e7 100%);
background: -ms-linear-gradient(top, #fff 0%,  #e7e7e7 100%);
background: linear-gradient(to bottom, #fff 0%, #e7e7e7 100%);
}


.btn_touchstart{
	background:#efefef;
}

a#btn_menu_close_l div{
	width:118px;
	display:block;
}
a#btn_menu_close_l span{
background-image:url(../images/btn_menu_close.png);
	background-size:11px 11px;
	width:11px;
	height:11px;
	line-height:11px;
	display:block;
	background-repeat: no-repeat;
	float:left;
	margin-top:14px;
	margin-right:10px;
}
a#btn_menu_close_l p{
	font-size:12px;
	font-weight:bold;
	line-height:39px;
	vertical-align: middle;
	float:left;
}
/*div.navigation_land ul li:nth-child(3n+1) .gmenu_1_bg{
  border-right:none;
}*/
/*---------- navigation ------------------*/


/*----------- search section -------------------*/
div#search_section{
	background-color:#000;
	height:50px;
	display:none;
}





/*----------- search section -------------------*/


/* Android */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {

header h1{
	background-image:url(../images/h1@1.5x.png);
}
header strong{
	background-image:url(../images/tarts@1.5x.png);
}
footer small{
	/*background-image:url(../images/copy@1.5x.png);*/
}
header a#btn_launch_menu{
	background-image:url(../images/btn_menu@1.5x.png);
	}
div#menuHead div#icon_menu{
	background-image:url(../images/icon_menu@1.5x.png);
}
div#menuHead a#btn_menu_close span{
	background-image:url(../images/btn_menu_close@1.5x.png);
	}
ul#gmenu_1 li:nth-child(1) span{
	background-image:url(../images/arrow_pink@1.5x.png);
}
ul#gmenu_1 li:nth-child(2) span{
	background-image:url(../images/arrow_pink@1.5x.png);
}
ul#gmenu_1 li:nth-child(3) span{
	background-image:url(../images/arrow_pink@1.5x.png);
}
ul#gmenu_1 li:nth-child(4) span{
	background-image:url(../images/arrow_orange@1.5x.png);
}
ul#gmenu_1 li:nth-child(5) span{
	background-image:url(../images/arrow_blue@1.5x.png);
}
ul#gmenu_1 li:nth-child(6) span{
	background-image:url(../images/arrow_yellow@1.5x.png);
}
ul#gmenu_1 li:nth-child(7) span{
	background-image:url(../images/arrow_purple@1.5x.png);
}
ul#gmenu_1 li:nth-child(8) span{
	background-image:url(../images/arrow_aqua@1.5x.png);
}
ul#gmenu_2 li span{
	background-image:url(../images/arrow@1.5x.png);
	}
a#btn_menu_close_l span{
	background-image:url(../images/btn_menu_close@1.5x.png);
}
footer ul a:nth-child(1) li span{
	background-image:url(../images/icon_home@1.5x.png);
}
footer ul a:nth-child(2) li span{
	background-image:url(../images/icon_top@1.5x.png);
}
}

/* iPhone Retina */

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) {

header h1{
	background-image:url(../images/h1@2x.png);
}
header strong{
	background-image:url(../images/tarts@2x.png);
}
footer small{
	/*background-image:url(../images/copy@2x.png);*/
}
header a#btn_launch_menu{
	background-image:url(../images/btn_menu@2x.png);
	}
div#menuHead div#icon_menu{
	background-image:url(../images/icon_menu@2x.png);
}
div#menuHead a#btn_menu_close span{
	background-image:url(../images/btn_menu_close@2x.png);
	}
ul#gmenu_1 li:nth-child(1) span{
	background-image:url(../images/arrow_pink@2x.png);
}
ul#gmenu_1 li:nth-child(2) span{
	background-image:url(../images/arrow_pink@2x.png);
}
ul#gmenu_1 li:nth-child(3) span{
	background-image:url(../images/arrow_pink@2x.png);
}
ul#gmenu_1 li:nth-child(4) span{
	background-image:url(../images/arrow_orange@2x.png);
}
ul#gmenu_1 li:nth-child(5) span{
	background-image:url(../images/arrow_blue@2x.png);
}
ul#gmenu_1 li:nth-child(6) span{
	background-image:url(../images/arrow_yellow@2x.png);
}
ul#gmenu_1 li:nth-child(7) span{
	background-image:url(../images/arrow_purple@2x.png);
}
ul#gmenu_1 li:nth-child(8) span{
	background-image:url(../images/arrow_aqua@2x.png);
}
ul#gmenu_2 li span{
	background-image:url(../images/arrow@2x.png);
	}
a#btn_menu_close_l span{
	background-image:url(../images/btn_menu_close@2x.png);
}
footer ul a:nth-child(1) li span{
	background-image:url(../images/icon_home@2x.png);
}
footer ul a:nth-child(2) li span{
	background-image:url(../images/icon_top@2x.png);
}
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#SS_searchForm{
	padding:10px;
	border-bottom:1px solid #dadada;
}
#SS_searchQuery:focus{
	outline: none;
}
#SS_searchQuery{

	-webkit-appearance: none;
	float:left;
	border: 1px solid #dadada;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:6px 5px 5px 6px;
	margin:0px;
	width:269px;
	font-size: 12px;


}
#SS_searchQuery:placeholder-shown {
    color: #ccc; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
#SS_searchQuery::-webkit-input-placeholder {
    color: #ccc; }

/* Firefox 18- */
#SS_searchQuery:-moz-placeholder {
    color: #ccc; opacity: 1; }

/* Firefox 19+ */
#SS_searchQuery::-moz-placeholder {
    color: #ccc; opacity: 1; }

/* IE 10+ */
#SS_searchQuery:-ms-input-placeholder {
    color: #ccc; }
#search_form{
	padding:10px;
	border-bottom:1px solid #dadada;
}
#input_search_word:focus{
	outline: none;
}
#input_search_word{

	-webkit-appearance: none;
	float:left;
	border: 1px solid #dadada;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#ccc;
	padding:6px 5px 5px 6px;
	margin:0px;
	width:269px;
	font-size: 12px;


}

#btn_isearch{
	background-image: url(../../../images/index/saerch_icon.svg);
	background-position:center;
	background-repeat: no-repeat;
	background-size:12px 12px;
	border: solid 1px #f0489c;
	background-color:#f0489c;
	margin:0;
	height:27px;

	border-radius: 3px;
	-webkit-border-radius: 3px;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	color: #ffffff;
	font-size:100%;
	font-weight: bold;
	vertical-align: middle;



	float:left;
}

#btn_isearch span{
	line-height:1em;
	padding:0;margin:0;
	display:inline;
}