@charset "UTF-8";
/* ---------------------------
	File Name:style.scss
	Create:2016.12.27
	Author:Satsuki Yonekura
------------------------------ */
/* グラデーション */
/* top-smp
------------------------------------------------------- */
@media only screen and (max-width: 960px) {
  #top .news{
    margin-bottom: 20px;
    background: #fff;
  }
  #top .news li{
    padding: 3%;
    border-bottom: 1px solid #222;
    box-sizing: border-box;
    text-align: left;
  }
  #top .news li:nth-child(3){
    border-bottom: 0;
  }
  #top .news li:nth-child(4n){
    display: none;
  }
  #top .news li span{
    display: block;
    font-size: 10px;
    font-weight: bold;
  }

  #top .content {
    padding-bottom: 10%;
  }
  #top .content .left-cont {
    width: 100%;
    text-align: left;
  }
  #top .content .left-cont h2 {
    margin-top: 15px;
    font-size: 24px;
    font-size: 1.84615rem;
    font-weight: 400;
  }
  #top .content .left-cont .addTxt {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.23077rem;
  }
  #top .content .bnArea {
    width: 80%;
    margin: 0 auto;
  }
  #top .content .bnArea p {
    margin-bottom: 10px;
  }
}
/* top-PC
------------------------------------------------------- */
@media only screen and (min-width: 961px) {
  #top .news{
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
  }
  #top .news li{
    padding: 15px;
    border-right: 1px solid #222;
    box-sizing: border-box;
    text-align: left;
    flex: 1;
  }
  #top .news li:nth-child(3){
    border-right: 0;
  }
  #top .news li:nth-child(4n){
    display: none;
  }
  #top .news li span{
    display: block;
    font-size: 10px;
    font-weight: bold;
  }

  #top .content {
    padding-bottom: 100px;
  }
  #top .content .left-cont {
    float: left;
    width: 620px;
    text-align: left;
  }
  #top .content .left-cont h2 {
    margin-top: 25px;
    font-size: 24px;
    font-size: 1.84615rem;
    font-weight: 400;
  }
  #top .content .left-cont .addTxt {
    font-size: 16px;
    font-size: 1.23077rem;
  }
  #top .content .bnArea {
    float: right;
    width: 280px;
  }
  #top .content .bnArea p {
    margin-bottom: 20px;
  }
}
/* グラデーション */
/* commitment-smp
------------------------------------------------------- */
@media only screen and (max-width: 960px) {
  #commitment h2 {
    margin: 2% 0 6%;
    text-align: left;
    font-size: 28px;
    font-size: 2.15385rem;
  }
  #commitment section {
    margin-bottom: 20px;
    padding: 2%;
    background: #d6c9b5;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZGFjOCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZTVkYWM4IiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5dac8), color-stop(80%, rgba(229, 218, 200, 0)));
    background: -moz-linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 80%);
    background: -webkit-linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 80%);
    background: linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 80%);
    background-blend-mode: multiply;
    box-sizing: border-box;
  }
  #commitment section h3 {
    width: 90%;
    margin: 0 auto;
    font-size: 22px;
    font-size: 1.69231rem;
    text-align: left;
  }
  #commitment section .photo {
    width: 90%;
    margin: 4% auto 2%;
  }
  #commitment section .photo img {
    margin-bottom: 3%;
  }
  #commitment section .text {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    font-size: 1.07692rem;
    text-align: left;
    line-height: 1.8;
  }

  #list h2 {
    margin: 2% 0 6%;
    text-align: left;
    font-size: 28px;
    font-size: 2.15385rem;
  }
  #list section {
    margin-bottom: 20px;
    padding: 2%;
    background: #d6c9b5;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZGFjOCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZTVkYWM4IiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5dac8), color-stop(80%, rgba(229, 218, 200, 0)));
    background: -moz-linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 80%);
    background: -webkit-linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 80%);
    background: linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 80%);
    background-blend-mode: multiply;
    box-sizing: border-box;
  }
  #list section h3 {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1.23077rem;
    text-align: left;
    font-weight: bold;
  }
  #list section .photo {
    width: 90%;
    margin: 4% auto 2%;
  }
  #list section .photo img {
    margin-bottom: 3%;
  }
  #list section .text {
    width: 90%;
    margin: 0 auto;
    font-size: 15px;
    font-size: 1.15385rem;
    text-align: left;
    line-height: 1.4;
  }
  #list section .text .name {
    font-size: 20px;
    font-size: 1.53846rem;
    font-weight: bold;
  }
  #list section .text .caption {
    font-size: 14px;
    font-size: 1.07692rem;
  }
  #list section .text .description {
    display: block;
    margin: 20px 0;
    font-size: 16px;
    font-size: 1.23077rem;
  }
  #list section .text .spec {
    display: block;
    font-size: 14px;
    font-size: 1.07692rem;
  }

  #scene h2 {
    margin: 2% 0 6%;
    text-align: left;
    font-size: 28px;
    font-size: 2.15385rem;
  }
  #scene .catch {
    margin-bottom: 30px;
    font-size: 18px;
    font-size: 1.38462rem;
    text-align: left;
  }
  #scene dl {
    text-align: left;
  }
  #scene dl dt {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.38462rem;
  }
  #scene dl dd {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.07692rem;
  }
  #scene .photoArea {
    width: 100%;
    margin-top: -5%;
  }
  #scene .photoArea p {
    margin-bottom: 10px;
  }

  #order h2 {
    margin: 2% 0 6%;
    text-align: left;
    font-size: 28px;
    font-size: 2.15385rem;
  }
  #order h3 {
    font-size: 16px;
    font-size: 1.23077rem;
    font-weight: bold;
  }
  #order ol {
    margin-bottom: 30px;
    text-align: left;
  }
  #order ol li {
    font-size: 14px;
    font-size: 1.07692rem;
  }
  #order .txtBox {
    padding: 5%;
    border: 3px double #160b00;
  }
  #order section {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.07692rem;
    text-align: left;
  }
  #order section p span {
    font-size: 14px;
    font-size: 1.07692rem;
    font-weight: bold;
  }
  #order section strong {
    display: inline-block;
    margin: 10px 0;
    font-size: 20px;
    font-size: 1.53846rem;
    color: #900;
  }
  #order a.dl-link {
    position: relative;
    display: block;
    width: 90%;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid #160b00;
  }
  #order a.dl-link::after {
    position: absolute;
    right: 7px;
    top: 16px;
    width: 8px;
    height: 8px;
    content: "";
    border-top: 1px solid #160b00;
    border-right: 1px solid #160b00;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
/* commitment-PC
------------------------------------------------------- */
@media only screen and (min-width: 961px) {
  #commitment h2 {
    margin: 10px 0 30px;
    text-align: left;
    font-size: 30px;
    font-size: 2.30769rem;
  }
  #commitment section {
    margin-bottom: 20px;
    padding: 20px;
    background: #d6c9b5;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZGFjOCIvPjxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjZTVkYWM4IiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5dac8), color-stop(44%, rgba(229, 218, 200, 0)));
    background: -moz-linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 44%);
    background: -webkit-linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 44%);
    background: linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 44%);
    background-blend-mode: multiply;
    box-sizing: border-box;
  }
  #commitment section h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 1.84615rem;
    text-align: left;
  }
  #commitment section .photo {
    float: right;
    width: 300px;
    margin-left: 20px;
  }
  #commitment section .photo img {
    margin-bottom: 20px;
  }
  #commitment section .text {
    font-size: 16px;
    font-size: 1.23077rem;
    text-align: left;
    line-height: 2;
  }

  #list h2 {
    margin: 10px 0 30px;
    text-align: left;
    font-size: 30px;
    font-size: 2.30769rem;
  }
  #list section {
    margin-bottom: 50px;
    padding: 20px;
    background: #d6c9b5;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZGFjOCIvPjxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjZTVkYWM4IiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5dac8), color-stop(44%, rgba(229, 218, 200, 0)));
    background: -moz-linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 44%);
    background: -webkit-linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 44%);
    background: linear-gradient(#e5dac8, rgba(229, 218, 200, 0) 44%);
    background-blend-mode: multiply;
    box-sizing: border-box;
  }
  #list section h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 1.84615rem;
    text-align: left;
  }
  #list section .photo {
    float: right;
    width: 300px;
    margin-left: 20px;
  }
  #list section .photo img {
    margin-bottom: 20px;
  }
  #list section .text {
    font-size: 18px;
    font-size: 1.38462rem;
    text-align: left;
    line-height: 1.4;
  }
  #list section .text .name {
    font-size: 20px;
    font-size: 1.53846rem;
    font-weight: bold;
  }
  #list section .text .caption {
    font-size: 16px;
    font-size: 1.23077rem;
  }
  #list section .text .description {
    display: block;
    margin: 20px 0;
    font-size: 16px;
    font-size: 1.23077rem;
  }
  #list section .text .spec {
    display: block;
    font-size: 16px;
    font-size: 1.23077rem;
  }

  #scene h2 {
    margin: 10px 0 30px;
    text-align: left;
    font-size: 30px;
    font-size: 2.30769rem;
  }
  #scene .catch {
    margin-bottom: 30px;
    font-size: 18px;
    font-size: 1.38462rem;
    text-align: left;
  }
  #scene dl {
    float: left;
    width: 65%;
    margin-bottom: 50px;
    text-align: left;
  }
  #scene dl dt {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.38462rem;
  }
  #scene dl dd {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.07692rem;
  }
  #scene .photoArea {
    float: right;
    width: 30%;
    margin-top: -28%;
  }
  #scene .photoArea p {
    margin-bottom: 10px;
  }

  #order h2 {
    margin: 10px 0 30px;
    text-align: left;
    font-size: 30px;
    font-size: 2.30769rem;
  }
  #order h3 {
    font-size: 18px;
    font-size: 1.38462rem;
    font-weight: bold;
  }
  #order ol {
    margin-bottom: 30px;
    text-align: left;
  }
  #order ol li {
    font-size: 18px;
    font-size: 1.38462rem;
  }
  #order ol li span {
    font-size: 14px;
    font-size: 1.07692rem;
  }
  #order .txtBox {
    padding: 30px;
    border: 3px double #160b00;
  }
  #order .txtBox .contactTxt {
    font-size: 24px;
    font-size: 1.84615rem;
  }
  #order .txtBox .contactTxt span {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    font-size: 1.07692rem;
    font-weight: bold;
  }
  #order section {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.07692rem;
    text-align: left;
  }
  #order section p span {
    font-size: 14px;
    font-size: 1.07692rem;
    font-weight: bold;
  }
  #order section p strong {
    display: inline-block;
    margin: 20px 0 0;
    font-size: 20px;
    font-size: 1.53846rem;
    color: #900;
  }
  #order a.dl-link {
    position: relative;
    display: block;
    width: 210px;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #160b00;
  }
  #order a.dl-link::after {
    position: absolute;
    right: 7px;
    top: 16px;
    width: 8px;
    height: 8px;
    content: "";
    border-top: 1px solid #160b00;
    border-right: 1px solid #160b00;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}