@charset "UTF-8";
/* CSS Document */
body{font-family: "kozuka-gothic-pro",sans-serif; color: #717171; background-color: #fff;margin: 0px; padding: 0px;}
ul,li{list-style: none;margin: 0px;padding: 0px;}
a{color: #515151; text-decoration: none;}
a:hover{text-decoration: underline;}
h1{top: -10px; font-size: 12px;position: fixed;z-index:1000;width:100%;text-align: left;margin-bottom: 20px; padding-left: 7%; background-color: #777;color: #fff;height: 23px; padding-top: 7px;}
h2{line-height: 0px;font-weight: normal;font-size: 0px;}
h3{line-height: normal;font-weight: normal;font-size: 100%;}

#logo,header{width: 100%; z-index:3;position:fixed;-webkit-backface-visibility:hidden; backface-visibility:hidden;}

.page-top {position: fixed;bottom: 170px;width:45px;height: 30px;text-align: center;padding-top: 15px; right: 20px;background: #c5c5c5;border-radius: 5px;font-size: 14px;opacity: 0.8;}
a .page-top{text-decoration: none;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all  0.5s ease-out;}
a:hover.page-top{text-decoration: none;-moz-opacity: 0.6;opacity: 0.6;}

/*header menu_____________________________________*/
header h2, nav {display:inline-block;}
nav {width:100%; text-align:center;margin-top: 40px; height: 55px;}
header ul {margin-top: 10px;height: 30px; font-size:13px;line-height:1}
header ul li {display:inline-block;}
header ul li a {color:inherit}
#logo{display: -webkit-flex;display: flex; margin-top: 15px;width:100%;height: 30px; background-color: #fff;}
#logo ul{display: -webkit-flex;display: flex; margin:0px auto; width: 85%;}
#logo ul li:first-child {margin-right: auto;}
#content_wrap{position: relative;display: table; width:85%;margin: 0 auto;margin-top: 20px;margin-bottom: 50px;}
#side,#right_wrap{display: table-cell;vertical-align: top;}
#right_wrap{margin: 0 auto; width: 100%;}

/*layout_____________________________________*/
#indexitem{width:98%; margin:0 auto;}
#indexitem ul{margin:0 auto;}
#indexitem img{width:100%; margin: 0 auto;}
/*wrap*/
#wrap {height: 100%; width:100%;text-align: center;}
#wrap section {display:table-cell; vertical-align:middle;}
#wrap section p {width:90%; margin:auto}

/*--border: red solid 1px;--*/

/*--swiper--------*/
.main-visual-container{position: relative;margin:0 auto;width:100%;height: auto;overflow: hidden;}
.topSwiper img{width: 100%;display: block;}
.timer-pagination-container {margin-top: 10px;display: flex;flex-direction: column;align-items: center;gap: 10px;}
/* ドットのデザイン */
.swiper-pagination {position: relative !important;bottom: 0 !important;}
.swiper-pagination-bullet{background: #ccc !important;opacity: 0.7 !important;}
.swiper-pagination-bullet-active{background: #4A4A4A !important;}
/* リアルタイムバーの土台 */
.autoplay-progress {width: 25px;/* バーの長さ */height: 7px;/* バーの太さ */margin-top:-10px;background: #505050;border-radius: 5px;content: "";position: relative;overflow: hidden;}
/* 実際に動くバー（ここをJSで制御） */
.progress-bar {position: absolute;left: 0;top: 0;width: 0%;/* 最初は0% */height: 100%;background:#B7B7B7; /* サイトのメインカラー */}

/*--item swiper--------*/
/* スライダーの外枠 */
.item-slider-container {width: 100%;max-width: 400px;margin: 0 auto;padding-bottom: 30px;position: relative;}
.swiper {width: 100%;height: auto;}
.swiper-slide img {width: 100%;height: auto;display: block;border-radius: 4px; /* sign-dの雰囲気に合わせて少し角を丸める場合 */}
/* インジケーター（ドット）の位置とデザイン */
.swiper-pagination {bottom: 0px !important; /* コンテナの最下部に配置 */}
/* アクティブなドットの色（サイトのメインカラーに合わせるのがおすすめ） */
.swiper-pagination-bullet-active{background: #a38b75; /* 例：ナチュラルなブラウン系 */}


/*--prodacts--------------------------------*/
.prodact{margin: 0 auto;margin-bottom: 30px;padding-left: 50px;max-width: 1100px;}
.category-tit{margin:0 auto;text-align: center;padding-top:  20px;margin-bottom: 20px; font-size: 30px;color: #9a9a9a;}
.flex_wrap{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;width: 100%;}
.item{flex-grow: 1 1 300px;display: flex;flex-direction: column;border: #fff solid 2px;margin-left: -2px;}
.item_tit{font-size: 18px;font-weight: 500;line-height: 18px;height: 45px;width: 100%; padding-top: 10px; text-align: center;color: #fff;background-color: #b8b8b8;}
.item_tit02{font-size: 14px;font-weight: normal;}

.item_size_wrap{display: inline-block;margin-top: 5px;}
.item_size{background-color: #999;color: #fff;font-size: 13px; padding:2px 5px 0px 5px;}
.item_size02{margin-left: 10px; font-size: 14px;}
.item_list_tit{font-size: 100%;line-height: 18px;height: 45px;margin: 5px 5px 10px 2px;text-align: left; border-bottom: #999 solid 1px;}
/*--item-list----------------------------------*/
.flex_wrap02{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap; width: 100%;}
.flex_wrap02 ul{width: 30%;max-width: 250px; border: #fff solid 10px;}
.item02 img{width: 100%;height: auto;}
.category-tit-items{font-size:24px;color: #999;margin: 0 auto;text-align: center;height:40px;width:40%;padding-top: 10px;margin-top: 5px; margin-bottom: 30px;border: #aaa solid 1px;border-radius: 100px;}
/*--movie-list----------------------------------*/
.movie-flex{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-wrap: wrap;flex-wrap: wrap; width: 100%;}
.movie-flex ul{width: 100%;max-width: 300px;padding:15px;}
.movie-img{width: 100%;height: auto;}

.category-subtit-items{font-size:18px;color: #fff;background-color: #5C5B5B; margin: 0 auto;text-align: center;height:30px;width:50%;padding: 10px 10px 0px 10px; margin-bottom: 10px;max-width: 500px;}
.category-tit02-items{text-align: center;margin-bottom: 20px;font-size: 90%;}

/*--news----------------------------------*/
.news_wrap{width:100%;margin:0 auto;margin-bottom: 50px;padding-top: 40px;padding-bottom: 40px;}
.news{font-size:24px;color: #999;margin: 0 auto;text-align: center;height:40px;width:300px;padding-top: 10px; margin-bottom: 20px;border: #aaa solid 1px;border-radius: 30px;max-width: 500px;}
.news_content{width:100%;margin:0 auto;}
.news_content ul li.day{font-size: 14px; margin-left:20px;margin-top: 10px;}
.news_content ul li.bottom{font-size: 14px; width:90%;border-bottom: #bbb dotted 1px;line-height: 24px;padding-left: 20px;margin-bottom: 5px;}

/*---view all items-----------------------*/
#view-wrap{margin-top: 40px;}
.view-item02{display:block;margin: 0 auto;width: 90%;text-align: center;max-width: 800px;background-color: #fff;padding:10px 0px; color:#9a9a9a;outline: #d5d5d5 solid 10px;border: #e5e5e5 solid 1px;}
.small-font{display: block;margin: 0 auto;margin-top: 5px;padding-top: 5px; font-size: 12px;border-top: #e5e5e5 solid 2px;width:90%;}
.arrow{padding-left: 20px;}
.view-category{width: 95%;height: 55px; max-height: 180px;margin: 0 auto;margin-bottom: 50px;}
.view-category ul{display:-webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-wevkit-justify-content: space-between;justify-content: space-between;width: 100%;height: 55px; max-height: 180px;margin-bottom: 30px;margin-top: 10px;}
.view-category ul li{font-size: 90%;width:100%;max-height: 80px; text-align: center;margin: 3px; line-height: 16px; border: #999999 solid 1px;}

/*---sub content-------------------------------*/
#sub-content-wrap{width: 100%;background-color: #e5e5e5;margin-bottom: 50px;padding:40px 0px 20px 0px;}
#sub-flex-wrap{display: -webkit-flex;display: flex;-webkit-flex-flow:row;flex-flow: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content:space-around;justify-content:space-around;margin: 0 auto; width:85vw;}
.sub-flex-item{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column; width: 26vw;font-size: 14px;line-height: 19px;}
.sub-tit{font-weight: bold;}
.sub-tit02{font-size: 13px;margin-top: 10px;}
.sub-flex-item02{padding-top: 15px;}
.sub-flex-item ul.sub-flex-item02 li{list-style:disc;margin-bottom: 10px;font-size: 13px;}
/*-----sns-------------------------------*/
.sns_box{width:20%;padding-top:25px; padding-bottom: 15px;margin-left:53%; -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);height:44px; min-width:170px;}
.sns_button{display: inline-block;box-shadow:inset 0 0 0 2px #fff;border-radius:100%; -moz-transition:all 280ms ease; -o-transition:all 80ms ease; -webkit-transition:all 280ms ease; transition:all 280ms ease;}
.sns_button a{display:table-cell; width:44px; height:44px; color:#fff; text-align:center; vertical-align:middle; -moz-transition:all 280ms ease; -o-transition:all 280ms ease; -webkit-transition:all 280ms ease; transition:all 280ms ease;}
.sns_button i{font-size: 20px; vertical-align: middle;}
.sns_button:hover{ box-shadow:inset 0 0 0 22px #fff;}
.sns_button + .sns_button{ margin:0 0 0 12px;}
.facebook:hover a{color:#3B5999;}
.youtube:hover a{color:#dd4b39;}
.instagram:hover a{color:#2b5c84;}


/*--footer--------------------------------*/
#footer_wrap{width:100%;background-color: #777;height: auto;padding-bottom: 150px;}
#footer_content{width:90%;padding-top: 20px;margin: 0 auto;color: #fff;}
#footer-nav ul{display: table; table-layout: fixed;width:100%;text-align: center;margin: 0 auto;height: 20px;}
#footer-nav li{display: table-cell;vertical-align: middle;border-left: #fff solid 1px;border-right: #fff solid 1px;}
#footer-nav li+li{border-left: #fff solid 0px;}
#footer-logo ul{display: table; table-layout: fixed;width: 80%; text-align: right; font-size: 80%;margin: 0 auto;margin-top: 30px;border-spacing: 25px 0px;}
#footer-logo li{display: table-cell; vertical-align: middle;}
#footer-logo .footer-logo02{text-align: left;}
#copyright{width: 90%;color: #fff;margin: 0 auto;text-align: center;font-size:12px;padding-top:10px;padding-bottom: 30px;}

/*----link style-----------------------------*/
.login a{display: block;border: #b3b3b3 solid 1px;font-size: 14px;width:130px; height: 30px; padding-top: 10px; text-align: center;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all  0.5s ease-out;}
.login a:hover{display: block;background-color: #999999; color: #fff; text-decoration: none;}
.look_cart a{display: block;border: #b3b3b3 solid 1px;font-size: 12px;width:150px; height: 30px; padding-top: 10px;text-align: center;margin-right: 20px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all  0.5s ease-out;}
.look_cart a:hover{display: block;background-color: #999999; color: #fff; text-decoration: none;}
.link a{display: block;width: 50%;height: 100%;padding:4%;margin-left: 35%; text-align: center;background-color: #999999;border: #999999 solid 1px; font-size: 80%;color: #fff;margin-bottom: 10px; -webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.link a:hover{display: block;border: #666666 solid 1px;;background-color: #fff;color: #999999;text-decoration: none;}
.view-item{margin: 0 auto;margin-top: 5%; width: 90%;text-align: center;margin-bottom: 40px;max-width: 800px;}
.view-item a{display:block;background-color: #fff; text-decoration:none;padding:10px 0px; color:#9a9a9a;outline: #d5d5d5 solid 10px;border: #e5e5e5 solid 1px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all  0.5s ease;}
.view-item a:hover{display:block;background-color: #fff;padding:10px 0px;outline: #999999 solid 10px;color: #414141;border:  #eeeeee solid 1px; }
.link_img a{transition: 0.4s ease-out;}
.link_img a:hover{opacity: 0.5;}
.maillink a{text-decoration: underline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all  0.5s ease;}
.maillink  a:hover{opacity: 0.5;}
.news_wrap a{text-decoration: none;color: #0483B1; }
.news_wrap a:hover{text-decoration: underline;}
.view-category ul li a{display: block;font-size: 90%;padding-top: 16px; height: 32px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all  0.5s ease-out;}
.view-category a:hover{text-decoration: none; background-color: #999999; color: #fff;}
/*---watch the movie-----------------------*/
#movie a{display:block;margin: 0 auto;width: 90%;text-align: center;max-width: 800px;background-color: #fff;padding:10px 0px; color:#9a9a9a;outline: #d5d5d5 solid 10px;border: #e5e5e5 solid 1px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all  0.3s ease-out;}
#movie a:hover{text-decoration: none;outline: #b5b5b5 solid 10px;color: #353535;}
.sub-link a{text-decoration: underline;}
#footer-nav ul li a{text-decoration: none; color: #fff;font-size: 80%;font-weight: normal;}
#footer-nav ul li a:hover{text-decoration: underline;}

/*items-------------------------------------------------*/
.flex_wrap03{display: -webkit-flex;display:flex;justify-content: -webkit-center;justify-content: center;flex-wrap: -webkit-nowrap;flex-wrap: nowrap; width: 100%;}
.item03{width:30vw; margin-left: 20px;}

.item04{margin:5px; padding:1px 1px 10px 1px;font-size: 100%; border-top: #999 solid 1px;border-bottom: #999 solid 1px;}
.font16-b{font-size: 140%;line-height: 36px;}
.item-size{padding: 10px 0px;}
.item-price-tit{padding:5px;font-size:90%;}
.item-price{font-weight: bold;text-align: right;}
.item01-souryou{font-weight: bold;padding: 5px;font-size: 85%;}
.item-cart-wrapper{position: fixed;bottom: 0px;z-index: 999;font-size: 0.9em; width: 100%;height: 150px;margin:0 auto;background: #fff;}
.item-cart-wrapper02{position: fixed;bottom: 0px;z-index: 999;font-size: 0.9em; width: 100%;height: 160px;margin:0 auto;background: #fff;}
.item-price-wrapper{text-align: right;width:90%;margin: 0 auto;max-width: 1100px;}
.item-to_cart{text-align: right; width: 100%;padding-top: 10px; margin: 0 auto; border-top:#ACACAC solid 1px; }
.item-to_cart form{text-align: right;}
.item-to_cart textarea{margin-top: 6px; height: 18px;border: #4B4B4B solid 1px; }
.item-into-cart{margin-top: 5px; width: 220px;text-align: center;height: 40px;color: #fff; background-color: #767676;border-radius: 3px;font-size: 100%;}
.tuika{margin-right: 10px;}
select{margin:5px 5px 0px 0px;padding:5px;border-radius: 3px;font-size:80%;}
.selection{width:60%;}
.f12{font-size: 12px; width:100%;margin: 0 auto; }
.f12st{font-size: 12px;font-weight:bold;}
.f12normal{font-size: 12px;}
.f14{font-size: 14px;line-height: 34px;}
.wrappingfont{font-size: 100%;font-weight: bold;padding-top:20px;}
.mailfont{font-size: 100%;font-weight: bold;}
.mailfont02{font-size: 100%;font-weight: normal;}
.item-bottom{margin: 0px auto;padding-top: 20px;padding-bottom: 20px;margin-bottom: 80px; width:95%;border-top: #9C9C9C dotted 1px;border-bottom: #9C9C9C dotted 1px; font-size: 100%;line-height: 24px;max-width: 1100px;}
.step_wrap{	margin-bottom: 50px;width:98%; padding-bottom: 30px; border-bottom: #6A6A6A dotted 1px;}
.step_head{display:block;	width:105%; font-size: 100%; height: 35px;padding-top: 15px;padding-left: 20px; margin-left: -30px; margin-top:30px; background-color:#4F4F4F;color: #fff;}
.step_tit{ width:100%; background-color:#9C9C9C; color: #fff; height: 30px; padding-top: 5px; padding-left: 20px; margin: 30px 15px 30px -30px;}
.step_subtit{padding-left: 10px; font-size: 18px; font-weight: bold;}
.step_ex01 ul{ display: table; width:100%;}
.step_ex01 ul li{ display: table-cell;}
.step_ex_l{	width: 30%; text-align: center; vertical-align: middle;}
.step_ex_r{	width: 60%; font-size: 90%; padding-left: 10px;}
.step_size ul{ display: table; margin-bottom: 30px;padding-top: 10px;}
.step_size ul li{ display: table-cell; font-size: 13px;}
.step_size_tit{width:36%; background-color: #9c9c9c; color: #fff;text-align: center; vertical-align: middle;}
.step_size_tit02{ padding-left: 10px;}
.step_chuui{ font-size: 90%; padding-top: 10px; padding-left: 20px;}
.exp01{font-size: 90%;}
.exp01 li{list-style:circle;}
.accordionbox02{width: 90%; margin: 0px auto 20px;}
.accordionlist02 dt{display:block; background: #fff;}
.accordionlist02 dt:first-child{ border-top: none !important;}
.accordionlist02 dt .title{ padding-left: 5px; font-size:21px;}
.accordion-sub-tit02{font-size: 60%;padding-left: 3%;}
.accordion-sub-tit03{font-size: 80%;padding-left: 3%;}
.accordionlist02 dd{ display:none; background: #fff; font-size: 14px;}
.accordionlist02 dd p:first-child{margin-top: -20px;}
.accordionlist02 dd p:last-child{margin-bottom: 20px;}
.accordionlist02 dd p{ border-bottom: #d9d9d9 dotted 2px; height: 25px; padding-top: 15px;margin:-2px;  width: 85%;font-size: 14px;}
.accordionlist02 dd p a{display: block;margin-top: -15px; height: 25px; padding-top: 15px;}
.accordionlist02 dd p a:hover{text-decoration: none;background-color: #e5e5e5;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all  0.5s ease-out;}
.accordion_icon02,.accordion_icon02 span { display: inline-block; transition: all .4s; box-sizing: border-box;}
.accordion_icon02 { position: relative; width: 30px; height: 30px; float: right; margin-right: 20px;top:-65px;}
.accordion_icon02 span { position: absolute; left: 6px; width: 50%; height: 2px;  background-color: #999; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.accordion_icon02 span:nth-of-type(1) { top: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.accordion_icon02 span:nth-of-type(2) {
    top: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
/*＋、－切り替え*/
.accordion_icon02.active span:nth-of-type(1) { display:none;}
.accordion_icon02.active span:nth-of-type(2) { top: 5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.ex_table ul li{ display: inline-table;	line-height: 26px;}
.ex_table .ex_table_left{ width:100px; padding-left: 10px;}
.ex_table .ex_table_left02{ width:120px; padding-left: 10px;}
.ex_table .ex_table_mid{ width:20px; text-align:center;}
.ex_table .ex_table_right{ width:150px;	text-align:left; padding-left: 10px;}

.swt-table-wrap{display:-webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-wevkit-justify-content: space-around;justify-content: space-around;width: 100%;}
.swt-table02{width: 40%;}
.swt-table02 ul{border-bottom: #6B6B6B solid 1px;}
.swt-table02 ul li{display: table-cell; line-height: 30px;}
.swt-table02 .swt_table_left{ width:110px; padding-left: 10px;}
.swt-table02 .swt_table_mid{ width:20px; text-align:center;}
.swt-table02 .swt_table_right{ width:120px;	text-align:left; padding-left: 10px;}

/*---Concept-----------------------------------*/
.concept01{width: 55%; font-size: 100%;line-height: 31px;padding-left: 20px;margin-top:50px; margin-bottom: 200px;border:red 1px solid;}
/*-------------------------------------------------------
User guid
-------------------------------------------------------*/
.user_g{ margin-top:40px; width: 100%; border-top:#A8A8A8 dotted 2px;}
.user_g2{ margin-top:40px; border-top:#A8A8A8 dotted 2px;	border-bottom:#A8A8A8 dotted 2px; padding-bottom:40px;}
.user_g01{ font-size:16px; font-weight:bold;padding-left: 5px; padding-top:20px;}
.user_g001{	padding-top:20px;width: 95%;margin: 0 auto;line-height:30px; font-size:14px; font-weight:600;}
.user_g02{ font-size:14px; line-height:24px;margin: 0 auto; width:90%;}
.user_g002{ font-size:14px; line-height:24px;margin: 0 auto;margin-top: 20px; width:90%;}
.souryou01 table{border-collapse: collapse;width:99%;margin: 0px auto;text-align: center;font-size: 14px;}
.souryou01 td{border: solid #969696 1px;padding:10px;width:30px;font-weight: normal;}
.todouhuken{width:auto;border: solid #969696 1px; background-color: #BBBBBB;}
.souryou{width:25%;height: 60px;border: solid #969696 1px;background-color: #BBBBBB;}
.todu02{text-align: left;padding:10px;}
.user_g03{ padding-left:15px; line-height:28px; font-size:14px;}
.tokutei_tit{ width:300px;height:50px; text-align:center;padding-top:35px; background-color:#868686;color:white; font-size:24px; line-height:21px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.user_g02 table{ width:100%;border-collapse:collapse;}
.souryou_l{ width:60px;}
.user_g02 td{ padding-left:5px; border:#7D7D7D solid 1px;}
.user-link a{display: block;width: 50%;height: 100%;padding:4%;margin: 0 auto;margin-top: 30px; text-align: center;background-color: #999999;border: #999999 solid 1px; font-size: 90%;color: #fff;margin-bottom: 10px; -webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.user-link a:hover{display: block;border: #666666 solid 1px;;background-color: #fff;color: #999999;text-decoration: none;}
/*-------------------------------------------------------
tokutei
-------------------------------------------------------*/
.tokutei-tit{font-size:120%;color: #999;margin: 0 auto;text-align: center;height:40px;width:80%;padding-top: 10px;margin-top: 20px; margin-bottom: 30px;border: #aaa solid 1px;border-radius: 100px;}
.tokutei_table{ margin-top:50px; width:100%; font-size:13px;}
.tokutei_table table,.tokutei_table tr,.tokutei_table td{ margin: 0 auto; border:#575757 solid 1px; border-collapse: collapse;}
.t_t_left{padding-left:10px; background-color:#e7e7e7; width:34%; line-height:40px;}
.t_t_right{ padding-left:25px; width:63%; line-height:40px;}
.t_t_right02{ padding-left:25px; width:60%; line-height:20px;}
.tokutei-link a{text-decoration: underline;}
/*-------------------------------------------------------
Privacy
-------------------------------------------------------*/
.privacy_g{	margin-top:40px; padding:30px 30px 60px 15px; border-top:#A8A8A8 dotted 2px; border-bottom:#A8A8A8 dotted 2px;}
.privacy_g01{ font-size:16px; font-weight:bold; padding-top:20px; line-height:36px;}
.privacy_g001{ padding-top:20px; line-height:30px; font-size:14px; font-weight:600;}
.privacy_g02{ padding-left:25px; font-size:14px; line-height:28px;}

/*Media-queries__________________________-------*/
@media screen and (min-width: 821px) {
html {-webkit-text-size-adjust:100%}
#wrap{height: 140px;}
#logo{height: 50px;padding-top: 30px;}
#logo h2{text-align: left;}
header {display:table;font-size:0;z-index: 2; margin-top: 50px;width:100%;height: 110px;background-color: #fff; }

.main-visual-container{position: relative;margin:0 auto;width:100%;height: auto;max-width:800px;overflow: hidden;}
.cart_img img{display: none;}
.head_gnavi ul{font-size: 0;}
.head_gnavi li{display: inline-block;width:14%;height: 40px; border-left: #e5e5e5 solid 1px;border-right: #e5e5e5 solid 1px; padding-top: 0px;}
.head_gnavi li+li{border-left: #e5e5e5 solid 0px;}
.head_gnavi a{display: block; width:100%; height: 30px; margin-top: -10px;padding-top: 20px; background-color: #fff;font-size: 15px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all  0.5s ease-out;}
.head_gnavi a:hover{display: block; width: 100%;height: 30px; background-color: #aaa;color: #fff;text-decoration: none;}
.prodact{margin: 0 auto;margin-bottom: 50px;}
.sp{display: none;}
}
.item-bottom{margin: 0px auto;padding-top: 15px;margin-bottom:50px;height: auto;width:95%;font-size: 100%;border-top: #9C9C9C dotted 1px;border-bottom: #9C9C9C dotted 1px; line-height: 21px;}

/*smaller than 820----------------------------*/
@media screen and (max-width: 820px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
#wrap{height: 65px;}
h1{font-size: 10px;width:100%;text-align: left;margin-bottom: 20px; padding-left: 5%; background-color: #777;top:-20;color: #fff;height: 25px; padding-top: 10px;}
header {display:table;font-size:0;height: auto; margin-top: 50px; width:100%;}
.head_gnavi a{padding-left: 20px;}
#side{display: none;}
#content_wrap{position: relative;display: table; width:90%;margin: 0 auto;margin-top: 20px;margin-bottom: 10px;}
#right_wrap{padding:0;width: 100%;}
#logo{box-shadow: 1px 1px 5px #e5e5e5;z-index: 2; height: 50px;padding-top: 25px;}
#logo ul{margin:0px auto;width:80%;padding-right: 50px;}
#logo h1 img{width: 70px;}
#logo ul li.look_cart{display: none;}
#logo ul li.cart_img img{display: -webkit-flex;display: flex;width: 35px;margin-top: 3px; margin-right: 40px;}
#logo ul li.cart_img a:hover{text-decoration: none;}
.login a{display: block;border: #b3b3b3 solid 1px;font-size: 14px;width:130px; height: 30px; padding-top: 10px; text-align: center;}
.login a:hover{display: block;background-color: #999999; color: #fff; text-decoration: none;}
.head_gnavi ul li{font-size: 14px;}
.head_gnavi	.pc{display: none;}
.main-visual-container{width:100%;height: auto;max-width:790px;}
.item_tit{font-size: 18px;font-weight: 500;line-height: 18px;height: 45px; padding-top: 10px; text-align: center;color: #fff;background-color: #b8b8b8;}
.item_tit02{font-size: 12px;font-weight: normal;}
input#sbmit_btn{background-color:#6D747E;color:#ffffff;width:120px;height:40px;margin-top:5px;padding:5px;border-radius:0px;font-size:12px;font-weight:bold;border-style: none;}
.news_wrap{width:100%;margin:0 auto;padding-bottom: 40px;padding-top: 40px;}
.news{font-size:21px;color: #aaa;margin: 0 auto;text-align: center;height:40px;width:250px;padding-top: 10px; margin-bottom: 40px;border: #aaa solid 1px;border-radius: 30px;}
.news_content{width:80%;margin:0 auto;}
.news_content ul li.day{margin-left:20px;margin-top: 10px;margin-bottom: 5px;}
.news_content ul li.bottom{font-size: 14px; width:100%;border-bottom: #bbb dotted 1px;line-height: 21px;padding-left: 20px;margin-bottom: 5px;}
#sub-flex-wrap{display: -webkit-flex;display: flex;-webkit-flex-flow:column;flex-flow: column;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content:space-around;justify-content:space-around;margin: 0 auto; width:80vw;}
.sub-flex-item{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column; width: 75vw;font-size: 14px;line-height: 19px;margin-bottom: 40px;}
.sub-tit{font-weight: bold;}
.sub-tit02{font-size: 13px;margin-top: 10px;}
.sub-flex-item02{padding-top: 15px;}
.sub-flex-item ul.sub-flex-item02 li{list-style:disc;margin-bottom: 5px;font-size: 13px;}
.view-category{display: none;}
.step_head{display:block;	width:105%; font-size: 80%; height: 35px;padding-top: 15px;padding-left: 20px; margin-left: -30px; margin-top:30px; background-color:#4F4F4F;color: #fff;}
.flex_wrap03{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap; width: 100%;}
.item03{width:100%; margin: 0px;}
.item-to_cart textarea{ }
.tuika{margin-right: 10px;}
.item-bottom{margin: 0px auto;padding-top: 15px;margin-bottom:50px;height: auto;width:95%;font-size:95%;border-top: #9C9C9C dotted 1px;border-bottom: #9C9C9C dotted 1px; line-height: 21px;}

/*---accordion------------------------------*/
.accordionbox{width: 90%; margin: 0px auto 20px;}
.accordionlist dt{display:block; background: #fff; border-top: 1px solid #DFDFDF;}
.accordionlist dt:first-child{ border-top: none !important;}
.accordionlist dt .title{ padding-left: 5px; font-size:21px;}
.accordion-sub-tit{font-size: 60%;padding-left: 3%;}
.accordion-sub-tit02{font-size: 80%;padding-left: 3%;}
.accordionlist dd{ display:none; background: #fff; font-size: 14px;}
.accordionlist dd p:first-child{margin-top: -20px;}
.accordionlist dd p:last-child{margin-bottom: 20px;}
.accordionlist dd p{ border-bottom: #d9d9d9 dotted 2px; height: 25px; padding-top: 15px;margin:-2px;  width: 85%;font-size: 14px;}
.accordionlist dd p a{display: block;margin-top: -15px; height: 25px; padding-top: 15px;}
.accordionlist dd p a:hover{text-decoration: none;background-color: #e5e5e5;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all  0.5s ease-out;}
.accordion_icon,.accordion_icon span { display: inline-block; transition: all .4s; box-sizing: border-box;}
.accordion_icon { position: relative; width: 30px; height: 30px; float: right; margin-right: 20px;top:-50px;}
.accordion_icon span { position: absolute; left: 6px; width: 50%; height: 2px;  background-color: #999; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.accordion_icon span:nth-of-type(1) { top: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.accordion_icon span:nth-of-type(2) {
    top: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) { display:none;}
.accordion_icon.active span:nth-of-type(2) { top: 5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
}

/*smaller than 480-----------------------------*/
@media screen and (max-width: 480px) {
h1{display: none;}
#logo{margin-top: -10px;}
#logo .look_cart{display: none;}
#logo ul li.cart_img img{display: -webkit-flex;display: flex;width: 33px;margin-top: 5px; margin-right: 30px;}
.login a{display: block;border: #b3b3b3 solid 1px;font-size: 12px;width:110px;margin-top: 2px; height: 25px;padding-top:10px; text-align: center;}
.login a:hover{display: block;background-color: #999999; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.nodis{display: none;}
.main-visual-container{width: 100%; height: auto;max-width: 465px;}
.item-slider-container {width: 100%;max-width: 450px;margin: 0 auto;padding-bottom: 20px;}
#right_wrap{position: relative;top: -30px;}
.prodact{margin: 0 auto;margin-bottom: 30px;padding-left: 0px;}
.category-tit{margin:0 auto;text-align: center;padding-top:  10px;margin-bottom: 10px; font-size: 24px;color: #9a9a9a;}
.flex_wrap{display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap; width: 100%;}
.flex_wrap .item{width: 49%; height: auto;border: #fff solid 2px;overflow: hidden;}
.flex_wrap02{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: 
    wrap; width: 100%;gap:1px 5px;}
    /*--
.flex_wrap02{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;width: 100%;}
    --*/
    
.flex_wrap02 ul{border: none;width:49%;}
.item02 img{width: 100%;height: auto;}
.flex_wrap03{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap; width: 100%;}
.item03{width:100%; margin: 0px;}
.category-subtit-items{font-size:18px;color: #fff;background-color: #5C5B5B; margin: 0 auto;text-align: center;height:30px;width:70%;padding: 10px 10px 0px 10px; margin-bottom: 10px;max-width: 500px;}
.category-tit02-items{text-align: center;margin-bottom: 5px;font-size: 80%;font-weight: bold;}
.largeImage{widows: 80%;height: auto;}
/*--movie-list----------------------------------*/
.movie-flex{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap; width: 100%;}
.movie-flex ul{width: 100%;padding:5px;}
.movie-img{width: 100%;height: auto;}
.item_size02{margin-left: 10px; font-size: 12px;}
.thumbs{margin-left: 10px;}
.item_tit{font-size: 20px;font-weight: 500;line-height: 18px;height: 50px; padding-top: 15px; text-align: center;color: #fff;background-color: #b8b8b8;}
.item_tit02{font-size: 12px;font-weight: normal;}
.item04{margin: 10px; padding:10px;font-size: 90%;line-height: 21px; border-top: #999 solid 1px;border-bottom: #999 solid 1px;}
.cart-wrapper{padding:10px 10px 20px 20px;font-size: 0.9em; width: 90%;height: 70px;margin:0 auto;background: #fff;border-top: #ACACAC solid 1px; }
.item-price-wrapper{text-align: right;width:100%;margin: 0 auto;}
.link a{display: block;position: relative;top:-55px; width: 40%;height: 100%;padding:4%;margin-left: 45%; text-align: center;background-color: #999999;border: #999999 solid 1px; font-size: 70%;color: #fff; -webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.link a:hover{display: block;border: #666666 solid 1px;;background-color: #fff;color: #999999;text-decoration: none;}
.news_content{width:85%;margin:0 auto;}
.news_content ul li.day{margin-left:20px;margin-top: 15px;margin-bottom: 5px;}
.news_content ul li.bottom{font-size: 12px; width:100%;border-bottom: #bbb dotted 1px;line-height: 18px;padding-left: 20px;padding-bottom: 10px;}
/*--cart---*/
.item-price-tit{width:150px;padding:5px;font-size:90%;}
.item-price{font-weight: bold;padding-right: 30px; margin-bottom: 10px;}
.item01-souryou{font-weight: bold;padding: 5px;font-size: 85%;}
.item-to_cart{text-align: right;padding:10px 30px 20px 20px;font-size: 0.9em; width: 90%;margin:0 auto;background: #fff;border-top: #ACACAC solid 1px; }
.item-to_cart textarea{ }
.item-into-cart{width: 200px;text-align: center;height: 40px;color: #fff; background-color: #767676;border-radius: 3px;font-size: 100%;margin-right: 20px;}
/*--cart End---*/
.view-category ul{display:-webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;-wevkit-justify-content: space-between;justify-content: space-between;width: 100%;height: 55px;margin-bottom: 30px;margin-top: 10px;}
.view-category ul li{font-size: 90%;width:44vw;text-align: center;margin: 3px; line-height: 16px; border: #999999 solid 1px;}
.swt-table-wrap{display:-webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-wevkit-justify-content: space-around;justify-content: space-around;width: 100%;}
.swt-table02{width: 45%;}
.swt-table02 .swt_table_left{ width:100px;padding:0px;margin: 0px;}
.swt-table02 .swt_table_mid{ width:30px;padding:0px;margin: 0px;text-align: left;}
.swt-table02 .swt_table_right{ width:90px;padding:0px;margin: 0px;}
.step_wrap{	margin-bottom: 50px;width:100%; padding-bottom: 30px; border-bottom: #6A6A6A dotted 1px;}
.step_head{	width:90%; height: 35px; font-size: 80%; font-weight: bold; padding-top: 13px; padding-left: 30px; margin-top:30px; background-color:#4F4F4F;color: #fff; margin: 0 auto;}
.step_tit{ width:100%; background-color:#9C9C9C; color: #fff; height: 25px; padding-top: 10px; padding-left: 20px; margin: 10px 15px 15px -30px;}
.step_subtit{margin-left: -30px; margin-bottom: 10px; font-size: 100%; font-weight: bold;}
.step_ex01 ul{ display: table; width:100%;margin-left: -20px;font-size:14px; line-height: 18px;}
.step_ex01 ul li{ display: table-cell;}
.step_ex_l{	width: 30%; text-align: center; vertical-align: middle;}
.step_ex_r{	width: 70%; font-size: 90%; padding-left: 10px;}
.step_size ul{ display: table; padding-left: 5px; margin:20px 0px 20px -25px;}
.step_size ul li{ display: table-cell; font-size: 12px;}
.step_size_tit{width:30%;background-color: #9c9c9c; color: #fff;padding:0px 5px;text-align: center; vertical-align: middle; font-weight: bold;}
.step_size_tit02{ padding-left: 10px;}
.step_chuui{ font-size: 90%; padding-top: 10px; margin-left: -50px;}
.exp01{font-size: 80%;}
.item-bottom{margin: 0px auto;padding-top: 15px;margin-bottom:50px;height: auto;width:95%;font-size: 100%;border-top: #9C9C9C dotted 1px;border-bottom: #9C9C9C dotted 1px; line-height: 21px;}
.item-botttom02{width: 90%;margin: 0 auto;}
/*---accordion 02------------------------------*/
.accordionbox02{width: 100%; margin: 0px auto;}
.accordionlist02 dt{display:block; background: #fff;}
.accordionlist02 dt:first-child{ border-top: none !important;}
.accordionlist02 dt .title{ padding-left: 5px; font-size:21px;}
.accordion-sub-tit02{font-size: 60%;padding-left: 3%;}
.accordion-sub-tit03{font-size: 80%;padding-left: 3%;}
.accordionlist02 dd{ display:none; background: #fff; font-size: 14px;}
.accordionlist02 dd p:first-child{margin-top: -20px;}
.accordionlist02 dd p:last-child{margin-bottom: 20px;}
.accordionlist02 dd p{ border-bottom: #d9d9d9 dotted 2px; height: 25px; padding-top: 15px;margin:-2px;  width: 85%;font-size: 14px;}
.accordionlist02 dd p a{display: block;margin-top: -15px; height: 25px; padding-top: 15px;}
.accordionlist02 dd p a:hover{text-decoration: none;background-color: #e5e5e5;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all  0.5s ease-out;}
.accordion_icon02,.accordion_icon02 span { display: inline-block; transition: all .4s; box-sizing: border-box;}
.accordion_icon02 { position: relative; width: 30px; height: 30px; float: right; margin-right: 20px;top:-65px;}
.accordion_icon02 span { position: absolute; left: 6px; width: 50%; height: 2px;  background-color: #999; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.accordion_icon02 span:nth-of-type(1) { top: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.accordion_icon02 span:nth-of-type(2) {
    top: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
/*＋、－切り替え*/
.accordion_icon02.active span:nth-of-type(1) { display:none;}
.accordion_icon02.active span:nth-of-type(2) { top: 5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
/*---accordion------------------------------*/
.accordionbox{width: 90%; margin: 0px auto 20px;}
.accordionlist dt{display:block;padding-left: 5px; background: #fff; border-top: 1px solid #DFDFDF;}
.accordionlist dt:first-child{ border-top: none !important;}
.accordionlist dt .title{font-size:18px;}
.accordion-sub-tit{font-size: 10px;padding-left: 5%;}
.accordion-sub-tit02{font-size: 100%;padding-left: 3%;}
.accordionlist dd{ display:none; background: #fff;width: 80%; font-size: 12px;}
.accordionlist dd p:first-child{margin-top: -20px;}
.accordionlist dd p:last-child{margin-bottom: 20px;}
.accordionlist dd p{ border-bottom: #d9d9d9 dotted 2px; height: 25px; padding-top: 15px;margin:-2px;  width: 100%;font-size: 12px;}
.accordionlist dd p a{display: block;margin-top: -15px; height: 25px; padding-top: 15px;}
.accordionlist dd p a:hover{text-decoration: none;background-color: #e5e5e5;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all  0.5s ease-out;}
.accordion_icon,.accordion_icon span { display: inline-block; transition: all .4s; box-sizing: border-box;}
.accordion_icon { position: relative; width: 30px; height: 30px; float: right; margin-right: 20px;top:-57px;}
.accordion_icon span { position: absolute; left: 6px; width: 50%; height: 2px;  background-color: #999; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.accordion_icon span:nth-of-type(1) { top: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.accordion_icon span:nth-of-type(2) {top: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) { display:none;}
.accordion_icon.active span:nth-of-type(2) { top: 5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.sub-flex-item{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column; width: 82vw;font-size: 14px;line-height: 19px;}
.sub-tit02{font-size: 12px;margin-top: 5px;}
.sub-flex-item02{padding-top: 5px;}
.sub-flex-item ul.sub-flex-item02 li{list-style:disc;margin-bottom: 5px;font-size: 12px;}
#footer-nav .pc02{display: none;}
#footer-nav ul li a{text-decoration: none; color: #fff;font-size: 70%;font-weight: normal;}
#footer-nav ul li a:hover{text-decoration: underline;}
#footer-logo ul{display: table;width: 58%;border-collapse: collapse; text-align: center; font-size: 80%;margin: 0 auto;margin-top: 30px;}
#footer-logo li{display: table-cell; vertical-align: middle;}
#footer-logo .footer-logo02{width:70px;}
#footer-logo .footer-logo02 img{text-align: left;width:70px;}
#copyright{width: 90%;color: #fff;margin: 0 auto;text-align: center;font-size:11px;padding-top:30px;padding-bottom: 20px;}
/*---Concept-----------------------------------*/
.concept01{width: 90%; font-size: 14px;line-height: 24px;margin-bottom: 150px;}
/*-------------------------------------------------------
User guid
-------------------------------------------------------*/
.user_g{ margin-top:30px; width: 100%; border-top:#A8A8A8 dotted 2px;}
.user_g2{ margin-top:40px; border-top:#A8A8A8 dotted 2px; border-bottom:#A8A8A8 dotted 2px; padding-bottom:40px;}
.user_g01{ font-size:14px; font-weight:bold;padding-left: 5px; padding-top:10px;}
.user_g001{	padding-top:10px;width: 95%;margin: 0 auto;line-height:30px; font-size:13px; font-weight:600;}
.user_g02{ font-size:13px; line-height:21px;margin: 0 auto;margin-top: 10px;width:90%;}
.user_g03{ padding-left:15px; line-height:28px; font-size:14px;}
.tokutei_tit{ width:300px;height:50px; text-align:center;padding-top:35px; background-color:#868686;color:white; font-size:24px; line-height:21px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.user-link a{display: block;width: 50%;height: 100%;padding:4%;margin: 0 auto;margin-top: 30px; text-align: center;background-color: #999999;border: #999999 solid 1px; font-size: 90%;color: #fff;margin-bottom: 10px; -webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.user-link a:hover{display: block;border: #666666 solid 1px;;background-color: #fff;color: #999999;text-decoration: none;}
/*-------------------------------------------------------
tokutei
-------------------------------------------------------*/
.tokutei-tit{font-size:100%;color: #999;margin: 0 auto;text-align: center;height:35px;width:80%;padding-top: 15px;margin-top: 20px; margin-bottom: 30px;border: #aaa solid 1px;border-radius: 100px;}
.tokutei_table{ margin-top:30px; width:98%; font-size:11px;}
.tokutei_table table,.tokutei_table tr,.tokutei_table td{ margin: 0 auto; border:#575757 solid 1px; border-collapse: collapse;}
.t_t_left{padding-left:10px; background-color:#e7e7e7; width:34%; line-height:18px;}
.t_t_right{ padding-left:10px; width:60%; line-height:21px;}
.t_t_right02{ padding-left:10px; width:60%; line-height:18px;}
}
/*-------------------------------------------------------
Privacy
-------------------------------------------------------*/
.privacy_g{	margin-top:40px; padding:30px 30px 60px 10px; border-top:#A8A8A8 dotted 2px; border-bottom:#A8A8A8 dotted 2px;}
.privacy_g01{ font-size:14px; font-weight:bold; padding-top:20px; line-height:30px;}
.privacy_g001{ padding-top:20px; line-height:21px; font-size:12px; font-weight:600;}
.privacy_g02{ padding-left:15px; font-size:12px; line-height:21px;}

/*smaller than 414-----------------------------*/
@media screen and (max-width : 414px ){
.nodis{display: none;}
#logo ul li.cart_img img{display: -webkit-flex;display: flex;width: 33px;margin-top: 2px; margin-right: 20px;}
.main-visual-container{width: 99%; height: auto;max-width: 399px;}
.item-slider-container {width: 100%;max-width: 390px;margin: 0 auto;padding-bottom: 15px;}
.flex_wrap{display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 99%;padding-left: 1px;}
.flex_wrap .item{height: 260px;border: #fff solid 2px;}
.item_tit{font-size: 16px;font-weight: 600;line-height: 18px;height: 50px; padding-top: 15px; text-align: center;color: #fff;background-color: #b8b8b8;}
.item_tit02{font-size: 12px;font-weight: normal;}
.item-bottom{margin: 0px auto;padding-top: 15px;margin-bottom:50px;height: auto;width:95%;font-size: 100%;border-top: #9C9C9C dotted 1px;border-bottom: #9C9C9C dotted 1px; line-height: 21px;}
.link a{display: block;position: relative;top:-50px; width: 40%;height: 100%;padding:4%;margin-left: 45%; text-align: center;background-color: #999999;border: #999999 solid 1px; font-size: 70%;color: #fff; -webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.category-tit-items{font-size:21px;color: #999;margin: 0 auto;text-align: center;height:40px;width:80%;padding-top: 10px;margin-top: 20px; margin-bottom: 30px;border: #aaa solid 1px;border-radius: 100px;}
.news{font-size:21px;color: #aaa;margin: 0 auto;text-align: center;height:40px;width:250px;padding-top: 10px; margin-bottom: 30px;border: #aaa solid 1px;border-radius: 30px;}
.news_content{width:80%;margin:0 auto;}
.news_content ul li.day{font-size: 12px;margin-left:5px;margin-top: 10px;margin-bottom: 5px;}
.news_content ul li.bottom{font-size: 12px; width:100%;border-bottom: #bbb dotted 1px;line-height:18px;padding-left: 5px;padding-bottom: 5px;}
.view-category ul{display:-webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;-wevkit-justify-content: space-between;justify-content: space-between;width: 99%;height: 55px;margin-bottom: 30px;margin-top: 10px;}
.view-category ul li{font-size: 90%;width:43vw;text-align: center;margin: 3px; line-height: 16px; border: #999999 solid 1px;}
.swt-table-wrap{display:-webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-wevkit-justify-content: space-around;justify-content: space-around;width: 99%;}
.swt-table02{width: 45%; font-size: 11px;}
.swt-table02 .swt_table_left{ width:10px;padding:0px;margin: 0px;}
.swt-table02 .swt_table_mid{ width:30px;padding:0px;margin: 0px;text-align: left;}
.swt-table02 .swt_table_right{ width:70px;padding:0px;margin: 0px;}
.step_head{	width:95%; height: 35px; font-size: 70%; font-weight: bold; padding-top: 13px; padding-left: 20px; margin-top:30px; background-color:#4F4F4F;color: #fff; margin: 0 auto;}
/*---accordion------------------------------*/
.accordionbox{width: 95%; margin: 0px auto 3px;}
.accordionlist dt{display:block; background: #fff;border-top: 1px solid #DFDFDF;}
.accordionlist dt:first-child{ border-top: none !important;}
.accordionlist dt .title{ padding-left: 5px; font-size:18px;}
.accordion-sub-tit{font-size: 50%;padding-left: 3%;}
.accordionlist dd{ display:none; background: #fff; font-size: 12px;}
.accordionlist dd p:first-child{margin-top: -20px;}
.accordionlist dd p:last-child{margin-bottom: 20px;}
.accordionlist dd p{ border-bottom: #d9d9d9 dotted 2px; height: 20px; padding-top: 10px;margin:-2px;  width: 100%;font-size: 12px;}
.accordionlist dd p a{display: block;padding-left: 15px;margin-top: -10px; height: 20px; padding-top: 10px;}
.accordionlist dd p a:hover{text-decoration: none;background-color: #e5e5e5;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all  0.5s ease-out;}
.accordion_icon,.accordion_icon span { display: inline-block; transition: all .4s; box-sizing: border-box;}
.accordion_icon { position: relative; width: 30px; height: 30px; float: right; margin-right: 20px;top:-57px;}
.accordion_icon span { position: absolute; left: 6px; width: 50%; height: 2px;  background-color: #999; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.accordion_icon span:nth-of-type(1) { top: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.accordion_icon span:nth-of-type(2) {
    top: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) { display:none;}
.accordion_icon.active span:nth-of-type(2) { top: 5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.item_size_wrap{display: inline-block;margin-top: 5px;}
.item_size{background-color: #999;color: #fff;font-size: 13px; padding:2px 5px 0px 5px;}
.item_size02{margin-left: 5px; font-size: 10px;}
.item_list_tit{font-size: 80%;line-height: 18px;height: 45px;margin: 5px 5px 10px 5px;text-align: left; border-bottom: #999 solid 1px;}
.item-botttom02{width: 95%;}
.item-botttom02 strong{width: 100%; font-size: 95%;}
#footer-nav ul{display: table;table-layout: auto;}
#footer-nav li{display: table-cell;vertical-align: middle;border-left: #fff solid 1px;border-right: #fff solid 1px;}
#footer-nav li+li{border-left: #fff solid 0px;}
#footer-logo ul{display: table;width: 63%;border-collapse: collapse; text-align: center; font-size: 70%;margin-top: 30px;margin-left: 60px;}
#footer-logo li{display: table-cell; vertical-align: middle;}
#footer-logo .footer-logo02{width:70px;}
#footer-logo .footer-logo02 img{text-align: left;width:70px;}
#copyright{width: 90%;color: #fff;margin: 0 auto;text-align: center;font-size:10px;padding-top:30px;padding-bottom: 20px;}
/*---Concept-----------------------------------*/
.concept01{width: 90%; font-size: 13px;line-height: 21px;}
/*- -tokutei-----------------------------------*/
.tokutei-tit{font-size:80%;color: #999;margin: 0 auto;text-align: center;height:35px;width:80%;padding-top: 15px;margin-top: 20px; margin-bottom: 30px;border: #aaa solid 1px;border-radius: 100px;}
.tokutei_table{ margin-top:30px; width:98%; font-size:11px;}
.tokutei_table table,.tokutei_table tr,.tokutei_table td{ margin: 0 auto; border:#575757 solid 1px; border-collapse: collapse;}
.t_t_left{padding-left:10px; background-color:#e7e7e7; width:34%; line-height:18px;}
.t_t_right{ padding-left:10px; width:60%; line-height:21px;}
.t_t_right02{ padding-left:10px; width:60%; line-height:18px;}
}

/*smaller than 380-----------------------------*/
@media screen and (max-width : 377px ){
.login a{display: block;border: #b3b3b3 solid 1px;font-size: 12px;width:100px;margin-top: 2px; height: 25px; text-align: center;margin-right: 10px;}
.login a:hover{display: block;background-color: #999999; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
#logo{box-shadow: 1px 1px 5px #e5e5e5;height: 50px;padding-top: 20px;}
#logo ul li.cart_img img{display: -webkit-flex;display: flex;width: 33px;margin-top: 5px; margin-right: 15px;}
.category-tit{width: 90%; margin:0 auto;text-align: center;margin-bottom: 10px; padding-top:  10px;font-size: 24px;color: #9a9a9a;}
.main-visual-container{width: 100%; height: auto;max-width: 360px;}
.item-slider-container {width: 100%;max-width: 360px;margin: 0 auto;padding-bottom: 15px;}
.flex_wrap{display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 99%;padding-left: 1px;}
.flex_wrap{display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;}
.flex_wrap .item{width: 49.5%; height: 244px; border: #fff solid 1px;margin-left: -1px;}

.flex_wrap02 ul{border: none;width:50%;max-width: 140px;}
    
.item_tit{font-size: 16px;font-weight: 600;line-height: 18px;height: 50px; padding-top: 15px; text-align: center;color: #fff;background-color: #b8b8b8;}
.item_tit02{font-size: 12px;font-weight: normal;}
.movie-flex ul{width: 29%;min-width: 150px;padding:8px;}
.movie-img{width: 100%;height: auto;}
    
#sub-content-wrap{width: 100%;background-color: #e5e5e5;margin-bottom: 50px;padding:40px 0px 20px 0px;}
#sub-flex-wrap{display: -webkit-flex;display: flex;-webkit-flex-flow:row;flex-flow: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content:space-around;justify-content:space-around;margin: 0 auto; width:85%;}

.sub-tit{font-weight: bold;}
.sub-tit02{font-size: 13px;margin-top: 10px;}
.sub-flex-item02{padding-top: 15px;}
.sub-flex-item ul.sub-flex-item02 li{list-style:disc;margin-bottom: 10px;font-size: 13px;}
.paypal-icon{text-align: left;width: auto;}

#footer-logo ul{display: table;width: 65%;border-collapse: collapse; text-align: left; font-size: 70%;margin-top: 30px;margin-left: 40px;}
#footer-logo li{display: table-cell; vertical-align: middle;}
#footer-logo .footer-logo02{width:70px;}
#footer-logo .footer-logo02 img{text-align: left;width:70px;}
}