@charset "utf-8";
 .acesoph section { font-family:  "Yu Gothic","Hiragino Kaku Gothic Pro", YuGothic, Meiryo, Osaka, "MS PGothic", sans-serif; }
.acesoph #main { height:48.33061527057079vw; background-image:url(../img/main1.jpg); background-repeat:no-repeat; background-size:contain; position:relative; background-position: center;}
@media screen and (min-width:801px){
.acesoph #main {  min-height:490px; }	
}
.acesoph #nav { border-bottom:1px solid #DDDDDD; height:63px; text-align:center; margin-top:2.223869532987398vw; margin-bottom:4.447739065974796vw; }
.acesoph #nav a { display:inline-block; height:100%; line-height:63px; font-size:25px; font-family:Arial, Helvetica, sans-serif; padding:0 30px; vertical-align:top; color:#444444; text-decoration:none;  width:12em; }
.acesoph #nav a:hover { font-weight:bold; color:#111111; position:relative; }
.acesoph #nav a:hover:after { content:""; display:block; width:100%; height:6px; background-color:#111; position:absolute; bottom:-3px; left:0; }
.acesoph .grey { background-color:#F0F0F0; }
.acesoph .grey2 { background-color:#F1F2F8; }

.acesoph section.box { padding:7.412898443291327vw 0; text-align:center; }
.acesoph section.box.t0 { padding-top:0; margin-top:-0.7412898443291327vw; }
.acesoph section.box h2 { text-align:center; color:#000000; font-size:2.075611564121572vw; font-weight:bold; margin-bottom:3.706449221645663vw; }
.acesoph section.box h2 img { width:40.02965159377317vw; height:auto; }
.acesoph section.box h2.title { font-size:3.113417346182357vw; line-height:1.3; background-color: transparent; padding-bottom: 0;}
.acesoph section.box h2.brown { color:#AC5F21; position:relative; display:inline-block; font-size:2.816901408450704vw;}
.acesoph section.box h2.title span { display:block; color:#AC5F21; font-size:2.075611564121572vw; font-weight:bold; }
.acesoph section.box p { color:#666; margin-bottom:2em; font-size:1.186063750926612vw; line-height:220%; }

.acesoph section.box h2.title.line { position:relative; display:inline-block; font-family:Arial, Helvetica, sans-serif; line-height:1; }
.acesoph section.box h2.title.line:after { content:""; display:block; background-color:#000000; height:0.4447739065974796vw; margin-top:1.111934766493699vw; }

.acesoph section.box p.wide { width:49.66641957005189vw; margin-left:auto; margin-right:auto; text-align:left; }

.acesoph section.box .inner { width:50.92661230541142vw; margin:0 auto; position:relative; text-align:left; overflow:hidden; }
.acesoph section.box .inner h3 { width:21.49740548554485vw; height:21.49740548554485vw; background-color:#AC5F22; position:absolute; top:0; left:0; }
.acesoph section.box .inner h3 span { position:absolute; top:50%; left:50%; color:#FFF; font-weight:bold; font-size:1.927353595255745vw; display:block; width:100%; padding:0 2.965159377316531vw; text-align:center; line-height:1.2;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.acesoph section.box .inner .cont { float:right; width:32.17197924388436vw; background-color:#F1F2F8; padding:5.040770941438102vw 6.523350630096368vw; box-sizing:border-box; margin-top:2.668643439584878vw; font-size:1.482579688658265vw; font-weight:bold; color:#111; }
.acesoph section.box .inner .cont li { margin-bottom:2.223869532987398vw; background-image:url(../img/check.png); background-size:2.223869532987398vw; background-repeat:no-repeat; background-position:left center; padding-left:3.706449221645663vw; height:2.223869532987398vw; line-height:2.223869532987398vw; }
.acesoph section.box .inner .cont li:last-child { margin-bottom:0; }
.acesoph section.box h2.brown figure { position:absolute; bottom:-4.447739065974796vw; right:-17.42031134173462vw; width:17.93921423276501vw; }
.acesoph section.box h2.brown figure img { width:100%; height:auto; }

.acesoph section.box .aiso {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.acesoph section.box .aiso li:nth-child(1) {
	-ms-flex-preferred-size: 35.06666666666667vw;
               flex-basis: 35.06666666666667vw;
			   max-width:35.06666666666667vw;
	 }
.acesoph section.box .aiso li:nth-child(2) { padding-left:1.927353595255745vw; box-sizing:border-box;
	-ms-flex-preferred-size: 42.33333333333333vw;
               flex-basis: 42.33333333333333vw;
			   max-width:42.33333333333333vw;
	 }
.acesoph section.box .aiso li:nth-child(1) img { width:100%; height:auto; }

.acesoph section.box .bagBox { overflow:hidden; text-align:left; margin-bottom:2.223869532987398vw; }
.acesoph section.box .bagBox .number { float:left; width:2.965159377316531vw; }
.acesoph section.box .bagBox .number img { width:100%; height:auto; }
.acesoph section.box .bagBox .text { margin-left:4.151223128243143vw; }
.acesoph section.box .bagBox .text p { font-size:1.037805782060786vw; line-height:1.5; margin:0; }
.acesoph section.box .bagBox .text p.sup { font-size:10px; margin-top:0.7412898443291327vw; line-height:1.2; }
.acesoph section.box .bagBox .text h4 { font-size:1.186063750926612vw; color:#111; margin-bottom:.3em; font-weight:bold; }

.acesoph section.box .leftPhoto { border-bottom:1px solid #DDDDDD; margin-bottom:2.223869532987398vw; padding-bottom:2.223869532987398vw; 
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}
.acesoph section.box .leftPhoto figure { 
-ms-flex-preferred-size: 9.636767976278725vw;
               flex-basis: 9.636767976278725vw;
			   max-width:9.636767976278725vw;
			   }
.acesoph section.box .leftPhoto figure img { width:100%; height:auto; }
.acesoph section.box .leftPhoto .point { 
-ms-flex-preferred-size: 30vw;
               flex-basis: 30vw;
			   max-width:30vw;
			   }
/* CSS Document */
.acesoph section.box .leftPhoto .bagBox:last-child { margin-bottom:0; }

.acesoph section.box .underPhoto {
border-bottom:1px solid #DDDDDD; margin-bottom:2.223869532987398vw; padding-bottom:2.223869532987398vw; 	
}
.acesoph section.box .underPhoto figure { width:21.86805040770941vw; margin-top:1.111934766493699vw;margin-left:4.151223128243143vw; }
.acesoph section.box .underPhoto img { width:100%; height:auto; }

.acesoph section.box .product { width:51.81616011860638vw; margin:0 auto;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}

.acesoph section.box .product li { text-align:left; line-height:1.5;
	-ms-flex-preferred-size: 14.73276501111935vw;
               flex-basis: 14.73276501111935vw;
			   max-width:14.73276501111935vw;
}
.acesoph section.box .product li h5 { color:#111; font-weight:bold; font-size:1.186063750926612vw; margin-top:.7em; }
.acesoph section.box .product li p { font-size:1.037805782060786vw; line-height:1.5; }
.acesoph section.box .product li a { display:block; text-decoration:none;  padding:1vw; box-sizing:border-box;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;}
.acesoph section.box .product li a:hover { background-color:#f2f2f2; }
.acesoph section.box .product li figure { text-align:center; }
.acesoph section.box .product li figure img { width:100%; height:auto; }

.acesoph section.box .btBox { text-align:center; margin-top:5.189028910303929vw; }
.acesoph section.box .btBox a { display:inline-block; background-color:#000; color:#FFF; text-decoration:none; height:4.447739065974796vw;  line-height:4.447739065974796vw; margin:0 0.7412898443291327vw; font-weight:bold; font-size:1.482579688658265vw; padding:0 2.372127501853225vw; vertical-align:middle; }
.acesoph section.box .btBox a.small { font-size:1vw;height:3.447739065974796vw;line-height:3.447739065974796vw;background-color: #666; }

.acesoph section.box .soph { width:64.49221645663454vw; margin:0 auto; 
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
		 
		  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */

 
		 }
.acesoph section.box .soph li:nth-child(2) { text-align:left;  
-ms-flex-preferred-size: 35.58191252779837vw;
               flex-basis: 35.58191252779837vw;
			   max-width:35.58191252779837vw;
			    }
				
.acesoph section.box .soph li:nth-child(1) { text-align:left;  
-ms-flex-preferred-size: 26.90882134914752vw;
               flex-basis: 26.90882134914752vw;
			   max-width:26.90882134914752vw;
			    }
.acesoph section.box .soph li:nth-child(1) img { width:100%; height:auto; }
.acesoph section.box .soph li:nth-child(2) p { margin-bottom:0; }
.acesoph section.box .soph li:nth-child(2) p.sup { font-size:0.9636767976278725vw; margin-top:1.482579688658265vw; }

.acesoph #videoWrap {
	margin:0 auto;  width:70.86730911786509vw;
}
.acesoph #video {  
	position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.acesoph #video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

@media screen and (max-width:800px){
	
	.acesoph #nav { border-bottom:1px solid #DDDDDD; height:44px; text-align:center; margin-top:2.223869532987398vw; margin-bottom:4.447739065974796vw; }
.acesoph #nav a { display:inline-block; height:100%; line-height:44px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:0 10px; vertical-align:top; color:#444444; text-decoration:none; width:auto; }
.acesoph #nav a:hover { font-weight:bold; color:#111111; position:relative; }
.acesoph #nav a:hover:after { content:""; display:block; width:100%; height:6px; background-color:#111; position:absolute; bottom:-3px; left:0; }
.acesoph section.box {
	padding: 7.412898443291327vw 4vw;
}
.acesoph section.box h2 {
    text-align: center;
    color: #000000;
    font-size: 6.075611564121572vw;
    font-weight: bold;
    margin-bottom: 3.706449221645663vw;
}
.acesoph section.box p { text-align:left;
    color: #666;
    margin-bottom: 1em;
    font-size: 4.186063750926612vw;
    line-height: 220%;
}
.acesoph section.box p br { display:none; }
.acesoph section.box .product p br { display:block; }
.acesoph #videoWrap { width:100%; }
.acesoph section.box h2 img {
    width: 70.02965159377317vw;

}
.acesoph section.box p.wide {
    width: 100%;
 
}
.acesoph section.box h2.title {
    font-size: 6.113417346182357vw;
    line-height: 1.3;
}
.acesoph section.box h2.title span {

    font-size: 4.075611564121572vw;
}
.acesoph section.box .inner {
    width: 100%;
   
}
.acesoph section.box .inner h3 { padding:2vw 0; position:static;
    width: 100%;
    height: auto;
 
}
.acesoph section.box .inner h3 span { position:static;
 -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    font-size: 5vw;

}
.acesoph section.box .inner h3 span br { display:none; }
.acesoph section.box .inner .cont {float:none; margin:0;

    width: 100%;
 font-size: 4vw;
  
}
.acesoph section.box .inner .cont li {
    margin-bottom: 2.223869532987398vw;
    background-image: url(../img/check.png);
    background-size: 7.223869532987398vw;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 9.706449221645663vw;
    height: 7.223869532987398vw;
    line-height: 7.223869532987398vw;
}
.acesoph section.box h2.brown {
    color: #AC5F21;
    position: relative;
    display: inline-block;
    font-size: 5.816901408450704vw;
}
.acesoph section.box .aiso {
    display:block;

}
.acesoph section.box .aiso li:nth-child(1) { margin:0 auto 2em auto; text-align:center;
   
    max-width: 80%;
}
.acesoph section.box .aiso li:nth-child(2) {
    padding-left: 0;
    
    max-width: 100%;
}
.acesoph section.box .leftPhoto .point {
   
    max-width: 100%;
}
.acesoph section.box .leftPhoto figure { margin-bottom:1em;
    
    max-width: 100%;
}
.acesoph section.box .bagBox .text h4 {
    font-size: 4.186063750926612vw;

}
.acesoph section.box .bagBox .text p {
    font-size: 4.037805782060786vw;
 
}
.acesoph section.box .bagBox .number {
    float: left;
    width: 5.965159377316531vw;
}
.acesoph section.box .bagBox .text {
    margin-left: 8.151223128243143vw;
}
.acesoph section.box .bagBox {

    margin-bottom: 5.223869532987398vw;
}
.acesoph section.box .leftPhoto { display:block;
   
    margin-bottom: 5.223869532987398vw;
    padding-bottom: 5.223869532987398vw;

}
.acesoph section.box .underPhoto figure {
    width: 100%;
    margin-top: 1.111934766493699vw;
    margin-left: 0;
	padding-left:8.151223128243143vw;
	box-sizing:border-box;
}
.acesoph section.box .underPhoto {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 5.223869532987398vw;
    padding-bottom: 5.223869532987398vw;
}
.acesoph section.box .product {
    width: 100%;
    margin: 0 auto;
    display:block;
}
.acesoph section.box .product li { margin-bottom:2em;
 
    max-width: 100%;
}
.acesoph section.box .product li h5 { width:70%; margin:0 auto;

    font-size: 5.186063750926612vw;

}
.acesoph section.box .product li p {width:70%; margin:0 auto;
    font-size: 4.037805782060786vw;
    line-height: 1.5;
}
.acesoph section.box .product li figure { height:70vw; position:relative; overflow:hidden;}
.acesoph section.box .product li figure img { position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);

    width: 70%;
    height: auto;
}

.acesoph section.box .btBox a {
    display: inline-block;
    background-color: #000;
    color: #FFF;
    text-decoration: none;
    height: auto;
    line-height: 1;
    margin: 0 0.7412898443291327vw;
    font-weight: bold;
    font-size: 4.482579688658265vw;
    padding: 2.372127501853225vw 4vw;
}
.acesoph section.box .btBox a.small { display:block; font-size: 3vw; height: auto;padding: 2.372127501853225vw 4vw; margin-bottom:1em; width:80%; box-sizing:border-box; margin-left:auto; margin-right:auto;}

.acesoph section.box .soph {
    width: 100%;
    margin: 0 auto;
    display: block;
   
}
.acesoph section.box .soph li:nth-child(1) {
    text-align:center; margin-bottom: 3.706449221645663vw;

    max-width: 100%;
}
.acesoph section.box .soph li:nth-child(1) img { width:70%; }
.acesoph section.box .soph li:nth-child(2) {
    text-align: left;
   
    max-width: 100%;
}
.acesoph section.box h2.brown figure { display:none; }

.acesoph #main {
    height: 86.6vw;
    background-image: url(../img/main1_sp.jpg); background-position: center;
 
}
.acesoph section.box .soph li:nth-child(2) p.sup {
    font-size: 10px;
   
}
.acesoph section.box .product li a:hover { background-color:transparent; }
}

sup { font-size:10px; }
.old { text-align:center; border-top:1px solid #eee;  border-bottom:1px solid #eee;  }
.old p{ padding:0 20px; color:#999; display:inline-block; padding:15px 0; font-size:12px;}
.old p a { font-weight:bold; }

@media screen and (min-width:801px){
.old p {padding:2vw 0; font-size: 1.186063750926612vw; }	
}

@media screen and (max-width:800px){
.old { padding:0 4vw; text-align:left;  }
.old br { display:none; }	
}

.mfp-figure:after { background:none!important; }