@charset "utf-8";

html{
    background-color:#ccc;
}
body{
	font-family:'Century Gothic', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #000000;
	background-color:#cccccc;
}
.container{
	min-width: 1000px;
	margin: 0px auto;
}
.wrapper {
 	width: 1000px;
	margin: 0px auto;
	padding-bottom:50px;
}
.sp {
	display: none;
}
.pc {
	display: block;
}
.bx-pager.bx-default-pager{
	display: none;	
}

@media screen and (max-width: 736px) {
    
    body {
        -webkit-text-size-adjust: 100%;
    	font-family: 'Century Gothic','Futura','Questrial',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    }
    #container {
    	min-width: 100%;
    	margin: 0 auto;
    }
    .container{
        box-sizing:border-box;
	    width: 100%;
	    margin: 0px auto;
	    background-color:#ccc;
    }
    .wrapper {
        width: 100%;
        margin: 0px auto;
     	padding-bottom:10px;
        box-sizing:border-box;
     }
    .inner{
        width: 96%;
        margin: 0px 2% 50px;
        background-color:#ccc;   
     }
    .sp {
    	display: block;
    }
    .pc {
    	display: none;
    }
    img {
    	max-width:100%;
    	height:auto;
    }
}


/****************************************
　a
****************************************/
a {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
    opacity:0.7;
}
a img {
	border: 0;
}

@media screen and (max-width: 736px) {


a {
	color: #282828;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #282828;
	text-decoration: underline;
}
a img {
	border: 0;
}

}

/****************************************
　header
****************************************/
#header{
	font-family: 'Century Gothic','Futura','Questrial',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size:20px;
}

#header a:hover{
	opacity:0.3;
	-webkit-transition:	all 0.3s ease;
	transition:all 0.3s ease;
}

#header .header_wrapper{
    width:1000px;
    margin:0 auto;
    padding:30px 0;
}
#header h1{
    display:none;
}


/*検索box*/

.search{
	position:relative;
	width:350px;
    border-bottom:2px solid #000;
	margin-top:40px;
    margin-left:200px;
}
.search_input input{
	border:none;
	outline: none;
}
.search_input input:hover{
	background:none;
}
.search_input .search_t{
	position:absolute;
	bottom:3px;
	left:0;
}
.search_input input.input_area{
    display:block;
    width:250px;
    padding:0;
    margin:0 0 1px 70px;
}
#footer .search_input input.input_area{
    font-size:18px;
}
.search_input input.loupe{
    position:absolute;
	bottom:-5px;
	right:-15px;
}
.search_box{
	width:200px;
}



@media screen and (max-width: 736px) {
    #header{
        position:relative;
        background-color:#cccccc;
        position: fixed;
        width:100%;
        top: 0;
        left:0;
        z-index: 10000;
    }
    #header .header_wrapper{
        width:100%;
        height:70px;
        margin:0 auto;
        padding:0;
    }
    #header .search{
        display:none;
    }
    #header .h_right{
        display:none;
    }
    #header .sp_menubtn{
        width:40px;
        margin-top:16px;
    }
    #header .logo{
        width:50px;
        position:absolute;
        top:21px;
        left:42%;
    }
    .sp_searchbox{
        width:60%;
        height:70px;
        background-color:rgba(256,256,256,0.9);
        display:none;
        position:absolute;
        top:0;
        left:0;
    }
    #wrap {
        margin: 50px 100px;
        display: inline-block;
        position: relative;
        height: 60px;
        float: right;
        padding: 0;
        position: relative;
    }

    #header input[type="text"] {
        font-family: 'Century Gothic','Futura','Questrial',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        height: 60px;
        font-size: 20px;
        display: inline-block;
        border: none;
        outline: none;
        color: #000;
        padding: 5px;
        padding-right: 55px;
        width:65%;
        position: absolute;
        top: 0;
        right: 0;
        background: none;
        z-index: 3;
    }
}



/*loginアイコン*/

.login_icons ul{
	overflow:hidden;
	margin-left:5px;
}


.login_icons input{
	float:left;
	padding:5px 5px 5px 12px;
	border:none;
}

.login_icons input:hover{
	background:none;
	opacity:0.3;
}

.login_icons li{
	float:left;
	width:120px;
}

img.member_icon{
	float:left;
}

img.login{
	padding:5px 5px 5px 12px;
}

img.slash{
	padding:5px 0px;
}

img.signup{
	padding:5px;
}

img.mycart{
	padding:8px 10px;	
}

@media screen and (max-width: 736px) {
    #header .sp_icons{
        float:right;
        margin-top:22px;
    }
    #header .sp_icons img{
    }

    #header .loupe_icon{
        width:25px;
        margin-top:4px;
        margin-right:18px;
    }

    #header .login_icon{
        width:20px;
        margin-right:20px;
    }

    #header .cart_icon{
        width:25px;
        margin-right:10px;
    }
}



/*メニュー*/

#header nav.gnavi{
    width:1000px;    
    margin:0 auto;
    font-size: 24px;
}
#header nav.gnavi ul{
    display: flex;
    justify-content: space-between;
}
#header nav.gnavi ul li{
    /*float:left;
    margin-left:111px;*/
}
#header nav.gnavi ul li:first-child{
	margin-left:0;
}

#header nav.gnavi ul li a{
	color:#000;
    text-decoration:none;
}
#header nav.gnavi ul li a:hover{

}
#header .header_bottom{
    margin: 0 0 15px;
}
#header .header_border{
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background: #727171;
    position: absolute;
    top: 85px;
}
#header .header_border_inner{
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background: #727171;
    position: absolute;
    top: 48px;
}

.owl-in_page_tree{
	text-decoration:none;
}


@media screen and (max-width: 736px) {
    #header .sp_menubtn{
        float:left;
        padding: 10px 15px;
    }
    #header ul.sp_menu{
        text-align: left;
        font-size: 16px;
        font-weight:normal;
        display:none;
        position: absolute;
        width: 100%;
        top: 70px;
        background: #fff;
        z-index:1000;
    }
    #header ul.sp_menu li{
        border-bottom: 1px solid #000000;    	
    }
    #header ul.sp_menu li a{

        background: url(/images/arrow.png) no-repeat 95% center;
        position:relative;
    }
    #header ul.sp_menu li:first-child{
        border-top: 1px solid #000000;
    }
    #header ul.sp_menu li a{
        text-decoration:none;
        display: block;
        padding: 18px 0 18px 20px;
    }

    #header ul.sp_menu li a:hover{
        background: url(/images/arrow.png) no-repeat 95% center #cccccc;
    }

    #header ul.sp_menu li a:active{
        background: url(/images/arrow.png) no-repeat 95% center #cccccc;
    }

    #header ul.sp_menu li a:focus{
        background: url(/images/arrow.png) no-repeat 95% center #cccccc;
    }

    .bx-pager.bx-default-pager{
        display: none;	
    }
}



/****************************************
　flick slider
****************************************/
.history_slide{
    margin-bottom:100px;
}
.multiple-item{
    width: 1000px;
    margin: 0 auto;
}
.multiple-item li{
    margin: 0 10px;
}
.multiple-item li .img{
    position:relative;
}
.multiple-item li .mask{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(256,256,256,0.6);
	-webkit-transition:	all 0.6s ease;
	transition:all 0.6s ease;
}
.multiple-item li .mask:hover{
	cursor:pointer;
	opacity:1;	/* マスクを表示する */
	padding-top:95px;	/* ホバーで下にずらす */
}
.multiple-item li .view{
	font-size:26px;
	text-align:center;
	color:#000;
}
.multiple-item li img{
    width:100%;
}
.multiple-item .slick-prev {
    left: -30px;
    text-indent: -9999px;
    background: url(/images/arrow_L.png) center center no-repeat !important;
    width: 40px;
    height: 40px;
}
.multiple-item .slick-next {
    right: -30px;
    text-indent: -9999px;
    background: url(/images/arrow_R.png) center center no-repeat !important;
    width: 40px;
    height: 40px;
}
.multiple-item .slick-dots {
    display:none !important;
}

@media screen and (max-width: 736px) {
    .history_slide{
        margin-bottom:80px;
    }
    .multiple-item{
        width: 80%;
        margin: 0 10%;
    }
    .multiple-item .slick-prev{
        left:-20px;
        z-index:999;
        width: 30px;
        height: 30px;
    }
    .multiple-item .slick-next{
        right:-20px;
        z-index:999;
        width: 30px;
        height: 30px;
    }
    .multiple-item li .mask{
        display:none;
    }
}


/****************************************
　page top
****************************************/
.pagetop_btn{
	position:fixed;
	right:100px;
	bottom:100px;
}

/****************************************
　footer
****************************************/
#footer{
	height:auto;
}

#footer a:hover{
	opacity:0.4;
	-webkit-transition:	all 0.3s ease;
	transition:all 0.3s ease;
}
.arrow_L{
	position:absolute;
	top:170px;
	left:-40px;
}

.arrow_R{
	position:absolute;
	top:170px;
	right:-40px;
}

#footer .footer_wrapper{
    width:1000px;
    margin:0 auto;
}

#footer .f_center{
	text-align:center;
	margin-left:125px;
	margin-bottom:30px;
}

/*アイコン類*/

#footer .f_right{
	margin-top:20px;
}

#footer .f_logo{
	margin-left:200px;
	margin-bottom:60px;
}

#footer img.mail{
	display:block;
	padding:10px 5px;
}

#footer img.tel{
	display:block;	
	padding:5px;
}

.footer_icons ul{
	overflow:hidden;
	margin-left:5px;
}

.footer_icons input{
	float:left;
	padding:5px 5px 5px 12px;
	border:none;
}

.footer_icons input:hover{
	background:none;
	opacity:0.3;
}


/*フッター下部サイトマップ*/


#footer .f_bottom{
    font-size:20px;
    clear:both;
}
#footer .f_bottom ul{
	clear:both;
	width:900px;
	margin:0 auto;
    padding:10px 0 20px;
}
#footer .f_bottom ul.sitemap_under{
	width:760px;
	margin:0 auto 50px;
    font-size:14px;	
}
#footer .f_bottom ul li{
    float:left;
    margin-left:50px;
}
#footer .f_bottom ul.sitemap_under li{
    float:left;
    margin-left:20px;
}
#footer .f_bottom ul li span{
    margin-right:5px;
	font-size:13px;
}
#footer .f_bottom ul li:hover{
	cursor:pointer;
}
#footer .f_bottom ul li:first-child{
    margin-left:0;
}
#footer .f_bottom ul li a{
    padding: 0 10px;
}



@media screen and (max-width: 736px) {
    #footer {
        height:auto;
    }
    #footer a:hover{
        opacity:1;
        -webkit-transition:	all 0.3s ease;
        transition:all 0.3s ease;
    }
    .container{
        min-width:100%;
        margin: 0px auto;
    }
    .arrow_L{
        position:absolute;
        top:170px;
        left:0px;
    }
    .arrow_R{
        position:absolute;
        top:170px;
        right:30px;
    }
    #footer .footer_wrapper{
        width:100%;
        margin:20px auto;
    }
    #footer .f_center{
        width:100%;
        margin:0;
    }
	#footer .f_logo{
	    max-width:80px;
    	margin:0;
	}
    #footer img.mail{
        display:inline;
        padding:5px;
    }
    #footer img.tel{
        display:inline;
        padding:5px;
    }
    #footer .f_right{
    	margin: 20px 0 10px;
    	width:100%;
    }
    #footer .tel_icon{
    	float:right;
    	width:35%;
    	margin: 0 10% 0 5%;
    	text-align:center;
    }
    #footer .mail_icon{
    	float:left;
    	width:43%;
    	margin: 1% 1% 0 5%;
    	text-align:center;
    }
    #footer .footer_icons{
        width:100%;
        margin:0;
    }
    #footer .f_bottom{
        font-size:16px;
    }
    #footer .f_bottom ul{
        clear:both;
        width:100%;
        padding:10px 0;
    }
    #footer .f_bottom ul li{
        float:left;
        margin-left:0;
        width:25%;
        text-align:center;
    }
    #footer .f_bottom ul.sitemap_under{
        clear:both;
        width:90%;
        margin:10px auto 0;
        padding:0;
    }
    #footer .f_bottom ul.sitemap_under li{
        float:left;
        margin-left:0;
        width:50%;
        margin-bottom:5px;
        text-align:left;
        font-size:12px;
    }
    #footer .f_bottom ul li:hover{
        cursor:pointer;
        opacity:0.3;
    }
    #footer .f_bottom ul li:first-child{
        margin-left:0;
    }
    #footer .f_bottom ul li a{
        padding: 0 10px;
    }
    #footer .search{
        display:none;
    }
}


/****************************************
　contents
****************************************/
#contents{}
#mainC {}

@media (max-width: 736px) {

    #contents{
        min-width: 100%;
        margin: 0 auto;
        padding-top:70px;
    }
    #mainC {
        min-width: 100%;
        margin: 0 auto;
    }
    section {
        margin: 0 0 0 0;
    }
    section+section,
    section+section+section {
        margin:0 0 30px 0;
    }
    .news_list section{
        margin: 0 0 30px 0;
    }
}



/****************************************
テーブル
****************************************/
table.info{
    width:100%;
    font-size: 14px;
}
table.info tr{
    
}
table.info th{
    width:30%;
    color:#000;
    line-height:1.6;
    padding:20px 0 0 30px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-left:1px solid #000;
}
table.info th:last-of-type{
    border-bottom:1px solid #000;
}
table.info td{
    width:70%;
    color:#000;
    line-height:1.6;
    padding: 20px;
    border-top:1px solid #000;
    border-right:1px solid #000;
}
table.info td:last-child{
    border-bottom:1px solid #000;
}
table.info td ul{}
table.info td ul li{
    line-height:2;
}
table.info td .inner_list{
    padding:0 0 0 20px;
}
table.info td .gmap{
    margin:10px 0;
}
table.info td p{
    margin:0 0 20px;
}
table.info td p:last-child{
    margin:0;
}

@media screen and (max-width: 736px) {

    table.info{
        width:96%;
        margin-left:2%;
        margin-left:2%;
        font-size: 12px;
    }
    table.info tr{
    
    }
    table.info th{
        width:30%;
        color:#000;
        line-height:2;
        padding: 7px 5px 7px 5px;
        border-top:1px solid #000;
        border-right:1px solid #000;
        border-left:1px solid #000;
        text-align:center;
    }
    table.info th:last-of-type{
        border-bottom:1px solid #000;
    }
    table.info td{
        width:70%;
        color:#282828;
        line-height:2;
        padding: 7px;
        border-top:1px solid #000;
        border-right:1px solid #000;
    }
    table.info td:last-child{
        border-bottom:1px solid #000;
    }
    table.info td ul{}
    table.info td ul li{
        line-height:2;
    }
    table.info td .inner_list{
        padding:0 0 0 15px;
    }
    table.info td .gmap{
        margin:10px 0;
    }
    .gmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    }
 
    .gmap iframe,
    .gmap object,
    .gmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
    table.info td p{
    margin:0 0 20px;
    }
    table.info td p:last-child{
    margin:0;
    }
    }


/****************************************
システム関連ページ
****************************************/


/*　会員マイページ　*/
.owlet-button input[type="submit"], .owlet-button input[type="button"], .owlet-button a{
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	width:100px;
	color:#fff;
	background-color:#000;
	border-radius:0;
}
.owlet-change-count-btn span input{
	width:100px;
	color:#fff;
	border-radius:0;
}
.owlet-member-nav ul {
}
.owlet-member-nav ul li a {
    width: 205px;
    height: 50px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    background:none;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    padding: 10px 30px 9px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.0;
}
.owlet-member-nav ul li a:hover {
    background:#000;
   	color:#fff;
   	opacity:1;
}
.owlet-member-nav ul li.current span {
    width: 205px;
    height: 50px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    background:#000;
    color: #fff;
    text-align: center;
    border: 1px solid #000;
    padding: 10px 30px 9px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.0;
}
.owlet-member-nav ul li a span:after,
.owlet-member-nav ul li.current span:after{
    display:none;
}
.member_page{
    text-align:center;
}
.owlet-util-table table tr th {
    width: 30%;
    padding:20px 10px;
    background:none;
    border: 1px solid #000;
    color: #000000;
    font-weight: bold;
}
.owlet-util-table table tr td {
    width: 70%;
    padding:20px 10px;
    background:none;
    border: 1px solid #000;
    color: #000000;
    font-weight: bold;
}
.member_page a{
    transition:0.3s;
}
.member_page a:hover{
    opacity:0.5;
}
.owlet-util-table .owlet-cell-item-image{width:20% !important;}
.owlet-util-table .owlet-cell-item-name{width:35% !important;}
.owlet-util-table .owlet-cell-item-price{width:15% !important;}
.owlet-util-table .owlet-cell-item-count{width:15% !important;}
.owlet-util-table .owlet-cell-item-subtotal{width:15% !important;}


#login .owlet-account_name{
    margin-bottom:28px;
}
#login .owlet-member-nav{
    margin-bottom:14px;
}
#login .owlet-member-nav ul{
    width:858px;
    margin:0 auto;
}
#login .owlet-member-nav ul li:nth-child(4n+1){
    margin-left:0;
}
#login .member_table.util_table {
    width:858px;
    margin: 0 auto;
}
#login .member_table.util_table table{
    width:858px;
    margin-bottom:10px;
}
#login .member_table.util_table a{
}
#login .member_btn{
    margin-top:28px;
}
#login .member_table.util_table input{}
#login .member_table.util_table th,
#login .member_table.util_table td{
	line-height:1.5;
	padding:10px 10px;
	border:1px solid #000;
	vertical-align:middle;
}
.check_login label{
    margin-top:10px;
	cursor:pointer;
}
.member_table input:focus{
	background:#ddd;
	border:1px solid #000;
	outline: 0;
}
#login .login_btn input{
	padding:10px 50px;
	margin:10px 0;
}
#login .member_table.order_log table{
	width:858px;
	margin:0 auto;
}
#login .member_table.order_log table th,
#login .member_table.order_log table td{
	line-height:1.5;
	padding:15px;
	border:1px solid #000;
	vertical-align:middle;
}
#login .coupon table{
	width:858px;
	margin:28px auto 0;
}
#login .coupon table th,
#login .coupon table td{
	line-height:1.5;
	padding:15px;
	border:1px solid #000;
	vertical-align:middle;
}
#login .point table{
	width:858px;
	margin:28px auto 0;
}
#login .point table th,
#login .point table td{
	line-height:1.5;
	padding:15px;
	border:1px solid #000;
	vertical-align:middle;
}
#login .order_detail1{
    width:858px;
    margin:0 auto 50px;
}
#login .order_detail1 table{
    width:858px;
}
#login .order_detail1 table th{
    line-height:1.5;
    padding:10px;
    border:1px solid #000;
    vertical-align:middle;
}
#login .order_detail1  table td{
    line-height:1.5;
    padding:10px;
    border:1px solid #000;
    vertical-align:middle;
}
#login .order_detail1+section{
    width:858px;
    margin:0 auto 50px;
}
#login .order_detail1+section+section{
    width:858px;
    margin:0 auto 50px;
}

.favorite_items img{
	width:226px;
}

.favorite_items li:nth-child(3n){
	margin-right:0;
}

.text_wrapper{
    margin-bottom:10px;    
}

@media screen and (max-width: 736px) {
    #login .owlet-member-nav ul{
        width:90%;
        margin:0 5%;
    }
    #login .owlet-member-nav ul li{
        width:48%;
        float:left;
        display:table;
    }
    #login .owlet-member-nav ul li:nth-child(odd){
        margin:0 2% 20px 0;
    }
    #login .owlet-member-nav ul li:nth-child(even){
        margin:0 0 20px 2%;
    }
    .owlet-member-nav ul li a{
        width:100%;
        padding:10px 10px 9px;
    }
    #login .member_table.util_table {
        width:100%;
    }
    #login .member_table.util_table table{
        width:90%;
        margin: 0 5% 10px;
    }
    #login .member_table.util_table table th{
        width:100%;
        display:block;
        text-align:left;
        padding: 7px 10px;
        box-sizing:border-box;
        border:none;
        background:#000;
        color:#fff;
    }
    #login .member_table.util_table table td{
        width:100%;
        display:block;
        text-align:left;
        padding: 5px 0 5px 10px;
        box-sizing:border-box;
        line-height:2em;
    }
    #login .member_table.util_table th{
    	font-size:12px;
		line-height:2em;
		padding:0 10px 0 20px;
		width:40%;
	}
	#login .member_table.order_log table{
    	width:90%;
    	margin:0 5%;
    }
    #login .member_table.order_log table tr,
    #login .member_table.destination table tr{
        display:block;
        margin:0 0 20px;
    }
    #login .member_table.order_log table tr:first-child,
    #login .member_table.destination table tr:first-child{
        display:none;
    }
    #login .member_table.order_log table tr,
    #login .member_table.destination table tr{
        display:block;
        margin:0 0 40px;
    }
    #login .member_table.order_log table th,
    #login .member_table.destination table th{
        display:none;
    }
    #login .member_table.order_log table th,
    #login .member_table.order_log table td,
    #login .member_table.destination table th,
    #login .member_table.destination table td{
    	line-height:3;
    	padding:0;
    	padding-left:10px;
    	border:1px solid #000;
    	vertical-align:middle;
    	box-sizing:border-box;
    	border-bottom:none;
    }
    #login .member_table.order_log table th:last-child,
    #login .member_table.order_log table td:last-child,
    #login .member_table.destination table th:last-child,
    #login .member_table.destination table td:last-child{
        border-bottom:1px solid #000;
    }
    #login .member_table.order_log table td:before,
    #login .member_table.destination table td:before{
        display:block;
        border-bottom:1px solid #000;
        background:#000;
        color:#fff;
        padding-left:10px;
        margin-left:-10px;
    }
    #login .member_table.order_log table td:nth-child(1):before{
        content:"注文番号";
    }
    #login .member_table.order_log table td:nth-child(2):before{
        content:"注文日時";
    }
    #login .member_table.order_log table td:nth-child(3):before{
        content:"お届け先";
    }
    #login .member_table.order_log table td:nth-child(4):before{
        content:"商品";
    }
    #login .member_table.order_log table td:nth-child(5):before{
        content:"発送状況";
    }
    #login .member_table.order_log table td:nth-child(6):before{
        content:"その他項目";
    }
    #login .member_table.destination table td:nth-child(1):before{
        content:"住所";
    }
    #login .member_table.destination table td:nth-child(2):before{
        content:"氏名";
    }
    #login .member_table.destination table td:nth-child(3):before{
        content:"お届け先を編集";
    }
    #login .member_table.destination table td:nth-child(4):before{
        content:"お届け先を削除";
    }

    
	#login .coupon table{
    	width:90%;
    	margin:28px 5% 0;
    }
    #login .coupon table th,
    #login .coupon table td{
    	line-height:1.5;
    	padding:7px;
    	border:1px solid #000;
    	vertical-align:middle;
    }
    #login .point table{
    	width:90%;
    	margin:28px 5% 0;
    }
    #login .point table th,
    #login .point table td{
    	line-height:1.5;
    	padding:7px;
    	border:1px solid #000;
    	vertical-align:middle;
    }
	
	
	.owlet-member-nav ul {
			margin:20px 22% 20px;
	}
	.owlet-member-nav ul li{
		float:none;
		margin:0 auto 20px;
	}
    .member_table.order_log table{
    	width:90%;
    	margin:0 auto;
    	}
    .member_table.order_log table th{
    	border:1px solid #000;
    	border-bottom:none;	
    	width:100%;
    	display:block;
    	text-align:center;
    	padding:2px 0;
    	}
    .member_table.order_log table td{
    	border:1px solid #000;
    	width:100%;
    	display:block;
    }
    .owlet-member-nav ul li a span:after, .owlet-member-nav ul li.current span:after {
        display:none;
    }
    section.cart{
        width:96%;
        margin: 0 2%;
    }
    section.cart .owlet-util-table table tr th {
        padding:10px 3px;
    }
    section.cart .owlet-shop-login,
    section.cart .owlet-shop-address-input{
        width:90%;
        margin:0 5%;
    }
    section.cart .owlet-util-table table tr td {
        padding:10px 3px;
    }
    section.cart .owlet-orderer-list{
        width:100%;
    }
    section.cart .owlet-orderer-info .owlet-orderer-name{
        width:100%;
    }
    section.cart .owlet-address-add-btn{
        margin:0 auto 20px;
        text-align: left;
    }
    section.cart .owlet-back-button{
    }
    input[type="button"],input[type="submit"]{
        border-radius:0;
        -webkit-appearance:none;
    }
    .owlet-button span:after,
    .owlet-button a:after,
    .owlet-back-button a:after{
        display:none;
    }
    
    #login .order_detail1{
        width:90%;
        margin:0 auto 50px;
    }
    #login .order_detail1 table{
        width:100%;
    }
    #login .order_detail1 table th{
        line-height:1.5;
        padding:10px 3px;
        border:1px solid #000;
        vertical-align:middle;
    }
    #login .order_detail1  table td{
        line-height:1.5;
        padding:10px 3px;
        border:1px solid #000;
        vertical-align:middle;
    }
    #login .order_detail1+section{
        width:90%;
        margin:0 auto 50px;
    }
    #login .order_detail1+section+section{
        width:90%;
        margin:0 auto 50px;
    }
    #login .order_detail1+section+section .util_table table{
        width:100%;
        margin:0;
    }
    #login .order_detail1+section+section .util_table table tr:first-child{
        display:none;
    }
    #login .order_detail1+section+section .util_table table td:before{
        display:block;
        border-bottom:1px solid #000;
        background:#000;
        color:#fff;
        padding-left:10px;
        margin-left:-10px;
    }
    #login .order_detail1+section+section .util_table table td:nth-child(1):before{
        content:"商品名";
    }
    #login .order_detail1+section+section .util_table table td:nth-child(2):before{
        content:"オプション";
    }
    #login .order_detail1+section+section .util_table table td:nth-child(3):before{
        content:"定期購入";
    }
    #login .order_detail1+section+section .util_table table td:nth-child(4):before{
        content:"単価";
    }
    #login .order_detail1+section+section .util_table table td:nth-child(5):before{
        content:"個数";
    }
    #login .order_detail1+section+section .util_table table td:nth-child(6):before{
        content:"小計";
    }
}



/*カートの中身*/
#header .header-cart, #footer .footer-cart {
	font-size: 14px;
	cursor: pointer;
}
#header .header-cart{
	margin: 11px 18px 0 0;
}
#footer .footer-cart a{
	color: #fff;
}
#header .header-cart .item_count, #footer .footer-cart .item_count{
	padding: 6px 0px 3px 45px;
    border-bottom: 1px solid #222;
    text-align: center;
    color: #222;
    background: url(/images/common/h_cart.png) 0 0 no-repeat;
    text-align: left;
}
#footer .footer-cart .item_count{
	color: #fff;
	border-bottom: 1px solid #fff;
	background: url(/images/common/f_cart.png) 0 0 no-repeat;
}
#header .header-cart .postage ,#footer .footer-cart .postage{
	padding: 5px 0px 0px 0px;
}
#footer .footer-cart .postage{
	color: #fff;
}
#header .header-cart .postage span ,#footer .footer-cart .postage span{
	font-weight: bold;
}
#header .header-cart .postage span.pink, #footer .footer-cart .postage span.pink{
	color: #ed207b;
}

.back-button{
	margin-left:20px;
}

.back-button a{
	font-size:16px;
	padding-left:20px;
	text-decoration:underline;
	background:url(/images/arrow_L.png) no-repeat center left;
}

.back-button a:hover{
	text-decoration:none;
}

.owlet-change-text{
	margin-bottom:20px;
}

.total_price_text{
	margin-bottom:30px;	
}

.owlet-change-count-btn{
	margin-bottom:30px;
}



/*　レジ　*/

ul.owlet-step-navi li.owlet-step-navi1.current, ul.owlet-step-navi li.owlet-step-navi2.current, ul.owlet-step-navi li.owlet-step-navi3.current, ul.owlet-step-navi li.owlet-step-navi4.current, ul.owlet-step-navi li.owlet-step-navi5.current {
    color: #000;
    border-top: 5px solid #000;
}

ul.owlet-step-navi li.owlet-step-navi1.current:before, ul.owlet-step-navi li.owlet-step-navi2.current:before, ul.owlet-step-navi li.owlet-step-navi3.current:before, ul.owlet-step-navi li.owlet-step-navi4.current:before, ul.owlet-step-navi li.owlet-step-navi5.current:before {
    content: '▼';
    position: absolute;
    left: 46%;
    top: -10px;
    font-size: 20px;
}
.destination_orderer textarea{
	background:#ccc;
}

/************************************************************************************
　　::トップページ
************************************************************************************/
.btn{
	text-align:center;

}
.btn a{
	padding:18px;
	text-decoration:none;
	font-size:24px;
	background:url(/images/arrow.png) no-repeat 100% 54%;
}
.btn a:hover{
	background:url(/images/arrow.png) no-repeat 100% 54%;
	opacity:0.3;
    transition:all 0.6s ease;
}
.slider_text{
	position:absolute;
	top:120px;
	left:180px;
	text-align:center;
}
.slider_text .catch_1{
	font-size:50px;
	color:#fff;
}
.slider_text .catch_2{
	font-size:26px;
	color:#fff;
	margin-bottom:20px;
}


/*mainV*/
.mainV .bx-wrapper{}


/*New Works*/
.pickup_img ul li{
	float:left;
	margin-right:50px;
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
}

.pickup_img ul li img{
	object-fit: cover;
	width:300px;
	height:300px;
}


.pickup_img ul li:nth-child(3n){
	margin-right:0;
}

section.pickup{
	margin-bottom:50px;
}

.pickup_img ul li .view {
	font-size:26px;
	text-align:center;
	color:#000;
}
.pickup_img ul li .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(256,256,256,0.6);
	-webkit-transition:	all 0.6s ease;
	transition:all 0.6s ease;
}
.pickup_img ul li:hover .mask {
	cursor:pointer;
	opacity:1;	/* マスクを表示する */
	padding-top:130px;	/* ホバーで下にずらす */
}

@media screen and (max-width: 736px) {
    .mainV .bx-wrapper{
        margin-bottom:30px;
    }
    .pickup_img ul{
        width:90%;
        margin:0 5%;
    }
    .pickup_img ul li{
        float:left;
        width:48%;
        margin-right: 4%;
        margin-bottom:30px;
        overflow:hidden;
        position:relative;
    }
    .pickup_img ul li:nth-child(3n){
        margin-right:20px;
    }
    .pickup_img ul li img{
        width:100%;
        height:100%;
    }
    .pickup_img ul li .view {
        font-size:26px;
        text-align:center;
        color:#000;
        width:100%;
        height:100%;
    }
    .pickup_img ul li .mask {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        opacity:0;	/* マスクを表示しない */
        background-color:	rgba(256,256,256,0.6);
        -webkit-transition:	all 0.6s ease;
        transition:all 0.6s ease;
    }
    .pickup_img ul li:hover .mask {
        cursor:pointer;
        opacity:1;	/* マスクを表示する */
        padding-top:40%;	/* ホバーで下にずらす */
    }
}



/*Colors*/

section.match{
	margin-bottom:50px;
}

.match_img ul li{
	float:left;
	margin-right:32px;
	margin-bottom:20px;
	text-align:center;
	font-size:24px;
}

.image{
	overflow:hidden;
	position:relative;	
}

.match_img ul li:nth-child(4n){
	margin-right:0;
}

.match_img ul li .view {
	font-size:26px;
	text-align:center;
	color:#000;
}
.match_img ul li .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(256,256,256,0.6);
	-webkit-transition:	all 0.6s ease;
	transition:all 0.6s ease;
}
.match_img ul li:hover .mask {
	cursor:pointer;
	opacity:1;	/* マスクを表示する */
	padding-top:95px;	/* ホバーで下にずらす */
}

@media screen and (max-width: 736px) {
	
    section.match{
        margin-bottom:30px;
    }

    .match_img{
        width:90%;
        margin:0 5%;
    }

    .match_img ul li{
        float:left;
        width:22%;
        margin-right:4%;
        margin-bottom:20px;
        text-align:center;
        font-size:16px;
    }

    .image{
        overflow:hidden;
        position:relative;	
    }

    .match_img ul li:nth-child(4n){
        margin-right:0;
    }

    .match_img ul li .view {
        font-size:16px;
        text-align:center;
        margin-top:36%;
        color:#000;
    }
    .match_img ul li .mask {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        opacity:0;	/* マスクを表示しない */
        background-color:	rgba(256,256,256,0.6);
        -webkit-transition:	all 0.6s ease;
        transition:all 0.6s ease;
    }
    .match_img ul li:hover .mask {
        cursor:pointer;
        opacity:1;	/* マスクを表示する */
       	padding-top:0;
    }
}


/*history*/
.slide_container{
	width: 1060px;
	margin: 0px auto;
}
section.history{
	margin-bottom:100px;
}
.history_img{
	height:226px;
	overflow:hidden;
}
.history_img .bx-wrapper{
    margin:0 30px 60px;
}
.history_img ul li{
	object-fit: cover;
	min-width: 226px;
	max-width: 226px;
	height:226px;
}
.history_img ul li{
	position:relative;
	float:left;
	overflow:hidden;
	margin-right:32px;
	margin-bottom:32px;
}
.history_img ul li .view {
	font-size:26px;
	text-align:center;
	color:#000;
}
.history_img ul li .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(256,256,256,0.6);
	-webkit-transition:	all 0.6s ease;
	transition:all 0.6s ease;
}
.history_img ul li:hover .mask {
	cursor:pointer;
	opacity:1;	/* マスクを表示する */
	padding-top:95px;	/* ホバーで下にずらす */
}

.history_img .bx-wrapper .bx-controls-direction a {
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    transition:0.7S;
}
.history_img .bx-wrapper .bx-prev {
    left: -40px;
    background: url(/images/arrow_L.png) center center no-repeat !important;
}
.history_img .bx-wrapper .bx-next {
    right: -40px;
    background: url(/images/arrow_R.png) center center no-repeat !important;
}
.history_img .bx-wrapper .bx-prev:hover,
.history_img .bx-wrapper .bx-next:hover {
    opacity:0.3;
}

@media screen and (max-width: 736px) {
    section.history{
        margin-bottom:30px;
    }

    .slide_container{
    	width: 100%;
    }


	.history_img  .bx-wrapper ul li{
	min-width: 50px;
	max-width: 140px;
    box-sizing:border-box;
    float:left;
    overflow:hidden;
    margin-right:0.7%;
	}

	.history_img ul li .view {
	display:none;
	}

	.history_img ul li .mask {
	display:none;
	}

	.history_img ul li:hover {
	opacity:0.4;
    transition:0.7S;
	}

	.history_img ul li:hover .mask {
	display:none;
	}

	.history_img .bx-wrapper .bx-controls-direction a {
    top: 33%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    transition:0.7S;
	}

	.history_img .bx-wrapper .bx-prev {
    left: -40px;
    background: url(/images/arrow_L.png) center center no-repeat !important;
	}

	.history_img .bx-wrapper .bx-next {
    right: -40px;
   	}
} 	

/*news*/

ul.news{
	margin-bottom:30px;
}

.news_box{
	position:relative;
	box-sizing:border-box;
	background-color:#fff;
	width:300px;
	height:300px;
	padding:20px;
	margin-right:50px;
	margin-bottom:20px;
}

.news_box:nth-of-type(3n){
	margin-right:0;
}
.news_box img{
	object-fit: cover;
	width:260px;
	margin-bottom:5px;
	-webkit-transition:	all 0.7s ease;
	transition:all 0.7s ease;
}
.news_box img:hover{
	opacity:0.7;
}
.news_box .category{
	position:absolute;
	bottom:5px;
	left:20px;
}
.news_box .date{
	position:absolute;
	bottom:3px;
	right:20px;
	font-size:20px;
}

.topnews_wrap{
	clear:both;
}

.topnews_wrap p{
	float:left;
}

.topnews_inner{
	height:25px;
	margin-bottom:20px;
}


.topnews_inner .date{
	font-size:14px;
	color:#282828;
}

.topnews_list a{
	margin-left:25px;
	font-size:14px;
	color:#282828;
	text-decoration:underline;
}

.topnews_list a:hover{
	margin-left:25px;
	font-size:14px;
	color:#282828;
	text-decoration:none;
}


@media screen and (max-width: 736px) {

    .news_box{
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
        width:90%;
        height:auto;
        padding:20px;
        margin:0 5% 30px;
    }

    .news_box:nth-of-type(3n){
        margin-right:0;
    }

    .news_box img{
        object-fit: cover;
        margin-bottom:5px;
        -webkit-transition:	all 0.7s ease;
        transition:all 0.7s ease;
    }

    .news_box img:hover{
        opacity:0.7;
    }

    .news_image{
        width:40%;
        float:left;
    } 

    .news_title{
        width:55%;
        float:right;
        margin-bottom:20px;
    }

    .news_box .category{
        position:absolute;
        bottom:14px;
        left:46%;
        font-size:12px;
    }

    .news_box .date{
        position:absolute;
	bottom:13px;
	right:20px;
	font-size:14px;
    }

    .topnews_wrap{
        clear:both;
    }

    .topnews_wrap p{
        float:left;
    }

    .topnews_inner{
        height:25px;
        margin-bottom:20px;
    }

    .topnews_inner .date{
        font-size:14px;
        color:#282828;
    }

    .topnews_list a{
        margin-left:25px;
        font-size:14px;
        color:#282828;
        text-decoration:underline;
    }

    .topnews_list a:hover{
        margin-left:25px;
        font-size:14px;
        color:#282828;
        text-decoration:none;
    }
    }

@media screen and (max-width: 736px) {

    .btn{
        text-align:center;
    }

    .btn a{
        padding:18px;
        text-decoration:none;
        font-size:24px;
        background:url(/images/arrow.png) no-repeat 100% 54%;
    }

    .btn a:hover{
        background:url(/images/arrow_on.png) no-repeat 100% 54%;
    }
    .slider_text{
        position:absolute;
        top:120px;
        left:180px;
        text-align:center;
    }

    .slider_text .catch_1{
        font-size:50px;
        color:#fff;
    }

    .slider_text .catch_2{
        font-size:26px;
        color:#fff;
        margin-bottom:20px;
    }

    #toppage{
    
    }
    .toppage_wrapper{
        width:1114px;
        margin:0 auto;
        background:url(/images/top_cont_bg.png);
    }
    .toppage_wrapper_inner{
        width:980px;
        margin:0 auto;
    }
}


/************************************************************************************
　　::下層ページ
************************************************************************************/


/*　A&Mについて　*/
.AandM_header_wrapper{
    height:300px;
}
#AandM_header{
	width:100%;
	height:300px;
	background:url(/images/AM_bg.jpg) no-repeat center;
}
#AandM_header a{
	font-size:22px;
	margin-right:50px;
}
#AandM_header a:hover{
	opacity:0.4;
}
.AandM_catch{
	font-size:24px;
	padding-top:110px;
	padding-left:50px;
}
.AandM_nav{
	margin-top:30px;
}
.AandM_inner{
	margin-top:30px;
}
.p_title{
	width:480px;
	margin:0 auto;
}
section#studio{
	margin-top:-330px;
	padding-top:330px;
}
.studio_images li{
	box-sizing:border-box;
	float:left;
	overflow:hidden;
	margin-right:50px;
	margin-bottom:50px;
}
.studio_images li:nth-of-type(3n){
	margin-right:0;
}
.studio_images li .view {
	font-size:26px;
	text-align:center;
	color:#000;
	margin-top:130px;
}
.studio_images li .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(256,256,256,0.6);
	-webkit-transition:	all 0.6s ease;
	transition:all 0.6s ease;
}
.studio_images li:hover .mask {
	opacity:1;	/* マスクを表示する */
}
section#process{
	margin-top:-330px;
	padding-top:330px;
}
.process_images li{
	box-sizing:border-box;
	float:left;
	overflow:hidden;
	margin-right:50px;
	margin-bottom:50px;
}
.process_images li:nth-of-type(3n){
	margin-right:0;
}
section#about_us{
	margin-top:-330px;
	padding-top:330px;
}
section#about_us a:hover{
    opacity:0.4;
}
section#about_us table{
	width:500px;
	margin:0 auto 50px;
}
section#about_us table th{
	width:20%;
	padding:10px;
}
section#about_us table td{
	width:80%;
	padding:10px;
}
section#other{
	margin-top:-330px;
	padding-top:330px;
}
.showroom_list{
	width:900px;
	margin:0 auto 40px;	
}
.showroom_inner{
	margin-left:20px;
	padding:20px 10px;
}
.showroom_inner:last-child{
	padding-top:40px;
}
.showroom_name h3{
	font-size:18px;
	line-height:2;
	margin-right:15px;
	margin-bottom:20px;
	border-bottom:none;
}
.showroom_text{
	font-size:15px;
	line-height:1.8;
}


@media screen and (max-width: 736px) {
    .AandM_header_wrapper{
        height:200px;
    }
    #AandM_header{
    	width:100%;
    	height:200px;
    	background:url(/images/AM_bg.jpg) no-repeat center;
        background-size:cover;
    }
    #AandM_header .AandM_catch{
	font-size:16px;
	padding-top:60px;
	text-align:center;
    }
    #AandM_header a{
    	font-size:13px;
    	margin:0;
    	display:block;
    	padding:10px 0;
    	width:25%;
    	float:left;
    	text-align:center;
    	background:rgba(255,255,255,0.5);
    }
    .p_title{
	    width:90%;
	    margin:0 5%;
	    box-sizing:border-box;
    }
    section#studio{
    	margin-top:-70px;
    	padding-top:70px;
    }
    section#studio ul{
        width: 90%;
        margin: 0 5%;
    }
    section#studio ul li{
        width:48%;
        margin-bottom:30px;
    }
    section#studio ul li:nth-of-type(odd){
        margin-right:4%;
    }
    section#studio ul li:nth-of-type(even){
        margin-right:0;
    }
	.studio_images li .view {
		font-size:16px;
		text-align:center;
		color:#000;
		margin-top:45%;
	}
	.studio_images li .mask {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		opacity:0;	/* マスクを表示しない */
		background-color:	rgba(256,256,256,0.4);
		-webkit-transition:	all 0.6s ease;
		transition:all 0.6s ease;
	}
	.studio_images li:hover .mask {
		opacity:1;	/* マスクを表示する */
	}    
	section#process{
    	margin-top:-70px;
    	padding-top:70px;
	}
	section#process ul.process_images{
		width:90%;
		margin: 0 5%;
	}
	section#process ul li{
        width:48%;
        margin-bottom:30px;
    }
    section#process ul li:nth-of-type(odd){
        margin-right:4%;
    }
    section#process ul li:nth-of-type(even){
        margin-right:0;
    }
    section#about_us{
    	margin-top:-70px;
    	padding-top:70px;
    }
	section#about_us table{
		width:90%;
		margin:0 5% 50px;
	}
	section#about_us table th{
		width:23%;
		padding:10px;
	}
	section#about_us table td{
		width:77%;
		padding:10px;
	}
	section#other{
    	margin-top:-70px;
    	padding-top:70px;
    }
	.showroom_list{
		width:100%;
		margin:0 auto 40px;	
	}
	.showroom_inner{
	    float:none !important;
	    display:block !important;
		margin: 0 auto;
		text-align:center;
		padding: 10px;
	}
	.showroom_inner:last-child{
	    padding-top:10px;
	    padding-bottom:40px;
	}
	.showroom_name{
        min-width: 300px;
        max-width: 60%;
        margin: 0 auto;
	}
	.showroom_name h3{
    	font-size:15px;
    	text-align:left;
    	line-height:1.3;
        margin:0 0 10px;
        display:block;
        width:100%;
    }
    .showroom_text{
        padding-top:10px;
        min-width: 300px;
        max-width: 60%;
        margin: 0 auto;
        text-align: left;
    }
}


/*　商品一覧　*/

.item_search{
	border:1px solid #000;
	padding:30px 35px 10px 35px;
	margin-bottom:40px;
}

.item_search a{
	text-decoration:underline;	
}

.item_search a:hover{
	text-decoration:none;	
}

.search_area{
	margin-bottom:30px;
}

.search_area select{
	background:none;
	width:145px;
	padding:10px 3px;
	border:1px solid #000;
	margin-right:8px;
}

.search_color_area{
	padding-bottom:20px;
	border-bottom:1px solid #000;
}

.search_color_area ul li{
	float:left;
	margin-right:15px;
}

.search_color_area ul li:first-child{
	margin-right:50px;
}
.line_up ul li .view {
    font-size:24px;
    text-align:center;
    color:#000;
}
.line_up ul li .mask {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;	/* マスクを表示しない */
    background-color:	rgba(256,256,256,0.6);
    -webkit-transition:	all 0.6s ease;
    transition:all 0.6s ease;
}
.line_up ul li:hover .mask {
    cursor:pointer;
    opacity:1;	/* マスクを表示する */
   	padding-top:130px;
}
.owlet-shop_item-list-sort{
	overflow:hidden;
	padding-left:20px;
	border-left:1px solid #000;
	margin:25px 0 20px 70px;
}
.sort_t{
	margin-top:25px;
}
.owlet-shop_item-list-sort ul{
	float:left;
}
.owlet-shop_item-list-sort ul li{
	float:left;
	margin-right:20px;
}
.owlet-shop_item-list .item_list li:nth-child(3n){
    margin-right:0;
}


.search_bg{
	overflow:hidden;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin-bottom:40px;
	padding:10px 20px;
}

p.search_result{
	float:left;
}

.search_pagenation{
	float:right;
}

.search_pagenation a:hover{
	font-weight:bold;
}

.search_pagenation span{
	margin-left:10px;	
}

.item_list li{
	box-sizing:border-box;
	width:300px;
	float:left;
	overflow:hidden;
	margin-right:50px;
	margin-bottom:30px;
}


.item_list li .view {
	font-size:26px;
	text-align:center;
	color:#000;
}
.item_list ul li .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(256,256,256,0.6);
	-webkit-transition:	all 0.6s ease;
	transition:all 0.6s ease;
}

.item_list ul li:hover .mask {
	cursor:pointer;
	opacity:1;	/* マスクを表示する */
	padding-top:130px;	/* ホバーで下にずらす */
}
.item_list.favorite_items li{
    width:220px;
    margin-right:40px;
}
.item_list.favorite_items li:nth-child(4n){
    margin-right:0;
}
.item_price{
	float:left;
	font-size:14px;
}

.item_title{
	text-align:center;
	font-size:14px;
	margin-bottom:5px;	
}

.item_list .img{
	position:relative;	
}

.sold{
	position:absolute;
	left:10px;
	bottom:10px;
	color:#F00;
	font-size:18px;
	font-weight:bold;
	padding:0 5px;
	background:rgba(256,256,256,0.6);
}

.item_new{
	float:right;	
	border:1px solid #000;
	padding:0 5px;
	margin-left:5px;
	font-size:12px;
}

.item_ctgy{
	float:right;
	background:#666;
	color:#fff;
	font-size:12px;
	padding:1px 6px;
}
.item_stock {
    clear: left;
    float: left;
	border:1px solid #000;
	padding:0 5px;
	margin:5px 0 0;
	font-size:12px;
}

.item_text{
	padding:15px 0px;
}



@media screen and (max-width: 736px) {
	.item_search{
	    width:96%;
	    margin:0 2% 40px;
		padding:30px 10px 10px 10px;
		box-sizing:border-box;
	}
	.search_area{
		margin-bottom:30px;
	}
	.search_area select{
	    width:48%;
		margin-bottom:10px;
		float:left;
		font-size:12px;
	}
	.search_area select:nth-of-type(odd){
		margin-right:2%;
	}
	.search_area select:nth-of-type(even){
	    margin-right:0;
		margin-left:2%;
	}
	.search_color_area{
	    clear:both;
	}
	.search_color_area ul li{
		float:left;
		margin-bottom:15px;
	}
    .search_color_area ul li:first-child{
    	margin-right: 0;
    	display:block;
    	float:none;
    }
	.sort_t{
		margin-top:50px;
	}
	
	.search_pagenation{
		float:right;
		margin-top:10px;
	}

    .owlet-shop_item-list-sort{
        overflow:hidden;
        margin-bottom:20px;
        padding-left:15px;
        margin-left:55px;
    }
    .owlet-shop_item-list-sort ul{
        margin-bottom:0px;
    }
    .owlet-shop_item-list-sort ul li{
        float:left;
        width:49%;
        margin-right:2%;
    }
    .owlet-shop_item-list-sort ul li:nth-of-type(even){
        margin-right:0;
    }
    ul.item_list{
        width:90%;
        margin:0 5% ;
    }
    .item_list li{
        box-sizing:border-box;
        width:48%;
        float:left;
        overflow:hidden;
        margin-right:4%;
    }
    .item_list li:nth-of-type(2n){
        margin-right:0;
    }
    .owlet-shop_item-list .item_list li:nth-child(odd){
        margin-right:4%;
    }
    .item_list li .view {
        font-size:26px;
        text-align:center;
        color:#000;
    }
    .item_list ul li .mask {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        opacity:0;	/* マスクを表示しない */
        background-color:	rgba(256,256,256,0.6);
        -webkit-transition:	all 0.6s ease;
        transition:all 0.6s ease;
    }
    .item_list ul li:hover .mask {
        cursor:pointer;
        opacity:1;	/* マスクを表示する */
        padding-top:130px;	/* ホバーで下にずらす */
    }

    .item_text{
		padding:10px 0;
	}

    .item_price{
        float:none;
        font-size:12px;
        text-align:center;
        margin-bottom:5px;
    }

    .item_title{
        text-align:center;
        font-size:12px;
        margin-bottom:5px;	
    }

	.item_new{
		float:right;	
		border:1px solid #000;
		padding:0 4px;
		margin-left:5px;
		font-size:11px;
	}

	.item_ctgy{
		float:right;
		background:#666;
		color:#fff;
		font-size:10px;
		padding:1.5px 6px;
		margin: 0 0 5px 5px;
	}
    .item_stock {
        clear: left;
        float: right;
        padding: 0.5px 6px;
        margin: 0;
        font-size: 10px;
    }
	.line_up ul li:hover .mask {
    cursor:pointer;
    opacity:1;	/* マスクを表示する */
   	padding-top:40%;
    }
    .item_list.favorite_items li{
        width:47%;
        margin-right:6%;
    }
    .item_list.favorite_items li:nth-child(2n){
        margin-right:0;
    }
}

/*　商品詳細　*/

.item_detail_inner{
    width: 980px;
    margin: 0 10px;
    box-sizing:border-box;
	background-color:#fff;
	border:1px solid #000;
	padding:20px 20px 10px 15px;
	margin-bottom:30px;
	position:relative;
    box-shadow: 0px 0px 0px 10px #fff;
}
.img_data {
    max-width: calc(100% - 290px);
}
.item_mainimg{
	text-align:center;
	padding:25px 35px 45px;
}

section.item_detail table{
	box-sizing:border-box;
	border:1px solid #000;
	/*width:420px;*/
	width:100%;
	font-size:12px;
}

section.item_detail table th{
	box-sizing:border-box;
	border:1px solid #000;
	padding:2px 10px;
	width:100px;
	vertical-align:middle;
}

section.item_detail table th.head{
	padding:4px 15px 2px 10px;
	font-size:14px;
}

section.item_detail table td{
	box-sizing:border-box;
	border:1px solid #000;
	padding:2px 5px;
	text-align:center;
	vertical-align: middle;
}

section.item_detail table td.note{
	padding:2px 6px;
	text-align:left;
	/*width:168px;*/
	vertical-align: top;
}
section.item_detail table td.note span{
    display:inline-block;
    margin-bottom:7px;
}
section.item_detail table tr.note_sp{
    display:none;
}

.item_detail_inner .f_R{
	margin-bottom:0px;
}

.art_images{
	margin-bottom:5px;
	text-align:right;
}

.art_images img{
	margin-left:1px;
}

.art_logo{
	width:250px;
	height:auto;
	position:absolute;
	right:20px;
	bottom:10px;
}

.art_logo img{
	width:100%;
}


.status{
	text-align:center;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:20px 0 15px;
}

.owlet-shop-favorite-container{
	margin-top:10px;
	cursor:pointer;
}

.owlet-shop-favorite-container span{
	margin-right:3px;
	font-family: 'American Typewriter',sans-serif;
	font-size:16px;
}

.owlet-shop-favorite-container:hover{
	opacity:0.4;
}


@media screen and (max-width: 736px) {
    .item_detail{
        width: 94%;
        margin: 0 3%;
    }
    .item_detail_inner{
    	padding:0 10px 80px;
    	margin-bottom:50px;
    	box-shadow:0px 0px 0px 8px #fff;
    	box-sizing:border-box;
    	width:100%;
    	margin:0;
    }
    .item_mainimg{
    	text-align:center;
    	margin-top:20px;
    	padding:0 0 20px 0;
    }
    .item_mainimg img{
    	max-width:100%;
    }
    section.item_detail table{
    	border:1px solid #000;
    	width:100%;
    }
    section.item_detail table th{
    	border:1px solid #000;
    	padding:5px;
    	width:15%;
    	vertical-align:middle;
    }
    section.item_detail table td{
    	border:1px solid #000;
    	padding:5px;
    }
    td.note{
    	width:100%;	
    }
    .status{
    	text-align:center;
    	border-top:1px solid #000;
    	border-bottom:1px solid #000;
    	padding:20px;
    }
    section.item_detail .f_L{
    	width:100%;
    	max-width: 100%;
    }
    section.item_detail .f_R{
    	margin-top:20px;
    	width:100%;
    }
    section.item_detail table td.note{
        display:none;
    }
    section.item_detail table tr.note_sp{
        display:table-row;
    }
    section.item_detail table tr.note_sp td{
        text-align:left;
    }
    section.item_detail table tr.note_sp td span{
        display:inline-block;
        margin-bottom:7px;
    }
    .art_images{
    	text-align:center;
    	margin-bottom:4px;
    }
    .art_logo{
    	position:absolute;
    	left:0;
    	right:0;
    	margin:0 auto;
    }
}




/*　News一覧　*/
ul.news_link{
	width:310px;
	margin:0 auto 50px;
}
.news_link li{
	float:left;
	font-size:20px;
	margin-left:110px;
	padding-right:20px;
	background:url(/images/arrow.png) no-repeat right center;
	transition:0.3s;
}
.news_link li:hover{
    opacity:0.5;
}
.news_link li:first-child{
	margin-left:0;
}


/*　News詳細　*/
.news_detail{
	width:1000px;
	margin:0 auto 10px;
	box-sizing:border-box;
	background:#fff;
	padding:40px;
}
.news_detail .left{
	font-size:16px;
	margin-bottom:30px;
}
.news_detail .right{
	width:50%;
	margin-right:10px;
}
.news_detail .news_title{
	margin-bottom:20px;
	font-size:20px;
}

.back_news{
	text-align:right;
	font-size:16px;
}
.news_detail .news_date{
	margin-bottom:20px;
}
.news_add .text_img_left .richtext{
	padding-top:10px;
}
.news_add .text_img_right .richtext{
	padding:10px;
}

.back{
	font-size:18px;
	margin-left:10px;
}

.back:hover{
	opacity:0.4;
}

.back span{
	font-size:14px;
	margin-right:5px;
}

.news_btn{
	margin-left:20px;
	margin-top:50px;
}

@media screen and (max-width: 736px) {
    .news_detail{
        width:90%;
        margin: 0 5% 5px;
        padding:20px;
    }
    .news_detail .right{
    	width:100%;
    	padding:0;
    	margin-bottom:20px;
    }
    .news_detail .news_title{
    	margin-bottom:10px;
    	font-size:20px;
    	width:96%;
    }
	.news_detail .news_date{
		margin-bottom:20px;
		margin-left:15px;
	}
	.news_detail .news_text{
		width:100%;
	}	
    .news_add .text_img_left .img_left{
        text-align:center;
    }
    .news_add .text_img_left .img_left img{
        float:none;
        margin:0;
    }
    .news_add .text_img_left .richtext{
        padding: 10px 10px 0;
    }
    .news_add .text_img_right .img_right{
        text-align:center;
    }
    .news_add .text_img_right .img_right img{
        float:none;
        margin:0;
    }
    .news_add .text_img_right .richtext{
        padding: 10px 10px 0;
    }
        .news_detail .left{
        margin-left:0;
        margin-bottom:20px;
        display:block;
        float:none;
        text-align:center;
    }
    .news_detail .news_text{
        padding:0 10px;
    }
    .back{
		font-size:18px;
		margin-left:20px;
    }
	.back span{
		font-size:14px;
		margin-right:5px;
    }

}

/*　作家一覧　*/


ul.artist_list{
	width:680px;
	margin:0 auto;
	padding:40px;
	border-top:1px solid #000;
}


ul.artist_list li{

}

ul.artist_list li img:hover{
	opacity:0.7;
}

ul.artist_list li div{
	box-sizing:border-box;
}

ul.artist_list .artist_name{

}

ul.artist_list .artist_name a{
	display:block;
	text-align:center;
    font-size:20px;
	width:230px;
	height:226px;
	padding-top:100px;
}


ul.artist_list .artist_name a:hover{
	color:#888;
}

/*名前が２行以上の場合は名前の位置を調整　*/


/*　HAYASHI MARIKO　*/
ul.artist_list .artist_name.artist90 a{
	padding-top:80px;
}

/*　江戸川五郎　*/
ul.artist_list .artist_name.artist99 a{
	padding-top:80px;
}

/*　AKANE FUJITA　*/
ul.artist_list .artist_name.artist101 a{
	padding-top:70px;
}



    @media screen and (max-width: 736px) {


        ul.artist_list{
	    width:90%;
	    margin:0 auto;
	    padding:30px 1% 0 9%;
	    border-top:1px solid #000;
	    }

        ul.artist_list li{
	    margin-bottom:30px;
	    width:100%;
        }

        ul.artist_list li img:hover{
    	opacity:0.7;
        }

        ul.artist_list .artist_name{
    	text-align:center;
	    width:30%;
        }

		ul.artist_list .artist_name a{
    	font-size:18px;
		width:100%;
		height:auto;
		padding-top:35%;
		}
		ul.artist_list .artist_name a:hover{
		text-decoration:none;
		}
        .picture_img{
        width:30%;	
        }

        .work_img{
    	width:30%;	
         }

		/*名前が２行以上の場合は名前の位置を調整　*/


		/*　HAYASHI MARIKO　*/
		ul.artist_list .artist_name.artist90 a{
		padding-top:25%;
		}

		/*　江戸川五郎　*/
		ul.artist_list .artist_name.artist99 a{
		padding-top:20%;
		}

		/*　AKANE FUJITA　*/
		ul.artist_list .artist_name.artist101 a{
		padding-top:5%;
		}  
}


/*　作家詳細　*/
.is-fixed {
	position: fixed;
	top: 0;
	z-index: 2;
}
.artists_header_wrapper{
    height:190px;
}
.artists_header{
	width:1000px;
	background:#ccc;
}
.artists_header .photo_L{
    width:400px;
	margin-right:40px;
}
.artists_header .photo_L img{
	margin-right:10px;
}
.artists_header .name_img{
	box-sizing:border-box;
	width:115px;
	height:115px;
	text-align:center;
	font-size:20px;
	color:#fff;
	margin-top:2.5px;
    border: solid 1px white;
    padding-top:40px;
}


/*　HAYASHI MARIKO　*/
.artists_header .name_img.artist_d90{
    background: #5D3F3C;
    box-shadow: 0px 0px 0px 3px #5D3F3C;
    padding-top:25px;
}

/*　川原昭　*/
.artists_header .name_img.artist_d98{
    background: #B5D22C;
    box-shadow: 0px 0px 0px 3px #B5D22C;
}


/*　江戸川五郎　*/
.artists_header .name_img.artist_d99{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:24px;
	background: #FFBA00;
    box-shadow: 0px 0px 0px 3px #FFBA00;
    padding-top:18px;
}

/*　AKANE FUJITA　*/
.artists_header .name_img.artist_d101{
    background: #D45D6C;
    box-shadow: 0px 0px 0px 3px #D45D6C;
    padding-top:7px;
}


/*　KAARA　*/
.artists_header .name_img.artist_d102{
    background: #275B55;
    box-shadow: 0px 0px 0px 3px #275B55;
}


/*　ASANTE　*/
.artists_header .name_img.artist_d103{
    background: #2778BD;
    box-shadow: 0px 0px 0px 3px #2778BD;
}

.section_inner{
	padding:10px 0 80px;
}

.artists_header .photo_R{
	margin-left:44px;
}

.artists_header .photo_R img{
	margin-left:10px;
}


.artists_header .right h3{
	border:none;
}

.artists_header .right img{
	margin-top:60px;
}
.artists_header .artists_url_wrapper{
    float:right;
}
.artists_header .artists_url{
    height:30px;
    display:table-cell;
    vertical-align:middle;
    font-size:18px;
}
.artists_header .artists_url a:hover{
    opacity:0.4;
}
ul.artists_menu{
	border-bottom:1px solid #000;
}

.artists_menu li{
	float:left;
	margin-right:20px;
	font-size:24px;
}

.artists_menu li a:hover{
	opacity:0.4;
	text-decoration:none;
}

.artists_details{
}

.artists_inner{
    padding-top:30px;
}

section.biography{
	padding-top:220px;
	margin-top:-220px;
}

section.statement{
	padding-top:220px;
	margin-top:-220px;
	font-size:18px;
	line-height:2;
}
section.art{
	padding-top:220px;
	margin-top:-220px;
}

section.art ul.item_list li .view {
	font-size:26px;
	text-align:center;
	color:#000;
}
section.art ul.item_list li .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(256,256,256,0.6);
	-webkit-transition:	all 0.6s ease;
	transition:all 0.6s ease;
}
section.art ul.item_list li:hover .mask {
	cursor:pointer;
	opacity:1;	/* マスクを表示する */
	padding-top:130px;	/* ホバーで下にずらす */
}


@media screen and (max-width: 736px) {
    .artists_header_wrapper{
        height:auto;
    }
    .artists_header{
    	width:100%;
    	margin-bottom:20px;
    }
    .artists_header .photo_L{
    	width:90%;
    	margin:0 5% 0;
    }
    .artists_header .photo_L img{
    	margin-right:2%;
    	width:32%;
    	float:left;
    }
    .artists_header .photo_L img:last-child{
        margin-right:0;
    }
    .artists_header .name_img{
    	width:88%;
    	margin:10px 6% 10px 6%;
    	text-align:center;
    }
    .artists_header .name_img img{
    	width:90%;
    }
    .artists_header .photo_R{
    	width:90%;
    	margin:0 5% 0;
    }
    .artists_header .photo_R img{
    	margin: 0 2% 0 0;
    	width:32%;
    	float:left;
    }
    .artists_header .photo_R img:last-child{
        margin-right:0;
    }
    .artists_header .artists_url_wrapper{
        margin: 10px 5% 10px 0;
    }
	ul.artists_menu{
	    padding:0 5%;
	}
	ul.artists_menu li{
	    margin-right:15px;
	}
	ul.artists_menu a{
	    font-size:20px;
	}
	#biography .section_inner{
		padding:10px 5% 80px;
		font-size: 12px;	
	}
	#biography .section_inner table{
		min-width:290px;
		max-width:90%;
		width:auto !important;
		margin:0 auto;
	}
	#biography .section_inner table td{
		padding: 0;
		display:block;
		box-sizing:border-box;
		width:100%;
	}
	#statement{
		font-size:12px;
	}
	section.biography,section.statement,section.art{
	padding-top:70px;
	margin-top:-70px;
    }
    section.art ul.item_list li:hover .mask {
    	cursor:pointer;
    	opacity:1;	/* マスクを表示する */
    	padding-top:40%;	/* ホバーで下にずらす */
    }
    .section_inner{
    	padding:10px 5% 80px;
    }
}

/*　HOWTO（ご利用案内）　*/

section.howto{
	margin-bottom:60px;
}

section.howto h3{
    padding-left:20px;
	padding-bottom:10px;
	margin-bottom:0px;
	border:none;
}

ul.inpage_link{
	overflow:hidden;
	margin-bottom:60px;
	font-size:14px;
}

ul.inpage_link li{
	float:left;
	margin-left:26px;
	margin-bottom:15px;
}

ul.inpage_link li:nth-of-type(4n+1){
	margin-left:0;	
}

ul.inpage_link li a{
    display: table-cell;    
    vertical-align: middle;
	box-sizing:border-box;
	height:60px;
	width:230px;
	border:1px solid #000;
	padding:5px 40px 5px 15px;
    background:url(/images/arrow_bg.png) no-repeat 94% center;
}

ul.inpage_link li a:hover{
	color:#fff;
    background:url(/images/arrow_bgon.png) no-repeat 94% center #000;
    text-decoration:none;
    opacity:1;
}

.howto_text{
	border:1px solid #000;
	padding:20px;
	margin-bottom:25px;
}

.howto_text a{
	text-decoration:underline;
}

.howto_text a:hover{
	text-decoration:none;
}



@media screen and (max-width: 736px) {
	section.howto section{
		margin-top:-30px;
        padding-top:50px;
	}

    section.howto h3{
        padding-left:0px;
        padding-bottom:10px;
    }
    ul.inpage_link{
        overflow:hidden;
        margin:0 3%;
        font-size:12px;
    }
    ul.inpage_link li{
        float:left;
        margin-left:0;
        width:48%;
        margin: 0 1% 15px;
        display:table;
        border-collapse:separate;
    }
    ul.inpage_link li:nth-of-type(4n+1){
        margin: 0 1% 15px;
    }
    ul.inpage_link li a{
        display:block;
        width: 96%;
        margin: 0 2%;
        height:50px;
        display:table-cell;
        vertical-align:middle;
        padding: 5px 30px 5px 10px;
    }
    ul.inpage_link li a:hover{
        color:#fff;
        background:url(/images/arrow_bgon.png) no-repeat 94% center #000;
    }
    section.howto_inner{
        width:90%;
        margin:0 5%;
    }
    .howto_text{
        border:1px solid #000;
        padding:20px;
        width:96%;
        margin:0 2%;
        box-sizing:border-box;
    }
}


/*　Q&A（よくある質問）　*/

section#QandA section:last-child{
	margin-bottom:40px;
}
section#QandA h3{
	padding-left:20px;
	padding-bottom:5px;
	margin-bottom:30px;
}
dl.question{
	border:1px solid #000;
}
.question dt{
	background:#000;
	color:#fff;
	font-size:40px;
	width:55px;
	height:55px;
	line-height:1.3;
	text-align:center;
}
.question dd h4{
	border:none;
	margin-top:16px;
	margin-left:10px;
}
.question_text{
    padding:20px 50px;
}
.question_text a{
	text-decoration:underline;
}

@media (max-width: 736px) {
    section#QandA section{
        margin-top:-70px;
        padding-top:70px;
    }
    dl.question{
        width:96%;
        margin:0 2%;
    }
    .question dt{
        background:#000;
        color:#fff;
        font-size:44px;
        width:63px;
        height:63px;
        line-height:1.4;
        text-align:center;
    }
    .question dd{
        width:75%;
    }
    .question dd h4{
        border:none;
        margin:0;
        font-size:14px;
        text-align:left;
        height:63px;
        display:table-cell;
        vertical-align:middle;
    }
    .question_text{
        padding:20px;
    }
}




/*　お問い合わせフォーム　*/
.form_text{
	padding:0 10px;
	margin-bottom:30px;
}

.contact_text{
	text-align:left;
	padding:40px 30px 0;
}

/*　利用規約　*/

ul.inpage_link.law_link{
	width:490px;
	margin:0 auto 50px;
}

section#agree{
	margin-bottom:100px;
}

section#agree h3{
	border:none;
}

.law_text{
	padding:0 50px 20px;	
}


@media screen and (max-width: 736px) {

/*　お問い合わせフォーム　*/
    .form_text{
        padding:0 10px;
        margin-bottom:30px;
    }

/*　プライバシーポリシー　*/
    .privacy_text{
        width:86%;
        margin:0 7%;
    }
/*　利用規約　*/

ul.inpage_link.law_link{
	width:100%;
	margin:0 auto 50px;
}

.law_text{
	padding:0 20px 0;	
}
}



/*　配送料リスト　*/

#postage table.info{
	border-bottom:1px solid #000;
	margin-bottom:20px;
}
#postage table.info th{
	width:25%;
	font-size:20px;
}
#postage table.info td {
    width: 25%;
}

@media screen and (max-width: 736px) {
    .postage_text{
        padding:10px;
    } 
    #postage table.info th{
	width:25%;
	font-size:14px;
	}
}


/*　取り付け方法　*/
.attachment .sub_img{
    margin-bottom:30px;
}
.attachment .sub_img p{
    font-size:20px;
    margin-bottom:10px;
}
.attachment .sub_img .sub_img1{
    float:left;
}
.attachment .sub_img .sub_img2{
    float:left;
}


@media screen and (max-width: 736px) {
    .attachment .text_img_left{
        margin: 0 2%;
        text-align:center;
    }
    .attachment .text_img_left img{
        float:none;
        margin: 0 0 20px;
    }
    .attachment .text_img_left .richtext{
        text-align:left;
        min-width:300px;
        max-width:80%;
        margin:0 auto;
    }
    .attachment img{
        text-align:center;
        margin:0;
    }
    .attachment .sub_img{
        margin: -40px 2% 30px;
    }
    .attachment .sub_img p{
        font-size:16px;
        margin-bottom:10px;
        text-align:center;
    }
    .attachment .sub_img .sub_img1{
        float:none;
        text-align:center;
        min-width:305px;
        max-width:70%;
        margin:0 auto 20px;
    }
    .attachment .sub_img .sub_img1 img:first-child{
        margin-right:5px;
    }
    .attachment .sub_img .sub_img2{
        float:none;
        text-align:center;
        min-width:300px;
        max-width:70%;
        margin:0 auto;
    }
    .attachment .sub_img .sub_img2 img{
        margin-bottom:10px;
    }
}

/*　特商法　*/
.law{
    padding:60px 0 50px;
    border:1px solid #000;
}
.law table{
    width:860px;
    margin:0 auto;
}
@media (max-width: 736px) {
    .law{
        width:96%;
        margin: 0 2%;
        padding:30px 0 20px;
        box-sizing:border-box;
        border:1px solid #000;
    }
    .law table{
        width:95%;
        margin:0 auto;
    }
}



/*　プライバシーポリシー　*/
.policy{
    padding:60px 30px 40px;
    border:1px solid #000;
}
@media screen and (max-width: 736px) {
    .policy{
        width:96%;
        margin:0 2%;
        padding:60px 30px 40px;
        box-sizing:border-box;
        border:1px solid #000;
    }
}