/*  Typo
----------------------------------------------- */

*{
    padding: 0;
    margin:0;
}

a:link, a:visited
{
    text-decoration: none !important;
    color:#452523;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1.midasi { font-size:30px; border-bottom:1px solid #93bf1d;  margin-top:10px;}
h2 { font-size:20px; border-left:double 10px #93bf1d; padding-left:10px !important; margin:20px 0px !important; }
h3 { font-size:18px; color:#452523; margin:10px 0px !important;}

p {	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

.hr{ margin:15px 0px;}
hr.style1{ border-top: 1px dotted #000; border-bottom: none; margin-top:3px;}

.m-title{display:none;}

/*  Layout
----------------------------------------------- */

body {

    padding: 0;
    margin:0;
    font: 14px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*  header
----------------------------------------------- */

#fixed{
    position: fixed;
    background:#FFF;    
    width:100%;
    z-index:99999;
    border-top:4px solid #93bf1d;
}

#header{
    margin:0 auto;
    width:960px;
    height:104px;
    padding-top:13px;
    display:flex;
    justify-content:space-between;
}
.header-c1{
    width:310px;
    position:relative;
}

.chara{
    width:95px;
    position:absolute;
    top:-5px;
    right:-80px;
}
.chara img{
    width:95px;
    height:95px;
}
.header-c2{
    width:450px;
}

.header-c2 div{
    width:450px;
    height:40px;
    padding-top:0px;
    display:flex;
    justify-content: flex-end;
    margin-bottom:8px;
    align-items: center;
}
.header-c2 p.toitext{
    width:160px;
    text-align:right;
    font-size:11px;
    color:#452523;
    padding-top:3px;
}
p.number{
    font-size:32px;
    color:#6cb701;
    margin-left:10px;
}
p.number:before{
    content: url(https://u.jimcdn.com/cms/o/sd3a41da40fcdae1c/userlayout/img/tel.png?t=1478830577);
    position: relative;
    margin-right:-5px;
}

.header-c2 div.toi img{margin-left:10px;}

.instabtn img{
    width:30px;
    height:30px;
    margin-left:20px !important;
    filter: invert(8%) sepia(14%) saturate(5881%) hue-rotate(332deg) brightness(106%) contrast(81%);
}


/* スクロールに伴ってヘッダー縮小 */
#header{transition: all 0.4s ease;}
#header.isSmall{height:80px !important; padding-top:8px !important;}
#header.isSmall .header-c1 p{font-size:12px !important;}
#header.isSmall .header-c1 .siteTitle{width:250px !important;}
#header.isSmall .header-c1 .chara{right:-30px !important;}
#header.isSmall .header-c1 .chara img{width:80px !important; height:80px !important;}

#header.isSmall .header-c2 div{height:30px !important; margin-bottom:5px !important;}
#header.isSmall .header-c2 p.toitext{line-height:1.2em !important;}
#header.isSmall .header-c2 p.number{font-size:26px !important;}
#header.isSmall .header-c2 img:not(.instabtn img){width:150px !important; height: 43px;}
#header.isSmall .header-c2 img.mitumoribn{width:138px !important;}

/*  mainnav
----------------------------------------------- */
#mainnavbg{background:#93bf1d; height:60px;}
#mainnav{
    clear:both;
    margin:0 auto;
    width:960px;
    display: flex;
    justify-content: space-between;
}
#mainnav li{
    display:inline;
    /*float:left;*/
    text-decoration:none;
    text-align:center;
}
#mainnav li a{
    /*width:135px;*/
    height:34px;
    /*padding-top:22px;*/
    padding:22px 20px 0;
    display:block;
    text-decoration:none;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    border-bottom: 4px solid #93bf1d;
}
/* #mainnav li.nav-large a{width:150px;} */

#mainnav li a:hover{
    border-bottom: 4px solid #097c25;
}

/* スクロールに伴ってナビゲーション縮小 */
#mainnavbg.mainnavS {height:50px !important;}
#mainnavbg.mainnavS #mainnav li a{height:30px !important; padding-top:16px !important;}


/*  ブログ記事
----------------------------------------------- */
.j-blog h1{font-family: auto;}
.j-blog h2{border:none; padding-left:0 !important; color:#93bf1d; margin:0 !important;}

#cc-matrix-{border-bottom:1px dashed #ccc; padding-top:20px;}
.j-blog .cc-m-spacing-wrapper{display:none;}

/*  content
----------------------------------------------- */

#content{
    clear:both;
    width:960px;
    margin:0 auto 50px;
    padding-top:205px;
}



.ricepack{
    background:url(https://u.jimcdn.com/cms/o/sd3a41da40fcdae1c/userlayout/img/top-medical.jpg?t=1744159799) no-repeat;
    width:450px;
    height:481px;
    padding:10px 10px 10px 10px;
    position:relative;
}
.ricepack img{
    width:450px;
    height:240px;
}
.ricepack p, .mouansin p{ text-align:center; margin: 3px 0px 3px 0px;}
.ricepack .button2, .mouansin .button2{position:absolute; bottom:5px;}
.ricepack .button2{
    outline: 1px solid;
    outline-offset: -1px;
}

.mouansin{
    background:url(https://u.jimcdn.com/cms/o/sd3a41da40fcdae1c/userlayout/img/mouansin.jpg?t=1487662288) no-repeat;
    width:450px;
    height:481px;
    padding:10px 10px 10px 10px;
    position:relative;
}


.button1, .button1r{
    width:146px;
    height:30px;
    font-size:14px;
    text-align:center;    
    position: relative;
    font-weight:bold;
}
.button1 a{
    color:#FFF !important;
    display:block;
    width:133px;
    height:25px;
    padding-top:5px;
    padding-left:15px;
    background:#93bf1d;
    border-radius: 3px; /* CSS3草案 */
    -webkit-border-radius: 3px; /* Safari,Google Chrome用 */
    -moz-border-radius: 3px; /* Firefox用 */
}
.button1r { margin-left:auto;}
.button1r a{ height:25px; padding-top:5px;}

.button1-2{
    width:190px;
    height:30px;
    font-size:14px;
    text-align:center;    
    position: relative;
    font-weight:bold;
}
.button1-2 a{
    color:#FFF !important;
    display:block;
    width:175px;
    height:25px;
    padding-top:5px;
    padding-left:15px;
    background:#93bf1d;
    border-radius: 3px; /* CSS3草案 */
}

.button2{
    width:430px;
    height:27px;
    font-size:18px;
    background:#93bf1d;
    color:#FFF !important;
    padding:5px 10px;
    position: relative;
    display: inline-block;
}
 .button2 a{
    color:#FFF !important;
    display:block;
}

.button1 a:before, .button1-2 a:before, .button3 a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 14px;
	width: 0;
	height: 0;
	margin-top: -4px;
	border: 4px solid transparent;  
	border-left: 6px solid #fff;
}
.button2 a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 165px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 6px solid transparent;  
	border-left: 8px solid #fff;
}
.button3 a:before {
	left: 100px;
}
.button3{
    width:300px;
    height:60px;
    font-size:16px;
    text-align:center;    
    position: relative;
    margin-left:auto;

}
.button3 a{
    color:#FFF !important;
    display:block;
    width:280px;
    height:42px;
    padding-top:18px;
    padding-left:20px;
    background:#93bf1d;
    border-radius: 3px; /* CSS3草案 */
    -webkit-border-radius: 3px; /* Safari,Google Chrome用 */
    -moz-border-radius: 3px; /* Firefox用 */
}




.button1 a:hover, .button1-2 a:hover, .button2:hover, .button3 a:hover, .ricepack-menu a:hover{
    background: #097c25;
}

.ricepack-menu a{
    padding:10px 15px;
    display:inline-block;
    background:#93bf1d;
    color:#FFF !important;
    margin-bottom:20px;
}
#neck, #hand, #elbow, #ankle, #tendon, #personal{
    margin-top:-180px;
    padding-top:180px;
    display:inline-block;
}


.arrow {
  display:inline-block;
  height:20px;
  width:40px;
  background-color:#93bf1d;
  position:relative;
  top:80px;
}

.arrow:before {
  position:absolute;
  content:"";
  width:0;
  height:0;
  border:25px solid transparent;
  border-left:25px solid #93bf1d;
  left:40px;
  top:-14px;
}


/*  オーダーメイド段ボール箱
----------------------------------------------- */
.red-title{text-align: center; font-size: 26px; color: #eb5514; font-weight: bold; line-height: 2em;}

.mitumori-flow{
    display:flex;
    justify-content:space-between;
    margin: 30px 0 100px;
}
.mitumori-flow div{
    width:216px;
    height:93px;
    padding-top:30px;
    background:#25a8e1;
    font-size:18px;
    text-align:center;
    color:#fff;
    border-radius:20px;
    position:relative;
}
.mitumori-flow div::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 14px transparent;
    border-left: solid 18px #9fa0a0;
    top: 50%;
    left: -22px;
    margin-top: -15px;
}
.mitumori-flow div:first-child::before {border:none;}

.cardboard{
    display:inline-flex;
}
.cardboard img{margin-right:20px;}
.cardboard2 img{margin-right:6px;}

.button4{
    width:216px;
    height:110px;
    font-size:14px;
    text-align:center;    
    position: relative;
    margin:10px 0 50px;
    line-height:1.3em;
}
.button4 span{font-size:18px;}
.button4 img{margin: 0 auto 5px;}
.button4 a{
    color:#FFF !important;
    display:block;
    width:216px;
    height:100px;
    padding-top:10px;  
    background:#93bf1d;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
}

.button4 a:hover{background: #097c25;}

/* ボタンスタイル　button1の変形版（button1と併用） */
.button5{
    width:320px;
    height:40px;
    margin:10px 0 50px;
}
.button5 a{
    width:320px;
    height:30px;
    padding-top:10px;  
}

/* ボタンスタイル　button4の変形版（button4と併用） */
.button6{
    width:300px;
    height:80px;
    margin:10px auto 50px;
}
.button6 a{
    width:300px;
    height:57px;
    padding-top:23px;  
}


/* ボタンスタイル7 */
.button7 a{
    color:#FFF !important;
    display:flex;
justify-content:center;
align-items:center;
    width:80%;
    height:60px;
    margin: 10px auto 50px;
    font-size:18px;  
    background:#93bf1d;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
}

.button7 a:hover{background: #097c25;}



/* ショップ
------------------------------------------ */
.cc-shop-product-desc .fn{font-size:20px; line-height:1.5; margin-bottom: 10px; display: block;}
.cc-shop-price{font-size:24px !important; padding-right:20px !important;}
a.cc-shop-addtocard, a.cc-shop-addtocard:visited {font-size:16px !important; padding:8px 15px !important;}

a.cc-shop-addtocard, a.cc-shop-addtocard:visited, input.cc-checkout-btn {background:#2e59ab !important;}

/* バリエーションのセレクトボックス */
.cc-product-variant-selectbox{height:30px;}

/* ショップカートのボタン */
.j-cart{
    top: 25px !important;
    right: 20px !important;
}


/*  Q&A
----------------------------------------------- */
.answer p{padding-left:2em; text-indent:-2em;}
.answer span{
    font-weight:bold;
    font-size:18px;
    color:#FF3333;
    margin-right:15px;
}


/*  Instagram
----------------------------------------------- */
a.icon-button{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    color: #FFF !important;
    font-size: 16px;
    border-radius: 10px;
    width:260px;
    height:50px;
    background:#93bf1d;
}
a.icon-button:before{
    content:"";
    display:inline-block;
    background:url(https://u.jimcdn.com/cms/o/sd3a41da40fcdae1c/userlayout/font/instagram-icon.svg?t=1694651690) no-repeat;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(112deg) brightness(107%) contrast(100%);
}
a.icon-button:hover{background: #097c25;}

/*  footer
----------------------------------------------- */

#footer{
    width:100%;
    background:#eeeeee url(https://u.jimcdn.com/cms/o/sd3a41da40fcdae1c/userlayout/img/footer-bg.jpg?t=1612400009) repeat-x bottom;
min-height:450px; height:auto !important; height:450px;
    border-top:1px solid #cfcbb2;
}
#footer-con{
    margin:0 auto;
    width:960px;
    color:#261817;
}

#wrap{

min-height:74px; height:auto !important; height:74px;
    padding-top:20px;
}

#navigation{
    width:960px;
    font-size:12px;
}
#sidebar{
    clear:both;
    padding-top:5px;
}
.footernav2 a{
    font-size:12px;
    margin-right:10px;
}
.footernav2 a:before{
    content: url(https://u.jimcdn.com/cms/o/sd3a41da40fcdae1c/userlayout/img/icon2.jpg?t=1478762028);
    position: relative;
    margin-right:5px;
    top:2px;
}
#footer-bn{
    
    margin:10px 0 13px;
}
#footer-bn div{
    display:flex;
    justify-content: center;
    margin-bottom:10px;
}
#footer-bn a:not(:last-child) {
    margin-right:10px;
}
#footer-bn a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

#office{
    padding-top:47px;
    height:105px;
}
#office .name{
    float:left;
    width:275px;
    margin-right:15px;
}
#office .name p{
    font-size:30px;
    font-weight:bold;
}

#office .ad{
    float:left;
    width:360px;
}
#office .ad p{
    font-size:18px;
}

#office .apo{
    float:right;
    width:240px;
    color:#452523 !important;
}
#office .apo .footer-n{line-height:36px;}

/* フッターインスタグラム　リンク */
.insta-button-f{
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #333 !important;
}
.insta-button-f:before{
    content:"";
    display:inline-block;
    background:url(https://u.jimcdn.com/cms/o/sd3a41da40fcdae1c/userlayout/font/instagram-icon.svg?t=1694651690) no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    filter: invert(17%) sepia(3%) saturate(16%) hue-rotate(70deg) brightness(97%) contrast(89%);
}



.copyright{
    clear:both;
    font-size:12px;
    color:#FFF;
    text-align:center;
    margin-top:28px;
}


.gutter{
    margin:0 auto;
    width:960px;
    min-height:35px;
    padding:15px 0 0 0;
}

.mb-footer{display:none;}


/*  table
----------------------------------------------- */
table.type1 {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 2px solid #FFF;
    border-left: 2px solid #FFF;
    width:100%;
}
table.type1 th {
    width: 30%;
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    background: #eee;
    text-align:center;
}
table.type1 td {
    width: 70%;
    padding: 10px;
    vertical-align: top;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    background: #f5f5f5;
}



/*  Sitemap
----------------------------------------------- */
ul.pagelist li{
	line-height:1.5em;
	list-style-type: none;
        list-style-image:url(https://u.jimcdn.com/cms/o/sd3a41da40fcdae1c/userlayout/img/pagelist.png?t=1487740587) ;
	margin-left:5px;
        padding-left:0px;
vertical-align:top;
}

ul.pagelist li a{
        color: #94c01d;
}

ul.list1{
	width:250px;
	display: inline-block;
	margin:0 20px 0 10px;
}

ul.list1 li{
	list-style-image: none;
	list-style-type: none;
	position: relative;
}
ul.list1 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .65em;
	left: -1em;
	width: 8px;
	height: 1px;
	background-color: #666;
}
ul.list1 li.none::after {
	width: 0px;
	height: 0px;
}




/*  Navigation
----------------------------------------------- */
#navigation{min-height:30px; height:auto !important; height:30px;}
ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    float: left;
    margin-right: 10px;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 12px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#261817;
}
ul.mainNav1 li a:before{
    content: url(https://u.jimcdn.com/cms/o/sd3a41da40fcdae1c/userlayout/img/icon1.jpg?t=1478762019);
    position: relative;
    margin-right:7px;
    top:2px;
}

ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:0px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }



/* slide
----------------------------------------------- */

#top-slide{
    width:960px;
    height:275px;
    position:relative;
}

.top-over{
    width:960px;
    height:275px;
    z-index:9999;
    position:relative;
    margin-top:-272px;
    pointer-events: none;
}


/* Cycle2
----------------------------------------------- */

*{margin:0px; padding:0px;}

#cycle2
{width:100%; margin: 0px auto 0px;  position:relative; background: #FBF4E7;}
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 960px; padding: 0; position: relative; 

 }


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 100%; padding: 0; position: relative; 

 }
.cycle-slideshow img.drawing{width:180px; height:260px; z-index:9999px; position: absolute; top: 20px; left: 20px;}


/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow a { 
    position: absolute; top: 0; left: 0;
    width: 100% !important; padding: 0; display: block;
}
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.example-pager { 
    text-align: center; width: 100%; z-index: 500; overflow: hidden;
}
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;
}
.example-pager span { 
    font-family: arial; font-size: 20px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.example-pager span.cycle-pager-active { color: #D69746;}
.example-pager > * { cursor: pointer;}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #ff7f50;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(left.png) 20% 75% no-repeat;}
.cycle-next { right: 0; background: url(right.png) 80% 75% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* 
    media queries 
    some style overrides to make things more pleasant on mobild devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 100%;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}