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

body { min-width:375px; font-size:100%;}
#header {}
#content{ width:100%;}
#footer { width:100%;}

#wrapper { border-top:none; position:relative;}
#base { width:auto; margin:0 !important;}

.pc { display:none!important;}
.sm { display:block!important;}

*.note { font-size: 87.5%!important; }

/*====================================================================================================
  HEADER
====================================================================================================*/

#header {}
#header h1 { margin-left: 5%; }
#header h1, #header h1 a { width: 134px; height: 24px; background-position: center left; }

#header ul.sns { display:none; }
#header .close_btn{ display:none;}
#header .head { padding:25px 0; }

#nav-overlay { top:35px; right:40px; }

.nav-toggle { top:27px; right:5%; width:51px; height:25px; background-position:center  bottom!important;}
.nav-toggle.active { visibility:visible; width: 26px; height: 26px;}

#global h1 { top:23px;}
#global.open ul.sns.pc { display:none!important; }
#global.open ul.sns { display:flex!important; position:relative; top:0; right:0; left:0; margin:auto; }
#global.open ul.sns li { border:none; }
#global.open ul.sns li a::after { display:none; }

#g-nav { top:0; width:100%;}
#g-nav #g-nav-list {
    padding: 15px;
}
#g-nav.panelactive {
    right: 0;
    width: 100%;
}
#g-nav.panelactive #g-nav-list {
    padding: 15px;
}
#g-nav .inner { max-width:910px;}
#g-nav .inner ul {
    width: 100%;
}
#g-nav .inner ul:nth-child(1) { margin:0;}
#g-nav .inner ul:nth-child(2) { margin-bottom:55px;}
#g-nav .inner ul:nth-child(2) li:first-child { border-top:none; }
#g-nav .inner ul li a { padding:7% 0 7% 7%; letter-spacing: 0.2em; }

#g-nav .inner dl { padding-bottom:5%; }
#g-nav .inner dl dt { padding-left:0; text-align:center; }
#g-nav .inner dl dt::before { width:25%; }
#g-nav .inner dl dt::after { width:33%; }
#g-nav .inner dl dd { float:none;}
#g-nav .inner dl dd a { padding: 5% 15% 5%!important; }

#g-nav .inner .privacy_btn { text-align:center; padding:7%; margin:auto; }
#g-nav .inner .menu-illust {
    padding: 20px;
    text-align: center;
}
#g-nav .inner .smt-sns {
	width: 30%;
	display: flex!important;
  justify-content: space-around;
  margin-bottom: 30px
}
#g-nav .inner .smt-sns li {
	width: 33px;
	border: none!important;
}
#g-nav .inner ul.smt-sns li a::after {
	display: none;
}
/*====================================================================================================
  CONTENT
====================================================================================================*/

#content { margin-top:0; }

/* NEWS RIBBON */
#news-ribbon { top:340px; }
#news-ribbon .box { height:135px; }
#news-ribbon .cont { width:300px; }
#news-ribbon .cont .photo { width:106px; margin-right:20px; }
#news-ribbon .cont .tit { margin:10px 0; }
#news-ribbon .cont .tit small { font-size:87.5%; }
#news-ribbon .cont .tit b a { font-size:112.5%; }

/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { padding: 50px 0 155px; background-position: left 19% bottom; background-size: 1000px;}
#footer .f_box .box-l { float: none; padding: 0 5%; }
#footer .f_box .box-l h3.logo { margin: 0 0 25px; width: 50%; }
#footer .f_box .box-l .add { font-size: 87.5%; }
	#footer .f_box .box-l .add a[href^="tel:"] { pointer-events: auto;}

#footer .sns_btn-sm { position: absolute; top: 0; right: 5%; clear: both; overflow: hidden; }
#footer .sns_btn-sm div { float: left; margin-left: 17px; }
#footer::after { right:10%; margin-right: -290px;}

/*====================================================================================================
  PAGE TOP
====================================================================================================*/
a#page_link { bottom: 70px; }


/*====================================================================================================
  TOP PAGE
====================================================================================================*/
/* MAINIMG */
#toppage .mainimg { margin:0 auto; }
#toppage .mainimg video { 
    height: auto;
}
#toppage .fv_area {
	background-image: none;
	background-color: #F6EDDF;
}

#toppage h3 b { font-size: 187.5%;}
	
#toppage .insta h3::before { top:6px; left:-190px;}
#toppage .insta h3 b { padding-left:62px;}

/* CATCH */
#toppage .catch.sm { height: 250px; }
#toppage .catch::before { width:auto; transform:scale(9); }
#toppage .catch .text { width:90%; top:0; height: auto; margin-top: 30px; }
#toppage .catch .text h2 { font-size:127%; text-shadow: none; }
#toppage .catch .text .mid { font-size: 100%; }
#toppage .catch .text .come-c { font-size:87.5%; text-align: justify; background: none;}

/* ABOUT */
#toppage .about { padding:50px 0 18px; }
#toppage .about::before { width:auto; transform:scale(9); }
#toppage .about::after { width:auto; transform:scale(9); top:-370px; }
#toppage .about .about_list {
    padding: 40px auto 0;
}
#toppage .about .about_list .box { float:none; width:90%; margin:0 auto; padding:20px 0; }
#toppage .about .about_list .box:nth-child(3n+2) { margin:0 auto; }
#toppage .about .about_list .box+.box { /*border-top:1px solid #DDD;*/ margin-top: 20px; }
#toppage .about .about_list .box .photo { float:left; width:130px; margin:0 15px 15px 0; }
#toppage .about .about_list .box .photo img { object-fit:cover; object-position:center; height:130px!important; }
#toppage .about .about_list .box .mid { margin:26px 0; line-height:160%; text-align: left; }
#toppage .about .about_list .box .mid b {
    font-size: 100%;
    font-weight: 400;
}
#toppage .about .about_list .box .mid small {
    margin-top: 10px;
    line-height: 130%;
    display: block;
    font-size: 55%;
    font-weight: 400;
    color: #9FA0A0;
}
#toppage .about .about_list .box .come { clear:both; font-size: 87.5%;}
#toppage .b_more a {
    font-weight: 300;
    color: #333333;
}

/* NEW RELEASE */
#toppage .news { padding: 80px 5% 0; }
#toppage .news h3 { margin-bottom:40px;}
#toppage .news .news_list ul { margin: auto!important; width: 100%; }
#toppage .news .news_list ul::before { visibility:hidden;}
#toppage .news .news_list ul:nth-child(1)::before { visibility:visible;}
#toppage .news .news_list ul li.tit { margin-bottom: 5px; line-height: 200%; }
#toppage .news .news_list ul li.come { display: none!important; }
#toppage .news .b_more { float:none; }
#toppage .news .news_list ul li.tit a { font-size: 100%; }

/* INSTAGRAM */
#toppage .insta { padding: 295px 5% 42px; }
#toppage .insta::before { transform: scale(9); width: auto; height: 100vh; top: 205px; }
#toppage .insta h3 { margin-bottom: 40px; }
#toppage .insta h3::after { width: 240px; height: 181px; top: -220px; }
#toppage .insta ul li { width: 33.3%; }
#toppage .insta ul li:nth-child(4),
#toppage .insta ul li:nth-child(5) { display: none; }

.my-insta-box .sbi_photo {
    height: 120px!important;
}
#sb_instagram.sbi_tab_col_1 #sbi_images .sbi_item {
	width: 120px!important;
}

#sb_instagram .sbi_type_carousel .sbi_playbtn, #sb_instagram .sbi_type_video .sbi_playbtn {
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    padding: 0;
    font-size: 30px;
}

/* BANNER */
#toppage .banner { padding: 30px 5%; }
#toppage .banner h3::after { width:100%; }
#toppage .banner ul { padding:0; }
#toppage .banner ul li {
    width: 100px;
}
#toppage .banner ul li b {
    font-size: 60%;
}

/* ACCESS */
#toppage .access {}
#toppage .access iframe { height: 300px; }



/*====================================================================================================
  SUB PAGE
====================================================================================================*/
/* PAGE TITLE/CATCH */
#page_title { width:100%; margin:0 auto 30px; font-size:100%; }
#page_title b { font-size: 187.5%; }
#page_title small { margin-top:18px; }
#page_title span { line-height:150%; margin:30px 0 15px; font-size: 125%; }
#page_title p { font-size:87.5%; }


/* ANCHOR */
#anchor { margin:45px 0 0; padding: 0; background: none; }
#anchor ul { width:90%; display:block; }
#anchor ul li { width:100%; margin:10px 0!important; border: none; }
#anchor ul li a { font-size: 100%; padding:15px; background: #F4F1EA url(../image/b_arrow-blk.png) no-repeat 95%; }

/* PAGINATION */
#pager span { width: 35px; padding: 3px 0; font-size: 112.5%; }

/* PAGE BUTTON */
#page_btn { margin-top: 40px; clear: both; }
#page_btn .sns_btn { margin-bottom: 50px; width:100%; }
#page_btn .sns_btn ul { width:140px; margin:25px auto; display:flex; justify-content:space-between; }
#page_btn .sns_btn ul li { float:none; margin:0; }
#page_btn .sns_btn .url-copy { clear:both; position:initial; }
#page_btn .sns_btn .url-copy .url { width:73%; }
#page_btn .sns_btn .url-copy #btn { float:right; width:25%; }
#page_btn .sns_btn .url-copy p { top:auto; transform:none; right:0; bottom:-30px }
#page_btn .link-news { top:20px; }


/* ACCESS BOX */
#access_box { padding:100px 5% 5%; display:block; justify-content:initial; }
#access_box .box2 { 
	width: 100%!important;
	margin: 0 0 25px!important;
	float: none; 
	padding: 8% 7%;
}
#access_box .box2 h3 { 
	font-size: 115%; 
	line-height: 140%; 
	padding-bottom: 5px;
	margin: 0 0 18px;
}
#access_box .box2 .come { font-size: 87.5%; font-feature-settings: "palt";}
#access_box .box2 .come b { line-height: 160%; }
#access_box .box2 .come1 b {
		font-size: 100%;
    margin-bottom: 5px;
    padding-top: 40px;
    font-weight: 400;
    letter-spacing: 0.1em;
}
#access_box .box2 .come1 small { font-size: 77.4%; }
#access_box .box_con {
	background-position: right 15%;
	background-size: 153px 102px;
}
#access_box .search_cat { width: 100%; padding: 0;	margin-top: 11px; }
#access_box .search_cat label input[type=text] { width: 88%; text-align: center; }
#access_box .search_cat label button { width: 100%; position: relative;	font-size: 100%; border-radius: 7px; }
#access_box .search_cat .sdm-download-button a { font-size:155.5%; border-radius: 0 0 7px 7px; top: 0; }

#access_box .box2 .b_more a { color: #333333; font-size: 85%; font-weight: 400; }

.pan { margin: auto; padding: 5px 20px 20px; }
.pan dl dt { float: left; border-bottom: none; padding: 10px 5px 10px 74px; }
.pan dl dd { float: left; border-bottom: none; padding: 10px 30px; font-size: 87.5%;  }
.pan dl dd:last-child { border-bottom: none; }
.pan dl dd::before { left: 8px; }
.pan a { font-size: 87.5%; }


#subpage { 
	margin:0 auto !important;
	width:100%;
    box-sizing:border-box;
}

/* MIDASHI */
#subpage h3 { margin:0 2% 20px; font-size: 187.4%;}
#subpage h3.mid { font-size:120%; }
#subpage h3.mid::after {
    bottom: 0;
    width: 100%;
    background: #333333;
}
#subpage h4.mid { margin:0 2% 20px; font-size: 110%;}
#subpage h4 { margin:0 2% 20px; font-size: 100%;}

/* CATCH COPY */
#subpage .catch { margin:0 2% 20px; font-size: 120%;}

/* COMMON */
#subpage .comment1 { margin:0 2% 20px;}
#subpage .comment2 { margin:0 2% 20px; padding:5%;}
#subpage .comment3 { margin:0 2% 20px; padding:5%;}

/* HYOU */
#subpage table.hyou { margin:0 2%; width:96%; table-layout:auto;}
#subpage table.hyou th,
#subpage table.hyou td{
	table-layout:auto !important;
	display:block !important;
	padding:5% !important;
	width:90% !important;
	height:auto !important;
}
#subpage table.pc_tit { display:none;}
#subpage table.hyou .sm_mid { display:block;}

/* 2RETU */
#subpage table.hyou2 td table {}
#subpage table.hyou2 td table th,
#subpage table.hyou2 td table td {
	display:table-cell !important;
	padding:5% !important;
	width:auto !important;
	height:auto !important;
}

/* 3RETU */
#subpage table.hyou3 { border-top:1px solid #DDD;}
#subpage table.hyou3+table.hyou3 { border-top:1px solid #DDD;}

/* 4RETU */
#subpage table.hyou4 {border-top:1px solid #DDD;}
#subpage table.hyou4+table.hyou4 { border-top:1px solid #DDD;}

/* 5RETU */
#subpage table.hyou5 { border-top:1px solid #DDD;}
#subpage table.hyou5+table.hyou5 { border-top:1px solid #DDD;}

/* FREE */
#subpage .pc_table { display:none;}
#subpage .sm_table { display:block;}
#subpage .sm_table table td { padding:5% !important;}
	
/* FREE2 */
#subpage table.free { margin:20px 2% 0; border-top:1px solid #DDD !important; border-bottom:1px solid #DDD !important;}
#subpage table.free td {
	table-layout:auto !important;
	display:block !important;
	padding:5% !important;
	width:90% !important;
	height:auto !important;
	border-bottom:none;
}
#subpage table.free td:last-child {border-bottom:none;}
#subpage table.free td div.sm {display:block !important; text-align:center; border-bottom:none !important /*1px solid #1F266C*/;}
#subpage table.free tr:nth-child(1) td:nth-child(1),
#subpage table.free tr:nth-child(1) td:nth-child(3) {border-bottom:1px dotted #DDD !important;}

/* FIX */
#subpage .fix_table {font-size:1vw;}
#subpage .fix_table table { padding: 0;}
#subpage .fix_table table th,
#subpage .fix_table table td { padding:2%;}

/* LIST */
#subpage ul.list-ul { margin:20px 2%;}

/* LINK */
#subpage .link2,
#subpage .link3,
#subpage .link4 {width:auto;}
#subpage .file2,
#subpage .file3,
#subpage .file4 {width:auto;}

/* EMBEDDED */
#subpage .embedded { margin:0 2% 20px;}
#subpage .embedded iframe { width: 100%; height: 300px;}

/* PHOTO BOX */
#subpage ul.photo_box { clear:none !important; float:none !important; margin:2%; width:96% !important; text-align:center;}
#subpage ul.g1 li,
#subpage ul.g2 li,
#subpage ul.g3 li,
#subpage ul.g4 li,
#subpage ul.g5 li{ margin:15px 0; width:100%; text-align:center;}
#subpage ul.g1 li.photo img,
#subpage ul.g2 li.photo img,
#subpage ul.g3 li.photo img,
#subpage ul.g4 li.photo img,
#subpage ul.g5 li.photo img { max-width:240px !important; height:auto !important;}

/* YOUTUBE */
#subpage .youtube {position: relative; width: 100%;}
#subpage .youtube iframe { width: 100% !important;  height: 100% !important;}

/* BOX */
#subpage .temple-box { margin:0 2%; width:96%;}
#subpage .temple-box:after { display:none;}
#subpage .box1,
#subpage .box2 { float:none;margin: 0 2% 20px; width:96%;}
#subpage .box1:after,
#subpage .box2:after { display:none;}
#subpage .box1 .catch { margin:0 0 20px !important;}
#subpage .box1 h4,
#subpage .box2 h4 { margin:10px 0; font-size:100%;}
#subpage .photo-c { float:none; padding:0; width:100%;}
#subpage .photo-c img { max-width:240px !important; height:auto !important; padding:0 0 20px;}
#subpage .photo-l,
#subpage .photo-r { float:none; padding:0; width:100%; text-align:center;}
#subpage .photo-l img,
#subpage .photo-r img { max-width:240px !important; height:auto !important; padding:0 0 20px;}

/* LINE */
#subpage .line {
	margin:0 2% 20px;
	height:50px;
	background-size:100% auto;
}

/* BUTTON */
#subpage .btn { float:none; margin:1% 2%;}
#subpage .b1,
#subpage .b2,
#subpage .b3 { width:auto;}

/* COLUMNBOX */
#subpage .column {}
#subpage .column:after { display:none;}
#subpage .column .col2 { float:none; margin: 2%; width: 96%;}
#subpage .column .col3 { float:none; margin: 2%; width: 96%;}
#subpage .column .col4 { float:none; margin: 2%; width: 96%;}
#subpage .column .col5 { float:none; margin: 2%; width: 96%;}

/* FLOW */
#subpage ul.flow_box {}
#subpage ul.flow_box:after { display:none;}
#subpage ul.flow_box li { float:none; width:96% !important;}
#subpage ul.flow_box li a:hover {}
#subpage .flow1+.flow1 { margin-top:30px;}
#subpage .flow1+.flow1:before { top:-30px;}
#subpage ul.flow_box li+li { margin-top:30px;}
#subpage ul.flow_box li+li:before {
	position:absolute;
	top:-30px;
	left:0;
	display:block;
	clear:both;
	content:"";
	width:100%;
	height:30px;
	background:url(../image/flow_bg_sm.png) no-repeat center center;
}
#subpage .flow1a+.flow1a {margin-top:30px;}
#subpage .flow1a+.flow1a:before { top:-30px; width:100%;}
#subpage .flow1a li+li { margin-top:5px !important; padding: 0 !important;}


/*====================================================================================================
  ABOUT
====================================================================================================*/
#about { background-position:center 80px; padding-top:55%; }
#about h3.tit { margin: 0 0 43px 0; }
#about h3.tit b { font-size: 156%; }
#page_title.about_tit b { font-size:187.5%; }


/* HISTORY */
#about #history { width:80%; margin:0 auto; padding:82px 0 25px; scroll-margin-top: 80px;}
#about #history .history_list dl {}
#about #history .history_list dl.w-img .h_illust { right:auto!important; }
#about #history .history_list dl.w-img.img1 .h_illust { width:148px; height:79px; left:164px; top:-55px; }
#about #history .history_list dl.w-img.img2 .h_illust { width:100px; height:107px; left:215px; top:-45px; }
#about #history .history_list dl.w-img.img3 .h_illust { width:103px; height:84px; left:210px; top:-20px; }
#about #history .history_list dl.w-img.img4 .h_illust { width:114px; height:106px; left:200px; top:100px; }
#about #history .history_list dl.w-img.img5 .h_illust { width:100px; height:130px; left:208px; top:-50px; }
#about #history .history_list dl.w-img.img6 .h_illust { width:100px; height:130px; left:208px; top:auto; bottom:-25px; }
#about #history .history_list dl dt { position:relative; }
#about #history .history_list dl dt::after {
	content:"";
	position:absolute;
	top:7px;
	left:-6px;
	width:14px;
	height:14px;
	border: 2px solid #92CE47;
	background:#FFF;
	border-radius:50%;
}
#about #history .history_list dl dt,
#about #history .history_list dl dd { float:none; width:100%; padding:0 20px; }
#about #history .history_list dl dd { padding-bottom:65px; letter-spacing:0.1em; }
#about #history .history_list dl dd::before { display:none; }

/* MESSAGE */
#about #message { padding: 50px 5% 60px; scroll-margin-top: 80px; }
#about #message .box1 { width: 100%; }
#about #message .box1 h4 { font-size: 110%; padding: 20px 0 0; line-height: 170%; }
#about #message .box1 .photo-l { float: none; width: 210px; margin: 0 auto 20px ; }
#about #message .box1 .photo-l img { 
	max-width: 210px!important; 
}
#about #message .box1 .come { clear: both; margin-top: 20px; line-height: 180%; font-size: 87.5%; }

/* OVERVIEW */
#about #overview { padding: 60px 5% 80px; scroll-margin-top: 80px; }
#about #overview h3 { margin-bottom: 25px; }
#about #overview table th { 
	width: 100%;
	display: block;
	border-bottom: none;
	padding: 15px 0 0;
}
#about #overview table td { width: 100%; display: block; padding: 0 0 15px; font-size: 87.5%; }
#about #overview table td .box2 { width: 100%; }
#about #overview table td .map_more { margin-top: 10px; }
#about #overview table td .map1 { margin-top: 20px; }
#about #overview table td .map2 { margin-bottom: 20px; }




/*====================================================================================================
  NEWS RELEASE
====================================================================================================*/
#news { background-position:center 80px; padding:55% 0 80px; }
#news_tab {
	display: flex;
  flex-wrap: wrap-reverse;
}
#news .tab_list { padding: 20px 5% 40px; background: none; }
#news .tab_list ul { display:block; justify-content:initial;}
#news .tab_list ul li { width: 100%; margin: 5px auto 10px; }
#news .tab_list ul li a { 
	background-color: #F4F1EA;
    border: none;
    font-size: 100%;
    padding: 12px 30px;
    text-align: center;
}
#news .tab_list ul li.active a {} 
#news .news_list { margin: auto; padding: 0 5% 0; }
#news .news_list ul { margin: 0!important; width:100%; float:none; padding:45px 0 20px; }
#news .news_list ul li.day { font-size: 100%; margin-top: 0; }
#news .news_list ul li.cate { width: 100%; }
#news .news_list ul li.cate span { font-size: 87.5%; padding: 10px 0; }
#news .news_list ul li.tit { margin-bottom: 5px;line-height: 200%; }
#news .news_list ul li.tit a { 
	font-size: 100%;
	display: -webkit-box;
	text-align: justify;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;	
  text-overflow: ellipsis;
}
#news .news_list ul li.come { display: none; }


/*====================================================================================================
  NEWS RELEASE - NEWS CONTENT
====================================================================================================*/
#news_content { background-position:center 80px; padding:55% 0 140px; }
#news_content .news_cont_tit { padding: 25px 5% 30px; }
#news_content .news_cont_tit ul li.day { font-size: 100%; }
#news_content .news_cont_tit ul li.cate div { font-size: 87.5%; padding: 12px 0; }
#news_content .news_cont_tit ul li.tit { font-size: 125%; }

#news_content .news_cont_box { padding: 40px 5% 0; }
#news_content .news_cont_box .photo_box { margin-bottom: 35px; }
#news_content .news_cont_box .photo_box .photo { width: 47.5%; margin: 2.5% 0; }
#news_content .news_cont_box .photo_box .photo:nth-child(2n) { margin: 2.5% 0 2.5% 5%; }
#news_content .news_cont_box .come a { word-break: break-all; }

#news_content .news_cont_tit ul li.day1::before, #news_content .news_cont_tit ul li.day2::before {
    top: 40%;
    left: 18px;
}
#news_content .news_cont_tit .tit {
    text-align: left;
    font-size: 162.5%;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 140%;
}
#page_btn .link-news a {
    color: #111;
    text-decoration: none;
    line-height: 140%;
    font-weight: 300;
}

/*====================================================================================================
  GOODS
====================================================================================================*/
#goods { background-position:center 80px; padding-top:55%; }

#goods .item_list { margin:120px 0 0; }
#goods .item_list p { float:none; margin:auto; }

#goods .catch { width:90%; }
#goods .catch .catch_box { float: none; margin: auto; padding:13% 5% 6%; width: 100%; }
#goods .catch .catch_box:nth-child(2) { float:none; margin-top:50px; }
#goods .catch .catch_box h3.mid { font-size:100%; left:0; }
#goods .catch .catch_box b { font-size:100%; line-height:35px;}
#goods .catch .catch_box .come { font-size:73.0%; font-weight:400; line-height:29px;}

#goods .cont_tit { margin:40px 0; }
#goods .cont_tit h4 {}

#goods #anchor { margin-top:0; }
#goods #anchor ul { padding:20px 0; display:block; overflow:hidden; }
#goods #anchor ul li { float:left; width:33.333%; margin:2.5% 0; text-align:left; }
#goods #anchor ul li:nth-child(even) { margin:2.5% 0 2.5% 2.5%; }
#goods #anchor ul li label {
	background-position:center!important;
	background-size:112px 112px!important;
	height:120px;
	line-height:120px;
}
#goods #anchor ul li label input { padding:0 0 0 65px!important; }
#goods #anchor ul li label span { padding:0px; font-size:100%; line-height:120%; vertical-align:middle; }
#goods #anchor ul li a {
	padding:0 0 0 65px;
	background-position:5px center!important;
	background-size:53px 52px!important;
	height:67px;
	line-height:64px;
}
#goods #anchor ul li a img { float:left; width:52px; height:52px; margin-right:15px; }
#goods #anchor ul li a span {
	display:inline-block;
	vertical-align:middle;
	font-size:100%;
	line-height:120%;
}

#goods .goods_list { width:90%; margin:55px auto 35px; }
#goods .goods_list ul { margin:0 0 40px; width:47.5%; }
#goods .goods_list ul:nth-child(even) { margin-left:5%; }
#goods .goods_list ul li.photo img { max-width:none; max-height:none; height:auto;}
#goods .goods_list ul li.caption { 
	font-size:88%; 
	margin-top:15px;
	line-height: 120%; 
	padding-left: 10px;
}

#goods #access_box { margin:85px 0 70px; padding: 0 5%;}
#goods #access_box .box2 h3 { margin-bottom:25px; font-size: 112.5%; }
#goods #access_box .box2 .come {
	font-size: 75%;
  padding: 0 0 30px;
}
#goods #access_box .box_oem { padding: 8% 7%; }
#goods #access_box .box_oem::after { width:133px; height:76px; right:0; top:50%; }
#goods #access_box .box_bana { padding: 8% 7%; }
#goods #access_box .box_bana ul { padding-left:0; }
#goods #access_box .box_bana ul li { width:92px; margin:0 auto 20px; font-size: 83%; }
#access_box .search_cat input[type=password]{ width:100%; text-align:center;}
#access_box .search_cat span { font-size:56.3%;}
#access_box .search_cat span a {
	position:relative!important;
	width:100%;
	text-align:center;
	border-radius:7px;
}
#goods .cont_tit h4 b {
    display: block;
    line-height: 100%;
    font-size: 150%;
    font-weight: 300;
}

/*====================================================================================================
  GOODS - LUNCH
====================================================================================================*/
#goods-lunch { background-position:center 80px; padding-top:55%; }
#goods-page { padding-top: 100px; }
#goods-page .flex { flex-wrap: wrap; }
#goods .catch { margin: auto; }

#goods-page .mainimg { width:100%; padding-bottom:30px; }
#goods-lunch .mainimg::before { height:190px; }
#goods-lunch .mainimg ul { width:90%; }
#goods-lunch .mainimg ul.img-pagination li { width:14.8%; margin:0 1%; }
#goods-lunch .mainimg ul.img-pagination li a { padding:0!important;}
#goods-lunch .mainimg ul.img-pagination li.prev,
#goods-lunch .mainimg ul.img-pagination li.next { width:6%; margin:0 1%; }
#goods-page .mainimg ul.slider img {
    max-height: 400px;
    height: 100vh;
}
#goods-page .cont_box { width:90%; margin: 0 auto; padding-left: 0; }
#goods-page .cont_box .tit { margin-bottom:40px; }
#goods-page .cont_box .come { float:none; }

#goods-lunch .mainimg ul.slider img {
    max-height: none;
    height: 50vh;
    width: 100%;
}

#goods-page .to_list {
	width: 90%;
	margin: 0 auto 68px;
}

/*====================================================================================================
  FOOD
====================================================================================================*/
#food { background-position:center 80px; padding:55% 0 90px; }
#food .bg { padding:0 0 50px; }
#food .food_box { padding:10% 5%; display: block; scroll-margin-top: 100px; }
#food .food_box3 { margin-bottom:0; }
#food .food_box h3.mid { padding:15px 0 15px; margin: 0; }
#food .food_box .photo { margin:30px 0; max-width: 100%; width: 100%; }
#food .food_box .photo img { width:  100%; height: 300px; object-position: center center; object-fit: cover; }
#food .food_box .photo img.first { width:100%; }
#food .food_box .text { position:initial; width:100%; background:none; padding:0; }
#food .food_box .text h4 { font-size:112.5%; }
#food .food_box .text .come { margin-bottom:25px; }
#food .food_box .text .b_more { margin:auto;  }
#food .food_box .text .more2 { margin-top:8px; margin-left: 0;}
#food .food_box .text .b_more a {
	font-size: 88%;
	color: #333;
}
#food .food_box .text .b_more a::after {
	color: #333;
}	
#food #access_box .box_cat h3::after { width:245px; }

#food .food_box .text .b_more {
	float: none;
}

/*====================================================================================================
  REGION
====================================================================================================*/
#region { background-position:center 80px; padding:55% 0 90px; }
#region .bg { padding:0 0 50px; }
#region .region_box { padding:10% 5%; width:100%; scroll-margin-top: 100px; }
#region .region_box3 { margin-bottom:0; }
#region .region_box h3.mid { padding:15px 0 15px; margin: 0; position: relative; }
#region .region_box .photo { margin:30px 0; max-width: 100%; width: 100%; }
#region .region_box .photo img { width:  100%; height: 300px; object-position: center center; object-fit: cover; }
#region .region_box .text { position:initial; width:100%; background:none; padding:0; }
#region .region_box .text h4 { font-size:112.5%; }
#region .region_box .text .come { margin-bottom:25px; }

#region #access_box .box_insta .photo { top:8%; right:13px; transform:none; width:100px; height:100px;}


/*====================================================================================================
  CONTACT
====================================================================================================*/
#contact { background-position:center 80px; padding:48% 0 80px; }
#contact #page_title { margin-bottom: 35px; }
#contact .con_box { padding: 0 5%; }
#contact .con_box .photo {
	position: relative;
	top: 0;
	right: auto;
	left: -5.5%; 
	width: 217px; 
	height: 145px;
	margin-top: 40px;
}
#contact .con_box .tel { margin: 40px auto 30px; text-align: center; background: #F4F1EA; padding: 35px 30px 25px; }
#contact .con_box .tel b { font-size: 125%; }
#contact .con_box .come, #contact .con_box .note {
	text-align: justify;
	font-feature-settings: "palt";
}
#contact .con_box .tel small {
    display: block;
    font-weight: 300;
    font-size: 85%;
    margin-top: 10px;
}
#contact .con_box .tel small span {
    font-size: 80%;
    font-weight: 300;
}
#contact #mail-box { margin-top: 82px; width: 100%; padding: 10px 0;}
#contact table.mailform tr th { border-bottom: none; padding: 20px!important; }
#contact table.mailform tr td { padding: 0 0 20px!important; font-size: 14px; }
#contact table.mailform tr td span.n_mark { display: block; margin-left: 20px; padding: 15px 20px 0 0; }
#contact table.mailform tr td span.n_mark::before { top: 15px; }
#contact table.mailform tr td input[type="radio"]:checked + span:after 
	{ top: 21.5px; left: 14.5px; }
#contact table.mailform tr td label { 
	margin: 0 0 8px; 
	background: rgba(0, 0, 0, .05);
	border-radius: 0;
	border: none;
}

#contact table.mailform tr td textarea { height: 173px; }
#contact .b_inqu { margin-top: 80px; display: block; width: 100%;}
#contact input { width: 100%; }

/*====================================================================================================
  CONTACT - CONFIRM
====================================================================================================*/
#contact_confirm { background-position:center 80px; padding:47% 0 80px; }
#contact_confirm #page_title { margin-bottom: 35px; }
#contact_confirm #page_title b { font-size: 187.5%; line-height: 160%; }
#contact_confirm .come { text-align: left; padding: 0 5%; }


/*====================================================================================================
  OEM
====================================================================================================*/
#oem { background-position:center 80px; padding:55% 0 90px; }

#oem .category { padding:95px 0 20px; }
#oem .category::before { width:auto; top:8%; }
#oem .category ul { width:90%; }
#oem .category ul li { overflow:hidden; float:none; width:100%; padding:20px 0; }
#oem .category ul li+li { border-top:1px solid #DDD; }
#oem .category ul li:nth-child(3n+2) { margin:0; }
#oem .category ul li p { float:left; margin:0; }
#oem .category ul li p.photo { width:100px; }
#oem .category ul li p.mid { margin:35px 30px; }

#oem .flow { padding-top:75px; }
#oem .flow h3 {
	font-size: 150%;
	line-height:130%;
	width:90%;
	margin:0 auto;
	padding:0;
}
#oem .flow h3::after { bottom:-40px; }
#oem .flow .flow_list { overflow:hidden; padding-top:45px; width: 90%; margin: 0 auto;}
#oem .flow .flow_list::before { height:81.5%; left:5%; top:90px; }
#oem .flow .flow_list dl {
	width:90%;
	height:auto!important;
	margin:0 auto;
	padding:40px 20px 45px;
}
#oem .flow .flow_list dl.flow4 { padding-bottom:75px; }
#oem .flow .flow_list dl.flow5 { padding-right:0; padding-bottom:120px; }
#oem .flow .flow_list dl.flow8 { padding-bottom:195px; }
#oem .flow .flow_list dl::after { width:220px; height:146px; right:auto!important; }
#oem .flow .flow_list dl.flow1::after { left:145px; top:-60px }
#oem .flow .flow_list dl.flow2::after { left:140px; top:-57px; }
#oem .flow .flow_list dl.flow3::after { left:142px; top:-53px; }
#oem .flow .flow_list dl.flow4::after { left:140px; top:auto; bottom:-50px; }
#oem .flow .flow_list dl.flow5::after { left:-17px; top:auto; bottom:-24px; }
#oem .flow .flow_list dl.flow6::after { left:140px; top:-85px; }
#oem .flow .flow_list dl.flow7::after { left:130px; top:-55px; }
#oem .flow .flow_list dl.flow8::after { left:5px; top:auto; bottom:-49px; width:351px; height:257px; }
#oem .flow .flow_list dl dd.b_more { position:initial; }
#oem .flow .flow_list dl:nth-child(even) dt b,
#oem .flow .flow_list dl:nth-child(even) dd { padding-left:0; }
#oem .flow .flow_list dl dt b::before { left:-26px; top: 7px; }
#oem .flow .flow_list dl dd { letter-spacing:0.1em; font-size: 87.5%; }
#oem .flow .flow_list dl.flow5 dd { letter-spacing:0.05em; }
#oem .flow .flow_list dl.flow8 dd { letter-spacing:0.05em; }
#oem .flow .flow_list dl dd.b_more { margin-top:15px; }

#oem .flow .flow_list dl dt b {
    font-size: 125%;
}

#oem .flow .note {
	width:90%;
	margin:25px auto 0;
	text-align:left;
	padding-left:25px;
}
#oem .flow .note::before { position:absolute; left:0; }

#oem #access_box { padding:85px 5% 0; }
#oem #access_box .box_con { margin-bottom: 5px!important; }

/*====================================================================================================

  Original Page

====================================================================================================*/
#original { background-position:center 80px; padding:48% 0 80px; }
#original #page_title { margin-bottom: 35px; font-feature-settings: "palt"; }
#original .con_box { padding: 0 5%; }
#original .con_box h3 {
	margin: 64px 0 16px;
	font-size: 125%;
	padding: 0;
}
#original .con_box ol {
    list-style: decimal;
    padding: 0 0 0 32px;
}
 #original .con_box ul {
 	list-style: disc;
}
#original .con_box ol ol {
	padding: 16px 0 16px 32px;
}

}