@charset "UTF-8";

/* 基本設定
 ******************************************************************************************** */
body {
	margin:0px;
	padding:0px;
	border:0px;
	color: #333;

	/*
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3';
	*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size:13px;
	line-height: 1.5;
	width: auto;
}


.sp_no{
	display: none !important;
}
.sp_view{
	display: block !important;
}
.pc_view{
	display: none !important;
}




/* Container
----------------------------------------------------------- */
#container{
	min-width:inherit;
	background:#fff;
}



/* Header
----------------------------------------------------------- */
header {
	position:relative !important;
	top:inherit;
	left:inherit;

	background:none;
	min-width:inherit;
}

header.sp_header {
	position: fixed !important;
	background: #fff;
}

#cart_drop{
	display:none !important;
}


#header_in{
	width:auto;
}
#header_catch_txt{
	display:none;
}

#header_flag_l{
	display:none;
}
#header_flag_r{
	display:none;
}

#header_other_navi1{
	overflow:hidden;
	position:absolute;
	top:22px;
	right:145px;
	font-size:11px;
	z-index:100;
}
#header_other_navi1 li{
	display:none;
	padding:0 3px;
}

#header_other_navi1{
	background:none;
}
#header_other_navi1 li a{
	color:#0098FF !important;
	text-decoration:underline;
}
#header_other_navi2{
	overflow:hidden;
	position:absolute;
	top:10px;
	right:10px;
	z-index:100;
}
#header_other_navi2 li{
	float:left;
	margin-left:5px;
}

#header_other_navi2 li img{
	width:40px;
	height:40px;

	visibility:hidden;
}
#header_other_navi2 li a{
	display:block;
	width:40px !important;
	height:40px !important;
}

#header_btn_cart > a{
	width:40px !important;
	height:40px !important;
	overflow:hidden;
	padding:0px;
	text-indent:-1000px !important;
}
#header_btn_cart > a span{
	display:none;
}

#header_other_navi2 li span{
	display:block;
	width:40px;
	height:40px;

	visibility:hidden;
}

#header_btn_login a{
	background:url(../../img/sp/header_btn_login.png) 0 0 no-repeat;
	background-size:40px auto;
}

#header_btn_logout a{
	background:url(../../img/sp/header_btn_logout.png) 0 0 no-repeat;
	background-size:40px auto;
}

#header_btn_search a{
	background:url(../../img/sp/header_btn_search.png) 0 0 no-repeat;
	background-size:40px auto;
}
#header_btn_mypage a{
	background:url(../../img/sp/header_btn_mypage.png) 0 0 no-repeat;
	background-size:40px auto;
}
#header_btn_cart a{
	background:url(../../img/sp/header_btn_cart.png) 0 0 no-repeat;
	background-size:40px auto;
}
#sp_header_menu_btn a{
	background:url(../../img/sp/header_btn_menu.png) 0 0 no-repeat;
	background-size:40px auto;
}
#sp_header_menu_btn a.open{
	background:url(../../img/sp/header_btn_menu_close.png) 0 0 no-repeat;
	background-size:40px auto;
}

#sp_header_menu_btn{
	display:block;
}

.sp-header {
	width: 100%;
    position:fixed;
	z-index: 9999;
	background: #fff;
}


#header_in2{
	position:relative;
	padding-top:15px;
	padding-bottom:10px;
}

#header_in2 #logo{
	margin-left:10px;
	margin-top:5px;
    padding-top: 0;
}

#header_in2 #logo img{
	width:30%;
	height:auto;
}

#header_in2 ul{
	display:none;
}

#header_in2 {
    height: auto;
}




/* header_info
----------------------------------------------------------- */
#header_info{
	background:url(../../img/common/header_info_bg.png) 0 0 repeat;
	height:auto;
	min-width:inherit;
	text-align:left;
	padding-bottom:7px;
}

#header_info_in{
	width:auto;
}

#header_info_detail{
	margin-top:65px;
/*	margin-top:8px;*/
	float:none;
	/*background:url(../../img/common/header_info_icon.png) 0 0 no-repeat;*/
	background-size:55px auto;
	padding:2px 10px 0 10px;
	min-height:28px;
	width:auto;
}

.ticker ul {
	width: 100%;
	position: relative;
	font-size:13px;
	height:auto;
	overflow:hidden;
}

#header_info_detail dl{
	overflow:visible;
	font-size:13px;
}
#header_info_detail dt{
	float:none;
	margin-bottom:2px;
}
#header_info_detail dd{
	padding-left:0em;
	margin-left:-50px;
	line-height:1.3;
	font-size:12px;
}

#header_info_detail dd a{
	color:#FF3900;
}

#header_sns_box{
	display:none;
}

/* SP メニュー */

.accordion > dd {
	display: none;
}

.accordion > dt {
	background:url(../../img/sp/icon_off.png) center right 10px no-repeat #F5F5F5;
	background-size: 15px auto;
}

.accordion > dt.active {
	background:url(../../img/sp/icon_on.png) center right 10px no-repeat #F5F5F5;
	background-size: 15px auto;
}

#sp-menu{
	position:relative;
	top:62px;
	display:none;
    /*overflow-y: auto;*/
	background-color: rgba(255,255,255,0.50);
	text-align: left;
	width: 100%;
    height: 90%;

}

#sp-menu .sp-menu-wrap {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch;
  opacity: 0;
}

#sp-menu.open{
	display: block;
    position: fixed;
    z-index: 20000;
}

#sp-menu.open .sp-menu-wrap {
   opacity: 1;
      animation-duration: 0.5s;
      animation-name: fade-in;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: fade-in;
}

@keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      1% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
}
@-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      1% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
}
@-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      1% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

#sp-menu ul,
#sp-menu dl {
	background: #fff;
}

#sp-menu a,
#sp-menu span{
	display: block;
	padding: 10px 10px 10px 40px;
	color: #333;
	border-bottom: 1px solid #CCCCCC;

}

#sp-menu a.none-icon,
#sp-menu span.none-icon{
	padding: 10px 10px 10px 10px;
	background: none !important;
}


#sp-menu a {
	display: block;
}

#sp-menu strong {
	font-size: 14px;
}

#sp-menu .home {
	border-top: 1px solid #CCCCCC;
	border-right: 4px solid #0099FF;
}

#sp-menu .home a{
	background: url(../../img/sp/icon_home.png) 10px center no-repeat;
	background-size: 22px auto;
}

#sp-menu .event span{
	background: url(../../img/sp/icon_event.png) 10px center no-repeat;
	background-size: 25px auto;
}

#sp-menu .event a.arow{
	background: url(../../img/sp/icon_event_arow.png) 10px center no-repeat;
	background-size: 13px auto;
}

#sp-menu .event a.icon1{
	background: url(../../img/sp/icon_event.png) 10px center no-repeat;
	background-size: 25px auto;
}
#sp-menu .event a.icon2{
	background: url(../../img/sp/icon_event2.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon3{
	background: url(../../img/sp/icon_event3.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon4{
	background: url(../../img/sp/icon_event4.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon5{
	background: url(../../img/sp/icon_event5.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon6{
	background: url(../../img/sp/icon_event6.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon7{
	background: url(../../img/sp/icon_event7.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon8{
	background: url(../../img/sp/icon_event8.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon9{
	background: url(../../img/sp/icon_event9.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon10{
	background: url(../../img/sp/icon_event10.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon11{
	background: url(../../img/sp/icon_event11.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon12{
	background: url(../../img/sp/icon_event12.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon13{
	background: url(../../img/sp/icon_event13.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon14{
	background: url(../../img/sp/icon_event14.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon15{
	background: url(../../img/sp/icon_event15.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon16{
	background: url(../../img/sp/icon_event16.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon17{
	background: url(../../img/sp/icon_event17.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon18{
	background: url(../../img/sp/icon_event18.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon19{
	background: url(../../img/sp/icon_event19.png) 10px center no-repeat;
	background-size: 24px auto;
}
#sp-menu .event a.icon20{
	background: url(../../img/sp/icon_event20.png) 10px center no-repeat;
	background-size: 24px auto;
}

#sp-menu .event{
	border-right: 4px solid #FF9899;
}


#sp-menu .novelty span{
	background: url(../../img/sp/icon_novelty.png) 10px center no-repeat;
	background-size: 29px auto;
}
#sp-menu .novelty{
	border-right: 4px solid #A3D801;
}

#sp-menu .novelty a.arow{
	background: url(../../img/sp/icon_novelty_arow.png) 10px center no-repeat;
	background-size: 13px auto;
}




#sp-menu .petit span{
	background: url(../../img/sp/icon_petit.png) 10px center no-repeat;
	background-size: 25px auto;
}
#sp-menu .petit{
	border-right: 4px solid #FFBEFE;
}

#sp-menu .petit a.arow{
	background: url(../../img/sp/icon_petit_arow.png) 10px center no-repeat;
	background-size: 13px auto;
}




#sp-menu .beginner,
#sp-menu .sitemap{
	border-right: 4px solid #BDBDAE;
}

#sp-menu .beginner a{
	background: url(../../img/sp/icon_begin.png) 10px center no-repeat;
	background-size: 25px auto;
}

#sp-menu .sitemap a{
	background: url(../../img/sp/icon_sitemap.png) 10px center no-repeat;
	background-size: 22px auto;
}

/* SP メニュー */

#getman_banner{
	position:static;
	top:inherit;
	right:inherit;
	text-align:center;
	/**/
	display:none;
}
#getman_banner a{
	display:block;
	width:300px;
	height:55px;
	background:url(../../img/sp/get_banner.png) 0 0 no-repeat;
	background-size:300px 55px;
	margin:0 auto;
}
#getman_banner a span{
	display:block;
	width:300px;
	height:55px;
}
#getman_banner a span img{
	display:none;
}




#cart_fixed{
	display:none;
}

#pagetop_fixed{
	display:none;
}

.top_visual_main {
    padding: 10px 0 0;
    width: auto;
    margin: 0 auto;
}

.top_visual_main li {
    float: left;
    margin-right: 0;
	width: 33%;
}

.top_visual_main li img{
	width: 100%;
	height: auto;
}

.top_visual {
    margin-bottom: 0;
}



/* topics-path
----------------------------------------------------------- */

#topics_path{
	display:none;
}


/* globalNavi
----------------------------------------------------------- */

#g_navi_box {
	background:none;
	display:none;
}

#g_navi_box_in{
	position:relative;
	width:auto;
	margin:0 auto;
	overflow:hidden;
}
#g_navi{
	float:none;
	overflow:hidden;
	margin-bottom:10px;
}
#g_navi li{
	float:none;
	width:100% !important;
	border-bottom:1px solid #ccc;
	background:#fff !important;
}
#g_navi li a{
	display:block;
	height:49px;
}
#g_navi li#g_n1{
	border-top:1px solid #ccc;
}
#g_navi li#g_n1 a{
	width:auto !important;
	border-right:5px solid #0099FF;
	background:url(../../img/sp/g_navi1.png) 0 0 no-repeat;
	background-size:auto 49px;
}
#g_navi li#g_n2 a{
	width:auto !important;
	border-right:5px solid #FF9899;
	background:url(../../img/sp/g_navi2.png) 0 0 no-repeat;
	background-size:auto 49px;
}
#g_navi li#g_n3 a{
	width:auto !important;
	border-right:5px solid #A3D801;
	background:url(../../img/sp/g_navi3.png) 0 0 no-repeat;
	background-size:auto 49px;
}
#g_navi li#g_n4 a{
	width:auto !important;
	border-right:5px solid #FFBEFE;
	background:url(../../img/sp/g_navi4.png) 0 0 no-repeat;
	background-size:auto 49px;
}
#g_navi li#g_n_other1,
#g_navi li#g_n_other2{
	display:block !important;
}
#g_navi li#g_n_other1 a{
	width:auto !important;
	border-right:5px solid #BDBDAE;
	background:url(../../img/sp/g_navi_other1.png) 0 0 no-repeat;
	background-size:auto 49px;

	width:100%;
	height:48px;
}
#g_navi li#g_n_other2 a{
	width:auto !important;
	border-right:5px solid #BDBDAE;
	background:url(../../img/sp/g_navi_other2.png) 0 0 no-repeat;
	background-size:auto 49px;

	width:100%;
	height:48px;
}
#g_navi li#g_n_other1 span,
#g_navi li#g_n_other2 span{
	visibility:hidden;
}

#g_navi li a img{
	visibility:hidden;
	width:100%;
	height:48px;
}


body#top #g_navi li#g_n1 img,
body#event #g_navi li#g_n2 img,
body#novelty #g_navi li#g_n3 img,
body#petitgift #g_navi li#g_n4 img{
	visibility:hidden;
}

#g_navi_banner{
	float:none;
	overflow:hidden;
	background: #fff;
	width: auto;
	padding: 10px 0 0 5px;
}
#g_navi_banner li{
	float:left;
	margin-left:7px;
	border-bottom: none;
}

#g_navi_banner li:first-child{
	margin-left:0;
}

#g_navi_banner li a{
	border-bottom: none;
	display: inline;
	padding: 0;
}

#g_navi_banner li img{
	width:auto;
	height:44px;
}


#getman_banner_sp {
	margin: 0;
	padding-bottom: 10px;
	background: #fff;
}

#getman_banner_sp a {
    display: block;
	padding: 0 10px;
	border-bottom: none;
}

#getman_banner_sp a img{
	width: 100%;
	height: auto;
}


/* cate_ttl
----------------------------------------------------------- */
.cate_ttl_wrap{
	margin-top: 64px;
	min-width:inherit;
	margin-bottom:0px;
}

.cate_ttl{
}

.cate_ttl p{
	width:auto;
	height:auto;
	padding:10px 5px;

	font-weight:bold;
	font-size:14px;
	vertical-align:middle;
	color:#fff;
	line-height:1;
}

.mypage_ttl_wrap .cate_ttl p {
  position: relative;
  width:auto;
  margin: 0 auto;
  height:auto;
  padding:10px 5px;
  font-size: 14px;
}

.cate_ttl p .cate_ttl_detail{
	font-size:11px;
	padding-left:10px;

}
.cate_ttl p .cate_ttl_img{
	display:none !important;
}



/* content-main
----------------------------------------------------------- */
#contents{
	width:auto;
	padding-top:20px;
	min-height:inherit;
}

#main{
	width:auto !important;
	float:none !important;
	padding:0 10px;
	min-height: 100px;
}

body#top #main{
	width:auto !important;

}

#main img{
	max-width:100%;
	height:auto;
}






/* side (R)
----------------------------------------------------------- */
#side_r{
	display:none;
}



/* side (L)
----------------------------------------------------------- */
#side{
	width:100%;
	text-align:left;
	font-size:12px;
	padding-bottom:50px;
	margin-right:0;

	float:none;

	padding:0 10px;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

#side_otodoke{
	background:url(../../img/sp/side_otodoke_bg.png) 0 0 no-repeat;
	background-size:100% auto;

	width:300px;
	height:52px;
	margin:0 auto 10px;
}
#side_otodoke p{
	bottom:10px;
	left:165px;
	font-size:15px;
}
#side_otodoke p strong{
	font-size:28px;
}

#side_banner1{
	width:300px;
	height:51px;
	margin:0 auto 20px;
}
#side_banner1 a{
	width:300px;
	height:51px;
	display:block;
	background:url(../../img/sp/side_banner1.png) 0 0 no-repeat;
	background-size:100% auto;
}
#side_banner1 a img{
	display:none;
}


#side .side_ttl1{
	font-size:13px;
	color:#333;
	background:#F5F5F5;

	border-bottom:1px solid #EEEEEE;
	border-top:3px solid #009AFF;
	padding:9px 5px 9px 10px;
}

#side .side_ttl2{
	position:relative;
	font-size:14px;
	color:#fff;
	background:url(../../img/common/side_ttl_bg_blue.png) 0 0 repeat;
	padding:1px;
}
#side .side_ttl2 span{
	display:block;
	border:1px dotted #87CFFF;
	padding:7px 5px 7px 10px;
}

#side .side_ttl2 span.icon_holiday{
	position:absolute;
	top:7px;
	right:7px;
	display:block;
	border:none !important;
	padding:5px;
	background:#FFF3EE;
	color:#D83500;
	line-height:1;
	font-weight:normal;
	font-size:12px;
}

#side_search{
	margin-bottom:20px;
}
#side_search form{
	padding:20px 0px 10px;
}
#side_search input[type="text"]{
	width:60%;
	height:35px;
	float:left;
	-webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#side_search_btn{
	width:37%;
	float:right;
	height:35px;
	padding-top:0px;
	text-align:center;
}
#side_search_btn a{
	display:block;
	width:auto;
	height:35px;
	padding-top:3px;
	-webkit-box-sizing: border-box;
            box-sizing: border-box;


	background:#009AFF;
}
#side_search_btn img{
	width:auto;
	height:30px;
}

#side_keyword{
	clear:both;
	overflow:hidden;
	padding:10px;
	background:#EBF7FF;
}
#side_keyword li{
	float:left;
	margin-right:12px;
}




ul.side_list2{
	margin-bottom:20px;
}
ul.side_list2 li{
	margin:0;
	border-bottom:1px dotted #CCCCCC;
	line-height:1.3;
}
ul.side_list2 li a{
	display:table;
	width:100%;
	padding:10px 0px 10px 0px;

	color:#333333 !important;
}
ul.side_list2 li a span{
	display:table-cell;
	vertical-align:middle;
}
ul.side_list2 li a span:first-child{
	width:32px;
}




#sp_side_menu_btn{
	display:block;

	font-size:13px;
	color:#333;

	border-bottom:1px solid #EEEEEE;
	border-top:3px solid #009AFF;
	padding:9px 5px 9px 23px;

	font-weight:bold;

	background: url(../../img/sp/side_navi_open.png) 97% 50% no-repeat,url(../../img/sp/side_icon_menu.png) 8px 50% no-repeat;
	background-size:12px auto,10px auto;

	background-color:#F5F5F5;

	margin-bottom:20px;
}

body.style_red #side #sp_side_menu_btn{
	border-top:3px solid #FF7475;
}
body.style_pink #side #sp_side_menu_btn{
	border-top:3px solid #FFBFFF;
}
body.style_green #side #sp_side_menu_btn{
	border-top:3px solid #A3D900;
}




#sp_side_menu_btn.open{
	background: url(../../img/sp/side_navi_close.png) 97% 50% no-repeat,url(../../img/sp/side_icon_menu.png) 8px 50% no-repeat;
	background-size:12px auto,10px auto;

	background-color:#F5F5F5;
}
#sp_side_menu{
	display:none;
}

.side_uservoive_banner img{
	width:100%;
	height:auto;
}




/* Footer
----------------------------------------------------------- */

/* SP - PC Change */
#change_device{
	display:block !important;
	font-size:10px !important;
	padding:10px 0;

	background:#B2E1FF;
}
#change_device p{
	margin-bottom:0 !important;
}
#change_device img{
	vertical-align:middle;
	width:93px;
	height:auto;
}
#change_device a{
	display:inline-block;
	margin:0 3px;
}
/* END SP - PC Change */

#pagetop {
	position:static;
	top:inherit;
	right:inherit;
	text-align:center;
	background:#009CFF;
	margin-bottom:0;
}
#pagetop a{
	display:block;
	background:url(../../img/sp/pagetop.png) 50% 50% no-repeat;
	background-size:auto 8px;
	height:40px;
}
#pagetop img{
	display:none;
}

footer {
	background:none;
	min-width:inherit;
	padding-top:25px;
}

#footer_in_wrap{
	border-bottom:none;
}


#footer_in{
	position:relative;
	width:auto;
	margin:0 auto;
	padding:0px 0;
}

#footer_in2{
	position:relative;
	width:auto;
	padding:20px 0 0;
}

footer nav{
	display:none;
}

#footer_in2 dl{
	margin-right:0px;
	margin-left:10px;
	margin-bottom: 10px;
}

#footer_in2 dt img{
	width:45px;
	height:auto;
}
#footer_in2 dd{
	padding-left:55px;
	font-size:11px;
}

#footer_in2 dd span{
	display:block;
}

#footer_in2 dd p{
	display:none;
}
#footer_in2 dd p:first-child{
	display:block;
}

#footer_chara{
	top:-60px;
}

body#mainte #footer_chara{
	display:none;
}

#footer_chara img{
	width:90px;
	height:auto;
}

#gsl_logo{
	float:right;
	margin-right:7px;
}
#gsl_logo img{
	width:80px;
	height:auto;
}

#copyright{
	min-width:inherit;
	text-align:center;
	background:#EEEEEE;
	padding:10px 0px;
	color:#666666;
	font-size:10px;
	margin-bottom:0;
}


.footer_bnr {
	width: auto;
	padding: 0 10px;
}

.footer_bnr p{
	margin-bottom: 10px;
}

.footer_bnr p img{
	width:100%;
	height:auto;
}

.sp-searchText {
	padding: 10px;
	position: relative;
}

.sp-searchText #search_btn2 {
	position: absolute;
	top: 20px;
	right: 20px;
}

.sp-searchText input[type="text"]{
	border:1px solid #E7D6B8;
	background: #FFF8EC;
	padding:8px;
	border-radius: 1;
	-webkit-appearance: none;
	width: 95%;
}




/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------ */
/* fancybox
----------------------------------------------------------- */


.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  margin: 3px !important;
  text-shadow: none;
}

.fancybox-close {
  top: -36px;
  right: 0px;
  width: 33px;
  height: 33px;
}






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


/* facebook
----------------------------------------------------------- */
.top_facebook {
	width:auto !important;
	margin: 20px auto;
}


/* common パーツ
----------------------------------------------------------- */

select{
	border-radius: 0;
	-webkit-border-radius: 0;
	font-size:16px;
	max-width:100% !important;

	-webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#pop_wrap{
	padding:10px;
}
.cart_ttl1{
	font-size:16px;
	margin-bottom:15px;
}

.icon_cart{
	background:url(../../img/common/cart_icon.png) 0 50% no-repeat;
	background-size:25px auto;
	padding:5px 0px 5px 30px;
	min-height:15px;
}
.icon_user {
  background: url(../../img/common/user_icon.png) 0 50% no-repeat;
  background-size:23px auto;
  padding: 5px 0px 5px 30px;
  min-height: 15px;
}


.cart_ttl2 {
  font-size: 14px;
  font-weight:bold;
  margin-bottom: 15px;
  background: #006FB9;
  padding: 8px 10px;
  color: #fff;
}


/* cart_table1 */

.cart_table1{
	width:100%;
	border:none;
	border-collapse:collapse;
}

.cart_table1 tr{
	overflow:hidden;
	display:block;
	border:1px solid #CECEBF;
}

.cart_table1 thead{
	display:none !important;
}
.cart_table1 tr{
	display:block;
}

.cart_table1 tr td:nth-child(1) br{
	/*
	display:none;
	*/
}

.cart_table1 th,
.cart_table1 td{
	display:block;
	padding:5px;
	border:none;
}

.cart_table1 td:before {
    display: inline-block;
	margin-right:5px;
    content: attr(data-th) "";
}

.cart_table1 td.td_view_detail_btn{
	width:auto;
}
.cart_table1 td.td_view_detail_btn:before {
	display:none !important;
}

a.view_detail_btn{
	display:block;
	background:#DDDDDD;
	padding:10px;
	min-width:inherit;
	text-align:center;

	font-size:14px;

	color:#333 !important;
}


.item_name{
	width:auto;
	overflow:hidden;
	background:#FCECDB;
}

.cart_table1 td.item_name:before{
	margin-left:15px;
}

.item_name span{

}
.item_name span.photo{
	float:left;
}
.item_name span.item_name_txt{
	display:block;
	padding-left:75px;
}


/* --------------- */
.change_btn_cell,
.change_btn_cell2{
	text-align:left;
}

.rireki_btn{
	width:auto;
	overflow:hidden;
	padding:10px !important;
}
.rireki_btn a{
	display:block;
	width:45%;
	float:left;
	margin-left:1%;
}
.rireki_btn a:nth-child(1){
	margin-left:0%;
}
.rireki_btn a img{
	width:100%;
	height:auto;
}

.rireki_btn a.panel_print_btn{
	display:none !important;
}

.btn_wrap2{
	text-align:center;
	margin-bottom:30px;
}


/* cart_table2 */
.cart_table2{
	width:100%;
	border:none;
	margin-bottom:30px;

	border-top:1px solid #CECEBF;
}
.cart_table2 th,
.cart_table2 td{
	border:none;
	border-bottom:1px solid #CECEBF;
	font-weight:normal;
	padding:5px 5px 10px 5px;
	display:block;
}
.cart_table2 th{
	width:auto;
	padding:5px 5px 5px 0px;
	vertical-align:middle;
	font-weight:bold;
	/**/
	background:#F4F8E7;
}
.cart_table2 td{
	text-align:left;
}

.cart_table2 td p{
	font-size:12px;
}

.cart_table2 td label{
	display:inline-block;
	margin-right:5px;
}



/* mypage_table1 */

.mypage_table1{
	margin-top:20px;
	width:100%;
	border:1px solid #CECEBF;
	margin-bottom:30px;

}

.mypage_table1 tr{
	display:block;
	border-bottom:1px solid #CECEBF;
}

.mypage_table1 tr:last-child{
	border-bottom:none !important;
}

.mypage_table1 th,
.mypage_table1 td{
	border:none;
	font-weight:normal;
	padding:5px;
	display:block;
}

.mypage_table1 th{
	width:auto;
	font-weight:bold;
	/**/
	background:#F4F8E7;
}


/* cart_table_sum */
.cart_table_sum{
}
.cart_table_sum td{
	padding:5px;
}
.cart_table_sum .tr_sum td.td_sum{
	width:80px;
	white-space:nowrap;
}

.cart_table_sum td strong span{
	font-size:16px;
}


/* cart_getpoint_table */
.cart_getpoint_table{
	width:100%;
	background:#FFF9E6 url(../../img/common/cart_arrow.png) 50% 0 no-repeat;
	border:1px solid #CECEBF;
	height:65px;
}
.cart_getpoint_table th{
	font-size:12px;
}
.cart_getpoint_table td{
	font-size:12px;
}

.cart_getpoint_table th .point_txt{
	font-size:20px;
}


#main .back_buy {
  position: static;
  top: inherit;
  left: inherit;
  margin-bottom: 20px;
}
#main .next_buy {
  float:none;
  text-align: center;
  margin-bottom: 30px;
}



/* intable */
table.intable{
	width:auto;
	border:none !important;
}
table.intable td,
table.intable th{
	width:auto;
	border:none !important;
	background:none !important;
	display:table-cell;
}

table.intable th{
	text-align:right;
	font-size:12px;
	width:100px;
}

.info_change{
	width:auto;
	text-align:right;
}
.info_change a{
	display:inline-block;
	margin-bottom:5px;
}

.cart_ttl1_l_btn{
	position:absolute;
	top:2px;
	right:0;
}




.input_text_xsmall{
	width:40%;
}
.input_text_small{
	width:60%;
}
.input_text_middel{
	width:80%;
}
.input_text_middel2{
	width:100%;
}
.input_text_large{
	width:100%;
}

th .required{
	font-weight:normal !important;
	font-size:10px !important;
}

/* input
--------------------*/
.cart_table1 input[type="text"],
.cart_getpoint_table td input[type="text"],
.cart_table2 input[type="text"],
.cart_table2 input[type="password"],
.cart_table2 select,
.cart_table1 td select,
.cart_table2 textarea{
	border:1px solid #DDDDDD;
	padding:3px !important;
}

.cart_table2 textarea{
	height:90px !important;
}


/* ------------------------------------------------------------------------------------ */
/* 個別 */
/* ------------------------------------------------------------------------------------ */


/* cart (flow1)
----------------------------------------------------------- */


#cart_tab_navi{
	margin-bottom:15px;
	padding-left:5px;
}
#cart_tab_navi li{
	margin-right:5px;
}
#cart_tab_navi li a{
	padding:10px 10px !important;
	font-size:11px !important;
}

#cart_tab_navi li.current a{
}

/**/
#cart_otodoke{
	position:relative;
	background:url(../../img/common/cart_banner1.png) 0 0 no-repeat;
	background-size:300px auto;
	width:300px;
	height:60px;
	margin:0 auto 10px;
}

#cart_otodoke p{
	position:absolute;
	left:150px;
	top:7px;
	color:#FF3E00;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:0;
}
#cart_otodoke p strong{
	font-size:30px;
}


.cart_l_box{
	width:auto;
	float:none;
	margin-bottom:20px;
}
.cart_r_box{
	width:300px;
	float:none;
	margin:0 auto 20px;
}

.ato_muryo_txt{
	margin-bottom:20px;
}
.ato_muryo_txt p{
	background:	#FFECE4;
	padding:10px;
	color:#FF0000;
}

#ato_muryo_txt p{
	padding:10px;
	display:block;
	font-size:12px;
}

#ato_muryo_txt strong{
	font-size:17px;
}



#flow_wrap{
	height:auto;
	min-width:inherit;
	border-bottom:1px solid #DFDFDF;
	padding-left:10px;
	padding-top:15px;
}
#flow_wrap ul{
	overflow:hidden;
	width:auto;
	margin:0 auto;
}
#flow_wrap ul li{
	float:left;
	width:25%;
	text-align:center;
	height:auto;
	margin-right:10px;
	margin-bottom:10px;

	padding:10px 5px !important;
	line-height:1;
	border:1px solid #ccc;
}
#flow_wrap ul li#flow_num1,
#flow_wrap ul li#flow_num2,
#flow_wrap ul li#flow_num3,
#flow_wrap ul li#flow_num4{
	width:auto;
	background:none !important;
	font-size:11px;
}

#flow_wrap ul li.current{
	color:#009AFF;
}
#flow_wrap ul li.processed{
	color:#cccccc;
}





/* cart check (flow3)
----------------------------------------------------------- */

.delivery_item{
	display:block;
	padding:5px 0px;
	margin:0 -5px;
	border-bottom:1px dotted #ccc;
}
.delivery_item:last-child{
	border-bottom:none;
}
.delivery_item strong{
}

.cart_fs_l_txt{
	font-size:15px;
}





/* cart thanks
----------------------------------------------------------- */
#cart_thanks{
	padding-top:0px;
}
#cart_thanks p#cart_thanks_txt{
	margin-top:-40px;
	margin-bottom:10px;
	font-size:11px;
}

.cart_end_tel{
	margin:0 0 20px 0;
}


.questionnaire_ttl{
	font-size:14px;
	margin-bottom:15px;
}
.cart_table2.questionnaire_table{
	margin-bottom:30px;
}
.cart_table2.questionnaire_table td{
	padding-right:0px;
}

#questionnaire_box{
	position:relative;
}

.questionnaire_chara{
	display:none;
}




/* cart login
----------------------------------------------------------- */

#login_txt_box_wrap{
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:10px;
}
#login_txt_box_wrap .cart_ttl1{
	font-size:14px;
	text-align:left !important;
}

#login_txt_box_wrap .cart_atten{
	text-align:left !important;
	font-size:12px;
}

#no_entry_box_wrap{
	padding-top:30px;
	border-top:1px solid #F0F0E1;
	margin-top:30px;
}

#login_entry_box{
	float:none;
	width:auto;
	margin-bottom:20px;
}

#login_entry_box p,
#login_no_entry_box p{
	padding:0 10px;
}

#login_no_entry_box{
	float:none;
	width:auto;
	margin-bottom:20px;
}



/* reminder(リマインダー)
----------------------------------------------------------- */

#reminder_txt_box_wrap{
	padding-top:0px;
	margin-bottom:20px;
}




/* mypage common
----------------------------------------------------------- */

#mypage #main{
	padding-bottom: 15px;
}

#mypage #contents {
	padding-top: 20px;
}


#mypage_head_btn{
	margin-bottom:15px;
}
#mypage_head_btn li{
	float:left;
	width:49%;
	margin:0 2% 8px 0 !important;
}
#mypage_head_btn li:nth-child(2n){
	margin:0 0 8px 0 !important;
}

#mypage_print_r{
	display:none !important;
}

.mypage_ttl1 {
	border-top:1px dotted #ccc;
	padding-top:5px;
	font-size: 16px;
	margin-bottom: 10px;
	/**/
	clear:both;
	text-align:left;
}



#mypage_rireki_navi{
	margin-bottom:15px;
	padding-left:5px;
}
#mypage_rireki_navi li{
	margin-right:5px;
}
#mypage_rireki_navi li a{
	padding:10px 10px !important;
	font-size:11px !important;
}

#mypage_rireki_navi li.current a{
}




/* mypage TOP
----------------------------------------------------------- */
#mypage_top{
	padding-top:0px;
	width:auto;
	text-align:center;
	overflow:visible;
}

#mypage_top ul{
	width:auto;
	overflow:hidden;
	margin:0 -5px 0px;
}
#mypage_top ul li{
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:8px;
}
#mypage_top ul li:nth-child(2n){
	margin-right:0%;
}

#mypage_top_point{
	background:url(../../img/mypage/top_point_bg.png) 0 0 no-repeat;
	background-size:300px auto;
	width:300px;
	height:100px;

	padding-top:48px;
	margin:0 auto 10px;
}

#mypage_top_point p{
	font-size:15px;
	color:#0099FF;
	font-weight:bold;
	line-height:1;
}
#mypage_top_point p strong{
	font-size:22px;
}



/* mypage お気に入り
----------------------------------------------------------- */
.cart_btn_cell{

}

.cart_table1 td.cart_btn_cell{
	float:left;

	-webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.cart_table1 td.change_btn_cell2{
	float:left;
	width:29%;
	padding-top:7px;
	padding-left:10px;

	-webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.cart_table1 td.cart_btn_cell img{
	width:auto !important;
	height:44px !important;
}

.cart_table1 td.cart_btn_cell:before,
.cart_table1 td.change_btn_cell2:before{
	display:none !important;
}




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

/* List
--------------------*/
.list_paging{
	overflow:hidden;
	margin-bottom:10px;
	text-align:center;
}
.list_paging.paging_btm{
	margin-top:20px;
}
.list_paging ul {
	clear: both;
	float:none;
	display:inline-block;
	margin:0 auto 5px;
	overflow:hidden;
}

.list_paging ul li{
	float: left;
	margin: 0 12px 0 0;
	padding-top:8px;
}
.list_paging .paging_prev {
	float: left;
	padding-top:0px;
	margin: 0 12px 0 0;
}

.list_paging .paging_next {
	float: left;
	padding-top:0px;
	margin: 0 0px 0 0;
}
.list_paging ul li a{
	color: #ff3f00 !important;
}
.list_paging .paging_prev a,
.list_paging .paging_next a {
	display: block;
	padding: 5px 10px;
	border: 3px solid #ff8000;
	color: #ff3f00 !important;
}

.list_paging .paging_prev span {
	display: inline-block;
	padding: 0 0 0 10px;
	background: url(/img/list/icon_l.png) no-repeat 0 50%;
}

.list_paging .paging_next span {
	display: inline-block;
	padding: 0 10px 0 0;
	background: url(/img/list/icon_r.png) no-repeat 100% 50%;
}



/* Table
--------------------*/

.main_ttl2{
	margin-bottom:20px;
}

/* cart_table2 */

.form_table2{
	width:100%;
	border:1px solid #CECEBF;
	border-bottom:none !important;
	border-collapse:collapse;
	margin-bottom:20px;
}
.form_table2 th,
.form_table2 td{
	border:none;
	border-bottom:1px solid #CECEBF;
	display:block;
	font-weight:normal;
	padding:10px;
	text-align:left;
	background:#fff;

	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.form_table2 th{
	background:#FCFDF8;
	width:auto;
	vertical-align:top;
	overflow:hidden;
}


.form_table2 td{
	text-align:left;
}

.form_table2 td label{
	display:inline-block;
	margin-right:30px;
}



th .required{
	float:right;
	margin-left:10px;
}

td .ex_txt{
	padding-top:5px;
	display:block;
	font-size:12px;
	color:#666666;
}

/* エラー */
.error_box{
	border:2px solid #FF3F00;
}
.error_box dt{
	background:#FF3F00 url(../../img/common/error_icon1.png) 10px 50% no-repeat;
	background-size:18px auto;
	padding:7px 5px 7px 32px;
	font-size:12px;
}

.error_box dd{
	padding:5px;
	background:#ffffff;
}

.error_box dd li{
	background:url(../../img/common/error_icon2.png) 0 50% no-repeat;
	background-size:15px auto;
	padding:3px 3px 3px 20px;
	font-size:11px;
}

/* エラーEND */


#main .pos_rela .back_txt_link {
  position:static;
  top:inherit;
  left:inherit;
  margin-bottom:20px;
}
#main .back_txt_link a {
	font-size:13px;
}



.pw_linktext{
	margin-top:5px;
	margin-left:0px;
}

.mypage_ttl1_l_btn{
	position:absolute;
	top:5px;
	right:0;
}
.mypage_ttl1_l_btn a.entry_btn {
  padding: 8px 3px;
  min-width: 180px;
  font-size: 11px;
}

a.entry_btn {
	margin-bottom:5px;
}


.footer_bnr {
	width: auto;
	padding: 0 10px;
}

.footer_bnr p{
	margin-bottom: 10px;
}

.footer_bnr p img{
	width:100%;
	height:auto;
}


#secur_logo {
    position: absolute;
    top: inherit;
    left: inherit;
	bottom: 35px;
	right: 10px;
}

#secur_logo img{
	width: 80px;
	height: auto;
}

.item_image img {
	max-width: 100%;
	height: auto;
}
.kotohaco_rsview_item{
	font-size: 10px;
}

@-webkit-keyframes load6 {
0% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}

5%, 95% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}

10%, 59% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}

20% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}

38% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}

100% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}

@keyframes load6 {
0% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}

5%, 95% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}

10%, 59% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}

20% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}

38% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}

100% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}

@-webkit-keyframes round {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}

@keyframes round {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}

#loadingWrap {
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	background: #0f1111;
	top: 0;
	left: 0;
	padding-top: 17%;
	z-index: 9888;
	opacity: 0.5;
}

#loadingWrap .loader {
	color: #bfbfbf;
	font-size: 90px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 72px auto;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

#loadingWrap.show {
	display: block;
}

/*-------------------------ZEUS（トークン型決済）連携クラス---------------------------*/
.zeus_3dscontainer {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 80%;
	height: 60%;
	transform: translate(-50%, -50%);
}