@charset "UTF-8";

/* TOP
====================================*/
ul.trading{margin:14px 0 20px 0;}
ul.trading li{
	float:left;
	width:47%;
}
ul.trading li:first-child{ margin:0 6% 30px 0; }
.box_trading{
	width:100%;
	background:#F2F2F2;
	height:70px;
	text-align:center;
	padding:12px 0 10px 0;
}
.box_trading span{
	display:block;
	font-size:36px;
	margin-top:12px;
}
.tit_service{
	font-size:27px;
	margin:20px 0 10px 0;
}
.image_top{width:95%; margin:0;}
.box_service{margin:30px 0 0 -10px;}
.box_service p{font-family:"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:50px;}
.box_service i{
	font-size:45px;
	margin:0 0 10px 45%;
	color:#CB9C13;
}
#top-service .notice-box i{color:#CB9C13;}
.box_purchase{
	width:100%;
	text-align:center;
}
h3.tit_purchase{
	font-size:32px;
	line-height:100%;
	margin:10px;
	color:#000;
}
.box_purchase p{
	margin:0 10px 10px 10px;
	font-size:16px;
}
.arrow_service{
	position:relative;
	left:175px;
	top:-200px;
	font-size:27px;
}
.icon_purchase{
	width:60px;
	height:60px;
	display:block;
	text-align:center;
	float:left;
}
.icon_purchase i{
	font-size:35px;
	margin:20px 0;
}
.mgn_newinfo{margin-left:16% !important;}

/* APP */
.box_app{
	border:1px solid #333;
	width:100%;
	text-align:center;
	padding:20px 0;
	margin:20px 0 40px;
}
.box_app img{
	display:inline;
	width:170px;
}
.mgn_appbtn{margin-right:20px;}
.headline_app{
	font-size:27px;
	position:relative;
	text-align:center;
	font-family:"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:600;
	margin-bottom:10px;
}

/* スポンサー */
#top_sponsored{padding:55px 0 110px;}
#top_sponsored .profile-box h3{
	font-size:14px;
	color:#CB9C13;
	font-weight:bold;
}
#top_sponsored .profile-box{
	background:none;
	border:1px solid #CB9C13;
}
#top_sponsored .profile-box img{
	width:100%;
	margin-bottom:10px;
}

/* GOOD DESIGN AWARD */
#top_award .txt_award{
	font-size:16px;
	margin:30px 0 20px;
	text-align:center;
}
#top_award img{
	width:30%;
	margin:0 0 100px 35%;
}

/* movie */
#top_movie{padding:45px 0 60px;}
#top_movie .iframe_wrap{
	position:relative;
	width:100%;
	padding-top:56.25%;
	/*margin-top:30px;*/
	margin-bottom:30px;
}
#top_movie iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* 年齢別 */
#age{
	padding:10px 0 0 0;
}

#age img{
	width:90%;
	margin:0 0 15px 10%;
}

/* Link list */
#top_link_list ul li{
	line-height:22px;
}

#top_link_list ul li a{
	color:#888;
	font-size:12.5px;
}

#top_link_list ul li a:hover{
	color:#CB9C13;
}


/* 商品一覧
====================================*/
/* 選択 */
ul.select_list li{
	float:left;
	margin:0 15px 30px 0;
}
ul.select_list li span{
	display:block;
	margin-bottom:5px;
}
p.result span{font-size:25px;}

/* sort */
.infoBox select{
	display:inline;
}
.infoBox{
	background-color:#EBEBEB;
	padding:10px 0 10px 10px;
	margin-bottom:30px;
}
.infoBox .selectUl{
	float:left;
	width:570px;
}
.infoBox .selectUl li{
	color:#888;
	float:left;
	font-size:14px;
	margin:3px 15px 0 0;
}
.infoBox .selectUl span{
	display:inline-block;
	margin:2px 10px 0 0;
}
.infoBox .selectUl .sortby{
	margin-top:0;
	width:260px;
	line-height: 36px;
}
.infoBox .selectUl select{
	color:#a5a3a3;
	font-size:14px;
}
.infoBox .selectUl .sortby select{
	width:130px;
}
.infoBox .selectUl .view{
	float:left;
	margin:0;
	text-align:center;
	width:160px;
}
.infoBox .selectUl .view select{
	width:70px;
}

/* pager */
.infoBox .pageNavi{
	float:right;
	width:200px;
	margin-right:10px;
}
.infoBox .pageNavi li{
	float:left;
	padding-right:2px;
	font-size:15px;
	line-height:1.6;
	height:26px;
	text-align:center;
	text-decoration:none;
	width:26px;
}
.infoBox .pageNavi li a{
	background-color:#E0E0E0;
	display:block;
	color:#FFF;
	font-size:15px;
	line-height:1.6;
	height:26px;
	text-align:center;
	text-decoration:none;
	width:26px;
}

.infoBox .pageNavi .on{
	background-color:#444;
	display:block;
	color:#FFF;
	font-size:15px;
	line-height:1.6;
	height:26px;
	text-align:center;
	text-decoration:none;
	width:26px;
}

.infoBox .pageNavi li:first-child a, 
.infoBox .pageNavi li:last-child a{
	color:#888;
}

/* 一覧 */
p.price{
	font-weight:normal;
	color:#e24747;
	margin:0 !important;
	font-size:16px;
}

p.seller{
	margin:10px 0;
}

p.seller img{
	width:30px;
	margin-right:5px;
	color:#777;
	display:inline;
	vertical-align:middle;
}

	
/* 商品詳細
====================================*/
.photo_item ul.bxSlider_detail img{
	width:100%;
	margin-bottom:20px;
}
.photo_item ul.thumbs li{
	float:left;	
}
.photo_item ul.thumbs li img{
	width:85px;
	margin:0 1px 1px 0;
}
dl.item_detail{
	margin-bottom:30px;
}
dl.item_detail dt{
	width:30%;
	background:#000;
	float:left;
	clear:both;
	margin:0 0 10px 0;
	padding:3px 5px;
	color:#fff;
	text-align:center;
}
dl.item_detail dd{
	margin:0 0 10px 30%;
	padding:3px 0 3px 20px;
	font-size:17px;
}
dl.item_detail dd,
.tit_detail{
	margin:0 0 10px 30%;
	padding:3px 0 3px 20px !important;
	font-size:17px !important;
	line-height:130%;
	color:#888;
	text-align:left !important;
}
dl.item_detail dd a .tit_detail{
	color:#CB9C13;
}

.tit_detail{
	margin:0 0 10px -20px !important;
}
.rank_gold{
	border:1px solid #a0a0a0;
	background:#D8CFB3;
	padding:2px 15px;
}
.tit_exhibitor{
	color:#CB9C13;
	font-size:18px;
}
p.txt_login a{
	text-decoration:underline;
	color:#e24747;
}

/* 新規会員登録
====================================*/
ul.flow_registry li{
	float:left;
	margin:0 0 50px 1%;
	background:#F6F6F6;
	color:#888;
	width:20%;
	padding:20px 2%;
}
ul.flow_registry li.current{
	background:#000;
	color:#fff;
}
ul.flow_registry li:first-child{ margin:0 0 30px 1%; }
ul.flow_registry li span{ font-size:20px; margin-right:5px; }
ul.form_new li{ float:left; margin:0 0 20px 0;}
ul.form_new li label{ margin-right:50px; }
p.txt_notice{ clear:both; display:block; font-size:12px; color:#CB9C13;}
dl.campaign{
	background:#F8F8F8;
	margin-bottom:30px;
	height:170px;
	padding:30px 15px;
	text-align:center;
}
dl.campaign dt{
	color:#CB9C13;
	font-size:16px;
	margin-bottom:20px;
}
.mgn_cam{ margin-top:50px; }
.feature_phone{
	padding:30px 0;
	border:1px solid #e4e4e4;
	text-align:center !important;
	width:70%;
	margin:50px 0 0 15%;
}
.feature_phone img{margin-left:43%;}

/* ログイン
====================================*/
.logonBox{
	padding:10px 20px;
	border:1px solid #e4e4e4;
	height:480px;
}
.logonBox h2{
	font-size:16px;
	margin-bottom:20px;
}

/* 出品アイテムリスト
====================================*/
ul.sell_list li{
	float:left;
	margin:20px 10px 0 0;
}

/* ショッピングカート
====================================*/
table.cart img{
	float:left;
	width:33%;
	margin:0 10px 0 0;
}
p.back_shopping{ margin-top:20px; }
p.back_shopping a{
	text-decoration:underline;
	color:#888 !important;
}
.txt_cart_sum{ font-size:20px; }
.txt_cart_sum span{ font-size:14px }
ul.buy_fllow li{
	float:left;
	margin-bottom:20px;
}
p.txt_cart03{
	float:right;
	margin-top:-20px;
}

/* Dear Mothers
====================================*/
/* TOP */
.dm_list h2{
	font-size:16px;
	line-height:130%;
}
.dm_list p{
	font-size:12px;
	line-height:150%;
	height:60px;
}
.nav_dm_list .widget-text span{
	font-size:12px;
	line-height:150%;
}

/* detail */
.tit_page_dm{ margin:20px 0 20px 0; line-height:130% !important; }
.tit_page_dm span{ font-size:14px; }
.dm_prof{
	background:#F2EFE8;
	padding:20px;
}
.dm_prof p span{
	margin-left:20px;
}
.schedule_box{
	float:left;
	width:57%;
}
.dmphoto_box{
	float:right;
	width:40%;
}
.dm_photo_01,
.dm_photo_02{	
	padding:5px;
	border:1px solid #e0e0e0;
	background:#fff;
}
.dm_photo_01{ width:35%; }
.dm_photo_02{ max-width:96%; }
.image-left_dm{
	float:left;
	margin:5px 15px 8px 0;
}
.image-right_dm{
	float:right;
	margin:5px 0 8px 15px;
}
.image-right_dm,
.image-left_dm{
	width:38.5%;
	padding:5px;
	border:1px solid #e0e0e0;
	max-width:100%;
	background:#fff;
}

/* インタビュー
====================================*/
.image-left_in{
	float:left;
	margin:5px 15px 8px 0;
}
.image-right_in{
	float:right;
	margin:5px 0 8px 15px;
}
.image-right_in,
.image-left_in{
	padding:5px;
	border:1px solid #e0e0e0;
	max-width:100%;
	background:#fff;
}
.interview_prof{
	background:#F2EFE8;
	padding:25px;
}	
.tit_interview_prof{
	background:#5F5F5F;
	color:#fff;
	padding:0 20px;
	width:10%;
}
.talk_01{
	font-weight:bold;
	color:#A17628;
}
.talk_02{
	font-weight:bold;
	color:#333;
}

/* 会員規約、プライバシーポリシー
====================================*/
.tit_agree,
.tit_privacy{
	margin:0 0 10px 20px;
}
ol.list_agree,
ul.list_privacy{
	margin:0 0 20px 20px;
}
ol.list_agree li{
	margin:0 0 15px 25px;
	line-height:150%;
}
ul.list_privacy li{
	margin:0 0 7px 25px;
	line-height:150%;
}	
ul.list_privacy li .window{
	width:90%;
	border:1px solid #ccc;
	padding:10px;
	text-align:center;
}

/* ご利用ガイド
====================================*/
.headline_guide{
	width:100%;
	background:#000;
	color:#fff;
	margin-bottom:20px;
	padding:7px 2%;
	font-size:18px;
}
.guide_box{
	background:#f8f8f8;
	padding:25px;
	margin:0 0 20px 20px;
	text-align:left;
	min-height:160px;
}
.guide_box h4{margin-bottom:20px;}
.guide_box ul li,
ul.notice_guide li{
	list-style-position:outside !important;
	list-style-type:disc;
	margin-left:20px;
	line-height:150%;
}
.guide_box_02{
	background:#fff;
	padding:40px;
	text-align:center;
	border:1px #777 solid;
	color:#777;
	font-size:18px;
	margin:0 0 20px 10px;
}
ul.flow_guide li{
	float:left;
	width:18%;
	margin:0 0 0 2%;
	line-height:150%;
}
ul.flow_guide li:first-child{margin:0;}
.guide_box_03{
	background:#f8f8f8;
	padding:15px;
	margin:0;
	height:100px;
	width:60%;
} 
.arrow_guide{
	position:relative;
	left:85%;
	top:-80px;
	font-size:27px;
}
.image_guide{
	margin-left:10px;
	width:100%;
}
.guide_box_03 i{
	color:#CB9C13;
	display:block;
	font-size:30px;
	margin:10px 0 0 30%;
}
.exhibit_01 .icon-camera,
.exhibit_01 .icon-folder-open-alt,
.exhibit_01 .icon-desktop{
	margin:30px 0 0 30%;
}
.exhibit_02 .icon-desktop{margin:-8px 0 0 30%;}
.guide_txt_box{margin:0 0 30px 30px;}
/*#guide_about{width:1200px;}*/
#guide_about .profile-box{
	background:#f8f8f8;
	padding:20px 20px;
	text-align:left;
}
#guide_about .profile-box img{
	width:100%;
	margin-bottom:20px;
}
#guide_about .profile-box h3{
	font-size:17px !important;
	line-height:26px;
	padding-bottom:20px;
	font-weight:bold;
}
.example_box{
	background:#f8f8f8;
	padding:20px;
	margin:0 0 10px 0;
}
.recommend{
	background:#f8f8f8;
	padding:20px 30px 10px;
}

.cap_guide{
	color:#e24747;
	font-size:16px;
	font-weight:bold;
	margin:30px 0 0 30px;
}

.image_left_flow{
	float:left;
	margin:5px 15px 8px 0;
	width:10%;
}

.flow_box{
	background:#f8f8f8;
	padding:20px 20px 30px;
}
.arrow_flow{
	text-align:center;
	font-size:35px;
}

.mgn_cap_guide{
	margin-left:30px;
}

.wrap_about{
	display:table;
	margin-bottom:30px;
}

.wrap_about div{
	display:table-cell;
	vertical-align:top;
}

.wrap_about .photo_about_l,
.wrap_about .photo_about_r{
	width:40%;
}

.wrap_about .photo_about_l img{
	width:90%;
}

.wrap_about .photo_about_r img{
	width:90%;
	margin-left:10%;
}

.photo_about_xs{
	display:none !important;
}

/* キャリーオンとは */
.wrap_comment{
	width:100%;
}

.wrap_comment .comment-inner{
	float:left;
	width:48%;
	/*background:#f5f5f5;*/
}

.wrap_comment .comment-inner:first-child,
.wrap_link_guide li:first-child{
	margin-right:4%;
}

.wrap_comment dl{
	/*margin:20px;*/
	margin:20px 0;
}

.wrap_comment dl dt{
	float:left;
	/*width:68%;*/
	width:26%;
	font-size:13px;
	line-height:1.6;
}

.wrap_comment dl dd{
	/*margin-left:72%;*/
	margin-left:30%;
}

.wrap_comment dl dt img{
	width:100%;
}

/* line */
.heighlight{
	display: inline;
	padding: 3px 0;
	background: -moz-linear-gradient(transparent 82%,#fff695 82%);
	background: -webkit-linear-gradient(transparent 82%,#fff695 82%);
	background: linear-gradient(transparent 82%,#fff695 82%);
}

.heighlight_02{
	display: inline;
	padding: 3px 0;
	background: -moz-linear-gradient(transparent 82%,#888 99%);
	background: -webkit-linear-gradient(transparent 82%,#888 99%);
	background: linear-gradient(transparent 82%,#888 99%);
}

/* link */
ul.wrap_link_guide{
	width:100%;
}

ul.wrap_link_guide a{
	color:#505050;
}

ul.wrap_link_guide li{
	float:left;
	width:48%;
}

ul.wrap_link_guide li:nth-child(1){
	background:#CAE5E8;
}

ul.wrap_link_guide li:nth-child(2){
	background:#FCC9CF;
}

ul.wrap_link_guide li img{
	width:100%;
	margin-bottom:20px;
}

ul.wrap_link_guide li h4{
	margin:15px;
	font-weight:bold;
}

ul.wrap_link_guide li div{
	margin:0 15px 30px;
	display:table;
}

ul.wrap_link_guide li div p{
	display:table-cell;
	vertical-align:middle;
}

ul.wrap_link_guide li div p:last-child{
	font-size:28px;
	padding-left:10px;
}




/* 出品ガイド 
====================================*/

.bg_gray_01{
	background: #f9f9f9;
    padding: 40px 2%;
	width:96%;
}

.img_responsive{
	width:100%;
}

/* mainvisual */
/*.mgn_shipment{
	margin-top:-20px;
}*/

/* navi */
ul.navi_buy li{
	float:left;
	width:24.8%;
	text-align:center;
	border-left:1px solid #999;
}

ul.navi_buy li:last-child{
	border-right:1px solid #999;
}

.cap_top_wrap{
	display:table;
	table-layout: fixed;
	width:100%;
	border-collapse: separate;
	border-spacing: 10px 0;
	margin:0 0 30px;
}

.cap_top_wrap .cap_top{
	border: 1px solid #4773E0;
	background:#fff;
	text-align:center;
	color:#4773E0;
	padding:20px 0;
	font-size:16px;
	font-weight:bold;
	display:table-cell;
	width:100%;
}

/* circle */
ul.point_buy li{
	float:left;
	width:50%;
	color:#505050;
}

.bg_circle {
	width:330px;
 	height:330px;
 	background-color:#f5f5f5;
 	border-radius: 50%;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
	text-align:center;
}

.bg_circle_inner p{
	padding:70px 0 0px;
	font-size:16px;
}

.bg_circle_inner img{
	margin:0 auto;
	width:140px;
}

/* flow image */
.box_flow div{
	float:left;
	text-align:center;
	padding:0 5px;
}

.box_flow div:nth-child(5) h5{
	font-size:14px !important;
}

.box_flow i{
	font-size:20px;
}

.box_flow img{
	width:195px;
	margin-bottom:10px;
}

.box_flow div:nth-child(even){
	color:#e24747;
	margin-top:50px;
}

/* step */
.buy_step .headline span{
	color: #CB9C13;
	font-weight:bold;
}

.box_01{
	background:#f7f7f7;
	border:1px solid #ededed;
	padding:20px;
	margin-bottom:30px;
}

.box_01 p:last-child{
	margin-bottom:0 !important;
}

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

/* faq */
/*.tit_faq{
	border-bottom:1px solid #43474d;
	padding-bottom:3px;
}*/
	
.subtit_faq{
	color:#43474d;
	margin-bottom:10px;
}

/* kit */
.wrap_kit{
	display:table;
	margin-bottom:40px;
}

.wrap_kit div{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}

.wrap_kit div:nth-child(1),
.wrap_kit div:nth-child(3){
	width:45%;
}

.wrap_kit div:nth-child(2){
	width:10%;
	text-align:center;
	padding-top:70px;
}

.wrap_kit div:nth-child(1) p,
.wrap_kit div:nth-child(3) p{
	height:50px;
}

.wrap_kit div:nth-child(1) p span,
.wrap_kit div:nth-child(3) p span,
.txt_kit span{
	font-size:16px;
}

.wrap_kit div:nth-child(2) i{
	font-size:45px;
	color:#e24747;
}

/* kimei */
.wrap_kimei div:nth-child(2){
	padding-top:20px !important;
}


/* different */
.diff_box{
	width:100%;
}

.diff_box div{
	float:left;
}

.diff_box div:nth-child(1){
	width:60%;
}

.diff_box div:nth-child(2){
	width:35%;
	margin-left:5%;
}

ul.point_diff{
	width:99%;
}

ul.point_diff li{
	float:left;
	width:33%;
	color:#505050;
	margin-bottom:30px;
}

.bg_circle_diff {
	width:240px;
 	height:240px;
 	background-color:#f5f5f5;
 	border-radius: 50%;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
	text-align:center;
	margin: auto;
}

.bg_circle_diff_inner p{
	padding:60px 0 0;
	font-size:14px;
	margin-bottom:0;
}

.bg_circle_diff_inner img{
	margin:0 auto;
	width:100px;
}

/* assess */
.ico_assess{
	display:inline-block;
	width:80px;
	vertical-align:middle;
	margin-right:10px;	
}

.txt_l{
	font-size:16px;
}

/* send ok */
ul.point_ok{
	width:100%;
}

ul.point_ok li{
	float:left;
	width:24%;
	color:#505050;
	margin:0 1% 30px 0;
}

.bg_circle_ok {
	width:180px;
 	height:180px;
	background-color:#fff;
 	border-radius: 50%;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
	text-align:center;
	margin: 0 auto 20px;
}

.bg_circle_ok_inner img{
	margin:0 auto;
	width:120px;
	padding-top:30px;
}

ul.point_ok li p{
	font-size:14px;
	margin-bottom:0;
	text-align:center;
}

p.txt_point_ok{
	font-size:11px !important;
	margin:10px 0 0 !important;
	text-align:left !important;
}

/* send no */
ul.list_noitem {
	margin-left:25px;
}

ul.list_noitem li{
	margin:7px 0;
	list-style-type:disc;
	line-height:1.6;
}


/* navi button */
nav.footer_menu_phone ul{
	margin-bottom:0px;
	text-align:center;
	margin-left:8px;
}
	
.footer_menu_phone ul li::before {
    position: absolute;
    left: 0;
    content: '';
    text-indent: -5555em;
    width: 0px;
    height: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 0px;
    margin-right: 0px;
    background-color: none;
}

nav.footer_menu_phone ul{
	width:102%;
}

.footer_menu_phone ul li{
	padding:0;
	font-size:12px;
	font-weight:bold;
	background:#fff;
	width:14.5%;
	float:left;
	margin:0 1.5% 20px 0;
	border:2px solid #EBEBEB;
	border-radius:4px;
}

.footer_menu_phone ul li:nth-child(13),
.footer_menu_phone ul li:nth-child(14){
	border:2px solid #EF9999;
}
	
.footer_menu_phone ul li:nth-child(6n){
	margin:0 0 20px 0;
}
	
.footer_menu_phone ul li a{
	color:#000;
	cursor:pointer;
	display:block;
	padding:15px 0;
	text-align:center;
}

.footer_menu_phone ul li:nth-child(13) a,
.footer_menu_phone ul li:nth-child(14) a{
	color:#e24747;
}
	
.footer_menu_phone ul li img{
	margin:0 auto 10px;
	width:75px;
}
	
.footer_menu_phone ul li i{
	margin-left:44%;
	display:block;
}



/* ブランドリスト
====================================*/
/*ul.list_brand li{
	float:left;
	padding:0 9px;
	border-left:1px solid #777;
	margin:0 0 50px 0;
}
ul.list_brand li:first-child{
	padding:0 9px 0 0 ;
	border:none;
}
.brand_name{
	border-top:1px solid #e4e4e4;
	padding:30px 0;
}
.brand_name i{margin-right:8px;}
.brand_name table{margin:20px 0 0 0;}
.brand_name table td{padding:5px 30px 5px 0;}*/


/* 2015.10変更 */
/*ul.list_brand li:before,
ul.list_brand_sp li:before {
  position: absolute;
  left: 0;
  content: '';
  text-indent: -5555em;
  width: 0px;
  height: 0px;
}*/

/* PC */
.navi_brand span{
	border-right:1px solid #ccc;
	padding:0 10px 0 7px;
	font-size:14px;
}

ul.list_brand{
	margin:0 0 30px 0;
	padding:0 0 30px;
	border-bottom:1px solid #ccc;
}

ul.list_brand li{
	margin:0;
	padding:0;
	float:left;
	width:33%;
	font-size:12px;
}



/** iPad, iPad mini 横 **/
@media only screen and (min-width: 959px) and (max-width: 1199px) {
	#top_link_list ul li a{
		font-size:11px;
	}
	
    ul.list_brand li{
		width:50%;
	}
	
	.wrap_about .photo_about_l,
	.wrap_about .photo_about_r{
		width:45%;
	}
	
	/* キャリーオンとは */
	.wrap_comment dl{
		height:140px;
	}
	
	.wrap_comment dl dt{
		width:30%;
	}
	
	.wrap_comment dl dd{
		margin-left:35%;
	}
	
	
	/* 出品ガイド */
	/* navi button */
	.footer_menu_phone ul li{
		width:22.5%;
		margin:0 2% 20px 0;
	}
	
	.footer_menu_phone ul li:nth-child(6n){
		margin:0 2% 20px 0;
	}
	
	.footer_menu_phone ul li:nth-child(4n){
		margin:0 0 20px 0;
	}
	
	/* circle */
	.bg_circle {
		width:280px;
 		height:280px;
	}
	
	.bg_circle_inner p{
		padding:60px 0 0px;
		font-size:14px;
	}
	
	.bg_circle_inner img{
		width:100px;
	}
	
	/* different */
	.bg_circle_diff {
		width:215px;
 		height:215px;
	}
	
	.bg_circle_diff_inner p{
		padding:50px 0 0;
		font-size:12px;
	}
	
	.bg_circle_diff_inner img{
		width:70px;
	}
	
	/* send ok */
	.bg_circle_ok {
		width:160px;
 		height:160px;
	}
	
	.bg_circle_ok_inner img{
		width:100px;
		padding-top:30px;
	}	

	ul.point_ok li p{
		font-size:13px;
	}
	
}

/** iPad, iPad mini, NEXUS 縦 **/
@media only screen and (min-width: 768px) and (max-width: 959px) {  
	#top_link_list ul li a{
		font-size:11px;
	}
	  
    ul.list_brand li{
		width:50%;
	}
	
	.wrap_about .photo_about_l,
	.wrap_about .photo_about_r{
		width:50%;
	}
	
	/* キャリーオンとは */
	.wrap_comment dl{
		height:150px;
	}
	
	.wrap_comment dl dt{
		width:30%;
		font-size:12px;
	}
	
	.wrap_comment dl dd{
		margin-left:35%;
	}
	
	/* 出品ガイド */
	/* navi button */
	nav.footer_menu_phone ul{
		width:99%;
	}
	
	.footer_menu_phone ul li,
	.footer_menu_phone ul li:nth-child(3n){
		width:31%;
		margin:0 2% 10px 0;
	}
	
	.footer_menu_phone ul li:nth-child(3n){
		margin:0 0 10px 0;
	}
	
	.footer_menu_phone ul li img{
		margin:0 auto 10px;
		width:60px;
	}
	
	/* circle */
	.bg_circle {
		width:220px;
 		height:220px;
	}
	
	.bg_circle_inner p{
		padding:50px 0 0px;
		font-size:13px;
	}
	
	.bg_circle_inner img{
		margin:-10px auto 0;
		width:70px;
	}
	
	/* kit */
	.wrap_kit div:nth-child(1) p,
	.wrap_kit div:nth-child(3) p{
		height:70px;
	}

	/* different */
	ul.point_diff li{
		width:50%;
	}
	
	.bg_circle_diff {
		width:260px;
 		height:260px;
	}
	
	.bg_circle_diff_inner p{
		padding:70px 0 0;
		font-size:12px;
	}
	
	.bg_circle_diff_inner img{
		width:80px;
	}
	
	/* send ok */
	.bg_circle_ok {
		width:130px;
 		height:130px;
		margin-bottom:10px;
	}
	
	.bg_circle_ok_inner img{
		width:70px;
		padding-top:30px;
	}	

	ul.point_ok li p{
		font-size:12px;
	}
	
}



/* お友達紹介
====================================*/
.invite_box{
	float:right;
	width:57%;
}
.inphoto_box{
	float:left;
	width:40%;
}
.in_photo{ max-width:96%; }
.txt_invite{
	font-size:20.5px;
	text-decoration:underline;
	color:#CB9C13;
}
.invite_code{
	border:2px solid #e24747;
	padding:10px 0;
	width:100%;
	margin-bottom:30px;
	text-align:center;
}
.invite_code span{
	font-size:28px;
	color:#e24747;
}

.button_share{
	padding: 14px 0;
  	display: inline-block;
  	border: 0;
  	font-weight: 500;
  	outline: none;
  	font-size: 14px;
  	cursor: pointer;
  	width: 100%;
  	text-align: center;
  	color: #fff !important;
	margin-bottom:10px;
}
.share_mail{background:#BFBFBF;}
.share_line{background:#71AB4C;}
.share_fb{background:#305694;}
.share_tw{background:#5E9CD2;}



/* スポンサー
====================================*/
.sponsored_wrap{
	border:1px solid #CB9C13;
	padding:20px 0;
	margin-bottom:40px;
}
.image_sponsored{
	width:80%;
	margin:20px 0 20px 10%;
}
.sponsored_wrap h3,
.sponsored_wrap h4{
	color:#CB9C13;
}
.sponsored_wrap h4{
	font-size:16px;
	margin-bottom:20px;
}
.sponsored_wrap p a{text-decoration:underline;}
.sponsored_wrap p a:hover{text-decoration:none;}

/* お任せコースの申込み
====================================*/
.leave_wrap{
	border:1px solid #CB9C13;
	padding:20px;
	margin-bottom:40px;
}
.leave_wrap h2{
	font-size:16px;
	margin-bottom:20px;
	padding-bottom:7px;
	border-bottom:1px solid #888;
}
.leave_wrap .need p{
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
	padding:20px 0 10px;
	width:50%;
	margin-bottom:20px;
}

/* 法人企業の皆様へ
====================================*/
.box_business div{
	width:46%;
	float:left;
	margin:0 3% 20px 0;
	border:1px solid #CB9C13;
}
.box_business div h2{
	font-size:16px;
	color:#CB9C13;
	margin:20px 20px 10px 20px;
}
.box_business div p{margin:0 20px 20px !important;}


/* ルーム・トゥ・リード
====================================*/
.room_box{
	background:#f8f8f8;
	padding:15px;
	margin:0;
	height:100px;
	width:60%;
} 

ul.flow_room li{
	float:left;
	width:18%;
	margin:0 0 0 2%;
	line-height:150%;
}


/* PCでは非表示にする部分 */
.select_sp,
#top-service_sp{
	display:none;
}



/* =================================================================== */
/* Mobile 
====================================================================== */
@media only screen and (max-width:767px){
	/* TOP
	====================================*/
	ul.trading li,
	ul.btn_sns li a{
		float:left;
		width:47%;
	}
	ul.trading li:first-child,
	ul.btn_sns li:first-child a{
		margin:0 6% 30px 0;
	}
	
	.image_top{ width:80%; margin:20px 0 20px 30px; }
	.box_service{ margin:0; }
	.box_service i{	margin:0 0 10px 43%; }
	#top-service_sp{
		display:block;
		margin:30px 0 0 0;
	}
	#top-service_sp ul li{ margin:0; }
	#top-service_sp ul li:nth-child(1):after,
	#top-service_sp ul li:nth-child(2):after,
	#top-service_sp ul li:nth-child(3):after,
	#top-service_sp ul li:nth-child(4):after,
	#top-service_sp ul li:nth-child(5):after{
		font-family:FontAwesome;
		font-weight:normal;
  		font-style:normal;
  		text-decoration:inherit;
  		-webkit-font-smoothing:antialiased;
		content:"\f0d7";
		margin:0 0 0 45%;
		font-size:40px;
		width:40px;
		height:40px;
	}
	#top-service_sp ul li i{ color:#CB9C13; }
	.mgn_newinfo{ margin-left:0 !important; }
	
	/* APP */
	.box_app{
		border:none;
		width:100%;
		text-align:center;
		padding:0;
		margin:-40px 0 60px;
	}
	.box_app img{
		display:inline;
		width:100%;
	}
	.mgn_appbtn{margin-right:10px;}
	
	/* GOOD DESIGN AWARD */
	#top_award img{
		width:90%;
		margin:0 0 50px 5%;
	}
	
	/* movie */
	#top_movie{padding:0;}
	
	/* 年齢別 */
	#age img{
		width:100%;
		margin:0 0 15px 0;
	}
	
	/* SNSシェアボタン */
	ul.btn_sns li a{
		color:#fff;
		text-align:center;
		padding:20px 0;
		font-size:16px;
		letter-spacing:1px;
	}
	
	ul.btn_sns li:first-child a{
		background-color:#3b5998;
	}
	
	ul.btn_sns li:last-child a{
		background-color:#55acee;
	}
	
	ul.btn_sns li:last-child a span:after{
		content: '\54';
		font-family: "fontello";
		font-size:14px;
		margin-left:5px;
	}
	

	/* ガイド
	====================================*/
	/*#guide_about{width:300px;}*/
	
	.wrap_about{
		margin-bottom:20px;
	}
	
	.wrap_about div{
		display:block;
	}
	
	.photo_about_xs{
		display:block !important;
	}

	.photo_about_xs img{
		width:99%;
		margin-left:0;
		margin-bottom:20px;
		margin-top:20px;
	}
	
	.wrap_about div img:first-child{
		margin-top:0;
	}
	
	/* キャリーオンとは */
	.wrap_comment .comment-inner{
		float:none;
		width:100%;
		padding:10px 0;
	}
	
	.wrap_comment .comment-inner:first-child{
		margin-right:0;
		margin-bottom:20px;
	}
	
	.wrap_comment dl{
		margin:0 0 20px;	
	}
	
	.wrap_comment dl dt{
		font-size:12px;
		/*width:65%;*/
		width:100%;
		float:none;
	}
	
	.wrap_comment dl dd{
		/*margin-left:70%;*/
		margin-left:0;
	}
	
	.wrap_comment dl dt img{
		width:40%;
		margin:0 auto 15px;
	}
	
	/* link */
	ul.wrap_link_guide li{
		float:none;
		width:100%;
		padding-bottom:1px;
	}
	
	.wrap_link_guide li:first-child{
		margin-right:0;
		margin-bottom:30px;
	}
	
	/* 出品ガイド 
	====================================*/
	.bg_gray_01{
    	padding: 40px 5%;
		width:90%;
	}
	

	
	/* mainvisual */
	/*.buy_mainvisual{
		background: url(../images/guide2/parallax_main_sp.jpg) center top no-repeat !important;
		background-size:cover !important;
		margin: 0 auto;
		width: 100%; 
		position: relative; 
		height:250px !important;
		padding:100px 0 190px;
	}*/
	
	/*.buy_mainvisual h2 img{
		width:80%;
		margin-left:10%;
	}
	
	.mgn_shipment{
		margin-top:0px;
	}
	
	.mgn_shipment a{
		padding:14px 20px;
	}*/
	
	.cap_top_wrap{
		border-spacing:0;
		margin: 0 0 30px -5px;
	}
	
	.cap_top_wrap .cap_top{
		display:block;
		margin-bottom:10px;
	}
	
	/* navi */
	ul.navi_buy{
		border-top:1px solid #ddd;
		margin-top:-50px;
	}
	
	ul.navi_buy li{
		float:left;
		width:92%;
		text-align:left;
		border-left:none;
		border-bottom:1px solid #ddd;
		padding:10px 0 10px 8%;
	}
	
	ul.navi_buy li:last-child{
		border-right:none;
	}
	
	ul.navi_buy li:before {
    	position: absolute;
    	left: 10px;
	    content: '\f105';
		font-family: FontAwesome;
	}
	
	/* circle */
	ul.point_buy li,
	ul.point_diff li{
		width:80%;
		float:none;
		margin:0 auto 30px;
	}
	
	.bg_circle,
	.bg_circle_diff {
		width:260px;
 		height:260px;
	}
	
	.bg_circle_inner p,
	.bg_circle_diff_inner p{
		padding:60px 0 0px;
		font-size:14px;
	}
	
	.bg_circle_inner img{
		margin:-10px auto 0;
		width:90px;
	}
	
	.bg_circle_diff_inner img{
		margin:10px auto 0;
		width:90px;
	}
	
	/* different */
	/*ul.point_diff li{
		width:50%;
	}*/
	
	/*.bg_circle_diff {
		width:260px;
 		height:260px;
	}*/
	
	/*.bg_circle_diff_inner p{
		padding:70px 0 0;
		font-size:12px;
	}
	
	.bg_circle_diff_inner img{
		width:80px;
	}*/
	
	/* flow image */
	/*.box_flow div{
		float:none;
		text-align:center;
		padding:0 30px;
	}
	
	.box_flow div p{
		margin-bottom:0;
	}

	.box_flow img{
		width:100%;
		margin-bottom:10px;
	}

	.box_flow div:nth-child(even){
		color:#e24747;
		margin-top:0px;
	}
	
	.box_flow i {
    	font-size:46px;
	}*/
	.box_flow_xs{
		border-left:3px solid #ccc;
		margin:0 0 10px 20px;
	}
	
	/*.box_flow_xs dl:nth-child(3) dt{
		font-size:13.5px;	
	}*/
	
	.box_flow_xs dl dt{
		color:#000;
		margin:0 0 20px -10px;
		background:#fff;
		font-size:16px;
		padding:3px 0;
	}
	
	.box_flow_xs dl dd{
		width:90%;
		margin:0 0 40px 20px;
	}
	
	
	.mgn_btnlist{
		margin:0 0 10px 0;
	}
	
	/* assess */
	.ico_assess{
		width:60px;
	}
	
	.tit_assess{
		text-align:center;
		margin:60px 0 20px;
	}
	
	.tit_assess_last{
		text-align:center;
		margin:30px 0 20px;
	}
	/*.box_assess {
    	border-left:3px solid #e8e8e8;
    	padding-left:10px;
    	margin:5px 0 25px 0;
	}*/

	/* kit */
	.wrap_kit div{
		display:block;
	}
	
	.wrap_kit div:nth-child(1),
	.wrap_kit div:nth-child(2),
	.wrap_kit div:nth-child(3){
		width:100%;
	}

	.wrap_kit div:nth-child(2){
		padding:10px 0;
	}
	
	.wrap_kit div:nth-child(1) p,
	.wrap_kit div:nth-child(3) p{
		height:auto;
		font-size:14px;
		line-height:1.8;
	}

	.wrap_kit div:nth-child(2) i{
		font-size:50px;
	}
	
	.wrap_kit div:nth-child(1) p span,
	.wrap_kit div:nth-child(3) p span,
	.txt_kit span{
		font-size:16px;
	}

	/* different */
	.diff_box div{
		float:none;
	}

	.diff_box div:nth-child(1){
		width:100%;
	}

	/* send ok */
	ul.point_ok li{
		float:none;
		width:90%;
		margin:0 auto 40px;
	}

	.bg_circle_ok {
		width:170px;
 		height:170px;
		margin:0 auto 20px;
	}

	.bg_circle_ok_inner img{
		width:100px;
		padding-top:35px;
	}


	/* list guide */
	.list_guide{
		list-style-position:outside !important;
	}
	
	.list_guide li::before{
		position: absolute;
    	left: 15px;
	}
	
	.list_guide li{
		padding-left:20px;
		padding-bottom:10px;
		border-bottom:1px solid #ededed;
		margin-bottom:10px;
	}
	
	/* navi button */
	nav.footer_menu_phone ul{
		text-align:center;
		width:96%;
		margin:0 2% 0;
	}
	
	.footer_menu_phone ul li::before {
    	position: absolute;
    	left: 0;
    	content: '';
    	text-indent: -5555em;
    	width: 0px;
    	height: 0px;
    	-webkit-border-radius: 0px;
    	-moz-border-radius: 0px;
    	border-radius: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	background-color: none;
	}
	
	.footer_menu_phone ul li{
		padding:0;
		font-size:14px;
		background:#fff;
		width:30%;
		margin:0 3% 8px 0;
		font-size:10px;
	}

	.footer_menu_phone ul li:nth-child(3n){
		margin:0 0 10px 0;
	}
	
	.footer_menu_phone ul li img{
		margin:0 auto 3px;
		width:60px;
	}
	
	/*.footer_menu_phone ul li a{
		color:#e24747;
		cursor:pointer;
		display:block;
		padding:15px 0;
		text-align:center;
	}
	
	.footer_menu_phone ul li i{
		margin-left:43%;
		display:block;
	}*/
	
	
	/* 商品一覧
	====================================*/
	/* 選択したカテゴリー */
	.select_sp{
		display:block;
		margin:10px 0 20px 0;
		padding:0;
	}
	.select_sp ul li{
		background:#aaa;
		color:#fff;
		font-size:14px;
		float:left;
		margin:0 10px 10px 0;
		padding:3px 7px 3px 5px;
	}
	.select_sp ul li i{margin-right:5px;}

	/* 選択 */
	ul.select_list li{
		float:none;
		margin:0 0 20px 0;
	}

	/* sort */
	.infoBox select{display:block;}
	.infoBox{
		background-color:#fff;
		padding:0;
		margin:10px 0 30px 0;
	}
	.infoBox .link{display:none;}
	.infoBox .link a{display:none;}
	.infoBox .selectUl{
		float:none;
		width:100%;
	}
	.infoBox .selectUl li{
		float:none;
		margin:0;
	}
	.infoBox .selectUl span{display:none;}
	.infoBox .selectUl .sortby{
		margin-top:0;
		width:100%;
	}
	.infoBox .selectUl select{
		color:#a5a3a3;
		font-size:14px;
	}
	.infoBox .selectUl .sortby select,
	.infoBox .selectUl .view select{
		width:97%;
		padding:10px 5px;
		margin-bottom:10px;
	}
	.infoBox .selectUl .view{
		float:none;
		margin:0;
		text-align:center;
		width:100%;
	}

	/* pager */
	.infoBox .pageNavi{
		float:none;
		width:100%;
		margin:10px 0 0 2px;
	}
	.infoBox .pageNavi li{
		float:left;
		padding:8px;
		background-color:#e0e0e0;
		display:block;
		color:#FFF;
		text-align:center;
		width:auto;
		height:auto;
		margin-left:4px;
	}
	.infoBox .pageNavi li:first-child{ margin-left:0; }
	.infoBox .pageNavi li:first-child,
	.infoBox .pageNavi li:last-child{
		padding:8px 7px;
	}
	.infoBox .pageNavi li a{
		background-color:#e0e0e0;
		display:block;
		color:#fff;
		font-size:14px;
		line-height:1.9;
		height:23px;
		text-align:center;
		text-decoration:none;
		width:23px;
	}
	.infoBox .pageNavi .on{
		color:#fff;
		background-color:#000;
		height:23px;
	}
	.infoBox .pageNavi .on a,
	.infoBox .pageNavi .on a:hover{
		color:#fff;
		background-color:#000;
	}
	.infoBox .pageNavi li:first-child,
	.infoBox .pageNavi li:last-child,
	.infoBox .pageNavi li:first-child a, 
	.infoBox .pageNavi li:last-child a{
		color:#444;
		background:#E0E0E0;
	}
	
	p.price{
		font-size:14px;
	}

	/* 商品詳細
	====================================*/
	.photo_item ul.thumbs li img{
		width:99px;
		margin:0 1px 1px 0;
	}

	/* 新規会員登録
	====================================*/
	ul.flow_registry li{
		float:left;
		margin:0 0 30px 1%;
		background:#F6F6F6;
		color:#888;
		width:20%;
		padding:15px 2% 0 2%;
		/*height:80px;*/
		height:100px;
	}
	ul.flow_registry li:first-child{margin:0 0 30px 1%;}
	ul.flow_registry li span{font-size:20px; margin:0 0 5px 0; display:block;}
	ul.form_new li{float:none; margin:0 0 20px 0;}
	ul.form_new li label{margin-right:0;}
	dl.campaign{
		margin-bottom:20px;
		height:auto;
		padding:20px 15px;
	}	
	dl.campaign dt{margin-bottom:10px;}
	.mgn_cam{ margin-top:0; }
	.feature_phone{
		padding:30px 0;
		border:1px solid #e4e4e4;
		text-align:center !important;
		width:100%;
		margin:40px 0 0 0;
	}
	.feature_phone img{margin-left:35%;}
	.feature_phone p{margin:0 15px;}

	/* ログイン
	====================================*/
	.logonBox{
		padding:10px 20px;
		border:1px solid #e4e4e4;
		height:auto;
		margin-bottom:20px;
	}

	/* ショッピングカート
	====================================*/
	table.cart img{
		float:none;
		width:100%;
		margin:0 0 10px 0;
	}
	p.txt_cart03{
		float:none;
		margin-top:20px;
	}

	/* Dear Mothers
	====================================*/
	.schedule_box{
		float:none;
		width:100%;
	}
	.dmphoto_box{
		float:none;
		width:100%;
	}
	.dm_photo_01{width:96%;}
	.dm_prof p span{
		margin-left:0;
		display:block;
	}
	.dm_list h2{
		font-size:16px;
		line-height:130%;
	}
	.dm_list p{
		font-size:14px;
		line-height:150%;
		height:auto;
	}
	.image-right_dm,
	.image-left_dm{
		float:none;
		margin:5px 0 8px 0;
		width:96%;
		padding:5px;
		border:1px solid #e0e0e0;
		max-width:100%;
		background:#fff;
	}
	
	/* インタビュー
	====================================*/
	.mainphoto_in{ width:100%;}
	.image-right_in,
	.image-left_in{
		float:none;
		margin:5px 0 8px 0;
		padding:5px;
		border:1px solid #e0e0e0;
		width:96%;
		background:#fff;
	}
	.interview_prof{padding:15px;}
	.photo_in_prof{width:20%;}
	
	/* ご利用ガイド 
	====================================*/
	.guide_box{
		margin:0 0 20px 0;
		min-height:10px;
	}
	.guide_box_02{
		margin:0 0 20px 0;
		padding:30px;
	}
	ul.flow_guide li{
		float:none;
		width:100%;
		margin:0 0 10px 0;
		line-height:150%;
	}
	ul.flow_guide li:first-child{margin:0 0 10px 0;}
	.guide_box_03 i{margin:10px 0 0 43%;}
	.guide_box_03{
		background:#f8f8f8;
		padding:15px;
		margin:0;
		height:auto;
		width:90%;
	} 
	.guide_txt_box{margin:0 0 30px 30px;}
	.exhibit_01 .icon-camera,
	.exhibit_01 .icon-folder-open-alt,
	.exhibit_01 .icon-desktop,
	.exhibit_02 .icon-desktop{
		margin:10px 0 0 43%;
	}
	.guide_txt_box{margin-left:10px;}
	.image_guide{
		margin:0 10px 10px 10px;
		width:95%;
	}
	.example_box{
		padding:15px;
		margin:0 10px 10px 0;
	}
	.mgn_guide{margin-top:20px;}
	.recommend{padding:20px 10px 10px;}
	
	.cap_guide{
		margin:10px 0 0 0;
	}
	
	.mgn_cap_guide{
		margin-left:10px;
		margin-top:15px;
	}

	.image_left_flow{
		width:30%;
	}
	
	.arrow_flow{
		font-size:45px;
	}
	
	/* ブランドリスト
	====================================*/
	/*ul.list_brand li{
		padding:0 10px;
		border-left:1px solid #777;
		margin:0 0 15px 0;
		font-size:16px;
	}*/
	
	/* Phone */
	.button_alphabet{
		display: inline-block;
		border: 0px none;
		font-weight: 500;
		outline: medium none;
		font-size: 14px;
		cursor: pointer;
		width: auto;
		transition: all 0.2s ease-in-out 0s;
		text-align: center;
		padding:5px 10px !important;
		background:#CB9C13 !important;
		color:#fff !important;
		margin-bottom:10px;
	}

	.navi_brand_sp span{
		margin:0 3px 0 0;
		display:inline;
	}

	ul.list_brand_sp{
		margin:0;
		padding:0;
	}

	ul.list_brand_sp li{
		margin:0;
		padding:0;
		width:100%;
		font-size:12px;
	}

	
	/* お友達紹介
	====================================*/
	.invite_box{
		float:none;
		width:100%;
	}
	.inphoto_box{
		float:none;
		width:100%;
	}
	.in_photo{max-width:98%;}
	.txt_invite{
		font-size:20.5px;
		text-decoration:underline;
		color:#CB9C13;
	}
	.invite_code{
		padding:10px 0 0 0;
		width:98%;
		margin-bottom:30px;
		text-align:center;
	}
	.invite_code span{
		font-size:28px;
	}
	
	/* スポンサー
	====================================*/
	.sponsored_wrap{
		border:1px solid #CB9C13;
		border-bottom:none;
		padding:20px 0;
		margin-bottom:40px;
	}
	.last{border:1px solid #CB9C13 !important;}
	.sponsored_wrap h3,
	.sponsored_wrap h4,
	.sponsored_wrap p{
		margin:0 10px 20px !important;
	}
	#top_sponsored .profile-box h3{line-height:130%;}
	#top_sponsored .profile-box h3 span,
	#top_sponsored .profile-box p span{
		display:block;
	}
	#top_sponsored{padding:50px 0 110px;}

	/* お任せコースの申込み
	====================================*/
	.leave_wrap .need p{width:100%;}

	/* プライバシーポリシー
	====================================*/
	ul.list_privacy li .window span{display:block;}
	
	/* ninps, ca-san
	====================================*/
	.image_ninps{width:200px;}
	
	/* 法人企業の皆様へ
	====================================*/
	.box_business div{
		width:100%;
		float:none;
		margin:0 0 20px 0;
		border:1px solid #CB9C13;
	}

	/* SPでは非表示にする部分 */
	#top-service,
	#facebook_top,
	#menu_dearmother,
	#menu_interview,
	.arrow_guide,
	.headline_app{
		display:none;
	}
}


/* Smaller than standard 1180 (devices and browsers) */
@media only screen and (min-width:959px) and (max-width:1199px){
	/* iPad, iPad mini 横 -----------------------*/
	/* インタビュー
	====================================*/
	.mainphoto_in{width:100%;}
	
	/* ご利用ガイド 
	====================================*/
	.guide_box{word-wrap:break-word;}
	.guide_box_03{height:130px;} 
	.arrow_guide{top:-90px;}
	
	/* 商品一覧
	====================================*/
	.infoBox .pageNavi{
		float:none;
		margin:0;
	}
	.infoBox .pageNavi li{margin:15px 0 10px;}
	
	/* ログイン
	====================================*/
	.logonBox{height:550px;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:768px) and (max-width:959px){
	/* iPad, iPad mini, NEXUS 縦 -----------------------*/
	/* インタビュー
	====================================*/
	.mainphoto_in{width:100%;}
	
	/* ご利用ガイド 
	====================================*/
	.guide_box{word-wrap:break-word;}
	.img_card{width:100%;}
	.guide_box_03{height:160px;} 	
	.arrow_guide{top:-110px;}
	.guide_box_03 i{margin:10px 0 0 28%;}
	.guide_box_03 .icon-laptop{margin-top:75px;}
	
	/* 出品ガイド 
	====================================*/
	/* navi */
	ul.navi_buy li{
		float:left;
		width:48%;
	}

	ul.navi_buy li:nth-child(2){
		border-right:1px solid #999;
	}
	
	/* mainvisual */
	.mgn_shipment{
		margin-top:-10px;
	}
	
	/* 商品一覧
	====================================*/
	.infoBox .selectUl .sortby{width:210px;}
	.infoBox .pageNavi{
		float:none;
		margin:0;
	}
	.infoBox .pageNavi li{margin:15px 0 10px;}
	
	/* ログイン
	====================================*/
	.logonBox{height:650px;}
}

/* =================================================================== */
/* 共通
====================================================================== */
.mgn_content{margin-top:20px !important;}
.tit_page{margin:0 0 30px 0; line-height:130% !important; float: none;}
.ls_01{letter-spacing:-0.03em;}
.txt_red{color:#e24747;}
.txt_b{font-weight:bold;}
.txt_gold{color:#CB9C13;}

/* 内部リンク */
#buy_01,
#buy_03,
#buy_04,
#brand_A,
#brand_B,
#brand_C,
#brand_D,
#brand_E,
#brand_F,
#brand_G,
#brand_H,
#brand_I,
#brand_J,
#brand_K,
#brand_L,
#brand_M,
#brand_N,
#brand_O,
#brand_P,
#brand_Q,
#brand_R,
#brand_S,
#brand_T,
#brand_U,
#brand_V,
#brand_W,
#brand_X,
#brand_Y,
#brand_Z,
#brand_Other,
#brand_a,
#brand_ka,
#brand_sa,
#brand_ta,
#brand_na,
#brand_ha,
#brand_ma,
#brand_ya,
#brand_ra,
#brand_wa,
#brand_あ,
#brand_か,
#brand_さ,
#brand_た,
#brand_な,
#brand_は,
#brand_ま,
#brand_や,
#brand_ら,
#brand_わ{
	padding-top: 60px;
    margin-top: -60px;
}

#buy_02{
	padding-top: 20px;
    margin-top: -20px;
}




/* Phone */
@media only screen and (max-width:767px){
     .mgn_content{margin-top:0 !important;}
	 .tit_page{margin: 40px 10px 20px;}
	 .tit_page_prof{margin:-20px 0 15px 0 !important; font-size:14px !important;}
	 .headline{font-size:14px;}
	 .break_sp{display:block;}
}

/* PC/Phone　表示・非表示
----------------------------*/
.hide_pc{display:none;}
.hide_pc_tablet{ display:none;}

/** phone **/
@media only screen and (max-width:767px){
	.hide_pc{ display:block;}
	.hide_sp{ display:none !important;}
	
	/* 内部リンク */
	#buy_01,
	#buy_03,
	#buy_04,
	#sp_brand_A,
	#sp_brand_B,
	#sp_brand_C,
	#sp_brand_D,
	#sp_brand_E,
	#sp_brand_F,
	#sp_brand_G,
	#sp_brand_H,
	#sp_brand_I,
	#sp_brand_J,
	#sp_brand_K,
	#sp_brand_L,
	#sp_brand_M,
	#sp_brand_N,
	#sp_brand_O,
	#sp_brand_P,
	#sp_brand_Q,
	#sp_brand_R,
	#sp_brand_S,
	#sp_brand_T,
	#sp_brand_U,
	#sp_brand_V,
	#sp_brand_W,
	#sp_brand_X,
	#sp_brand_Y,
	#sp_brand_Z,
	#sp_brand_Other,
	#sp_brand_a,
	#sp_brand_ka,
	#sp_brand_sa,
	#sp_brand_ta,
	#sp_brand_na,
	#sp_brand_ha,
	#sp_brand_ma,
	#sp_brand_ya,
	#sp_brand_ra,
	#sp_brand_wa,
	#sp_brand_あ,
	#sp_brand_か,
	#sp_brand_さ,
	#sp_brand_た,
	#sp_brand_な,
	#sp_brand_は,
	#sp_brand_ま,
	#sp_brand_や,
	#sp_brand_ら,
	#sp_brand_わ{
		padding-top: 70px;
    	margin-top: -70px;
	}

	#buy_02{
		padding-top: 30px;
    	margin-top: -30px;
	}
}

/** mobile **/
@media only screen and (max-width:480px){
	.hide_pc{ display:block;}
	.hide_pc_tablet{ display:block;}
	.hide_sp{ display:none !important;}
	
}


/* element :横スクロール
----------------------------*/
/* ①バナー */
table.responsive_table_btn,
table.responsive_table_btn_02{
	width: 100%;
	/*margin: 0 auto;
	border-collapse: collapse;
	border-spacing:0;*/
}

table.responsive_table_btn td,
table.responsive_table_btn_02 td{
	margin: 0;
	padding: 8px 5px;
	/*border: 1px solid #ccc;*/
}

table.responsive_table_btn td img{
	width:195px;
}

/* ②表示順ナビ */
.nav-horizontal{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.nav-horizontal .list_sort{
  	width:100%;
	margin-left:-20px;
}

.nav-horizontal .list_sort li{
  	float:left;
	margin:10px 20px 10px 0;
}

@media only screen and (max-width: 1199px) and (min-width: 960px){
	table.responsive_table_btn td img{
		/*width:120px; 6つ*/
		width:154px;
	}
}

@media only screen and (max-width: 959px) and (min-width: 768px){
	table.responsive_table_btn td img{
		/*width:100px; 6つ*/
		width:121px;
	}
}

@media only screen and (max-width:767px){
	
	/* ①バナー */
	table.responsive_table_btn{
		display: block;
		position: relative;
		border-bottom:1px solid #ccc;
	}

	/*table.responsive_table_btn thead{
		display: block;
		float: left;
	}*/
	
	table.responsive_table_btn tbody{
		display: block;
		position: relative;
		width: auto;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	
	/*table.responsive_table_btn thead th {
		display: block;
	}*/
	
	table.responsive_table_btn tbody td{
		display: block;
	}
		
	table.responsive_table_btn tbody tr{
		display: inline-block;
	}
	
	table.responsive_table_btn td img{
		width:150px;
	}
	
	/* ②表示順ナビ */
	.nav-horizontal{
  		background-color: #fff;
  		overflow: hidden;
  		height: 3em;
  		width: 100%;
	}
	
	.nav-horizontal .mask{
  		height: 5em;
  		width: 100%;
  		overflow-x: auto;
  		-webkit-overflow-scrolling: touch;
	}
	
	.nav-horizontal .list_sort{
  		display: inline-table;
  		margin: 0 auto;
  		max-width: 100%;
	}
	
	.nav-horizontal .list_sort li{
  		display: table-cell;
  		white-space: nowrap;
		float:none;
	}
	
	.nav-horizontal .list_sort a{
  		display: block;
  		padding: 0 1em;
  		text-decoration: none;
  		/*color: #333;*/
  		height: 3em;
  		line-height: 3;
	}
	
	/*.nav-horizontal .list a:hover {
  		border-bottom: 2px solid black;
  		background-color: #f9f9f9;
	}*/
}


/* iPhone5 */
@media only screen and (max-width:320px){
	table.responsive_table_btn td img{
		width:125px;
	}
	
	.footer_menu_phone ul li{
		font-size:14px;
		background:#fff;
		width:30%;
		margin:0 2.5% 8px 0;
		font-size:9px;
	}
	
	/* circle */
	ul.point_buy li{
		width:90%;
	}
	
}
