@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    SknTpl              パーツテンプレート設定    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* BoxStripeBlue Template
--------------------------------------------------- */
#ContentsDivision #MainContentsArea .BoxStripeBlue,
#ContentsDivision #MainContentsArea .BoxStripePink,
#ContentsDivision #MainContentsArea .BoxStripeYellow{
  border-width : 1px;
  border-style : solid;
  border-radius: 10px;
  margin  : 2em 0;
  padding : 1.75em;
  position: relative;
  z-index : 0;
}
#ContentsDivision #MainContentsArea .BoxStripeBlue{
  border-color : #CAE7F2;
}
.ie9 #ContentsDivision #MainContentsArea .BoxStripeBlue{
  border-width : 8px;
}
#ContentsDivision #MainContentsArea .BoxStripeYellow{
  border-color : #f6f075;
}
.ie9 #ContentsDivision #MainContentsArea .BoxStripeYellow{
  border-width : 8px;
}
#ContentsDivision #MainContentsArea .BoxStripePink{
  border-color : #EFA1CC;
}
.ie9 #ContentsDivision #MainContentsArea .BoxStripePink{
  border-width : 8px;
}

#ContentsDivision #MainContentsArea .BoxStripeBlue:before,
#ContentsDivision #MainContentsArea .BoxStripePink:before,
#ContentsDivision #MainContentsArea .BoxStripeYellow:before{
  border-radius: 10px;
  background-color: rgba(255,255,255,0.9);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10px;
  z-index: -1;
}

#ContentsDivision #MainContentsArea .BoxStripeBlue:after,
#ContentsDivision #MainContentsArea .BoxStripePink:after,
#ContentsDivision #MainContentsArea .BoxStripeYellow:after{
  content: '';
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -2;
}
#ContentsDivision #MainContentsArea .BoxStripeBlue:after{
  background: repeating-linear-gradient(-45deg, #cae7f2, #cae7f2 5px, #fff 0, #fff 10px);
}
#ContentsDivision #MainContentsArea .BoxStripeYellow:after{
  background: repeating-linear-gradient(-45deg, #f6f075, #f6f075 5px, #fff 0, #fff 10px);
}
#ContentsDivision #MainContentsArea .BoxStripePink:after{
  background: repeating-linear-gradient(-45deg, #EFA1CC, #EFA1CC 5px, #fff 0, #fff 10px);
}

    #ContentsDivision #MainContentsArea .BoxStripeBlue   p:last-child,
	#ContentsDivision #MainContentsArea .BoxStripePink   p:last-child,
    #ContentsDivision #MainContentsArea .BoxStripeYellow p:last-child{
      margin-bottom: 0;
    }

/* U2 */
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxStripeBlue:before,
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxStripePink:before,
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxStripeYellow:before{
  margin: 8px;
}
/* U3 */
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripeBlue,
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripePink,
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripeYellow{
  padding : 1.25em;
}
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripeBlue:before,
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripePink:before,
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripeYellow:before{
  margin: 7px;
}
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripeBlue:after{
  background: repeating-linear-gradient(-45deg, #cae7f2, #cae7f2 3px, #fff 0, #fff 6px);
}
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripeYellow:after{
  background: repeating-linear-gradient(-45deg, #f6f075, #f6f075 3px, #fff 0, #fff 6px);
}
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripePink:after{
  background: repeating-linear-gradient(-45deg, #EFA1CC, #EFA1CC 3px, #fff 0, #fff 6px);
}
/* U4 */
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxStripeBlue,
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxStripePink,
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxStripeYellow{
  padding : 3.75vw 4.5vw;
}
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxStripeBlue:before,
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxStripePink:before,
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxStripeYellow:before{
  margin: 1.5vw;
}

/* BoxBorderGray Template
--------------------------------------------------- */
#ContentsDivision #MainContentsArea .BoxBorderGray{
  border-radius: 10px;
  border: 10px solid #efefef;
  padding : 1.7em;
}
#ContentsDivision #MainContentsArea .BoxColorBlue   .BoxBorderGray,
#ContentsDivision #MainContentsArea .BoxColorYellow .BoxBorderGray{
  border-color: #dedede;
  background-color: rgba(255,255,255,0.75);
}
#ContentsDivision #MainContentsArea .BoxColorPink .BoxBorderGray{
  border-color: #fff;
  background-color: rgba(255,255,255,0.25);
}
    #ContentsDivision #MainContentsArea .BoxBorderGray p:last-child{
      margin-bottom: 0;
    }
/* U2 */
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxBorderGray{
  padding : 1.3em;
}
/* U3 */
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxBorderGray{
  padding : 1.1em;
  border-width: 7px;
}
/* U4 */
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxBorderGray{
  padding : 3.5vw 4vw;
  border-width: 1.75vw;
}

/* BoxColorBlue Template   
--------------------------------------------------- */
#ContentsDivision #MainContentsArea .BoxColorBlue,
#ContentsDivision #MainContentsArea .BoxColorYellow,
#ContentsDivision #MainContentsArea .BoxColorPink,
#ContentsDivision #MainContentsArea .BoxColorGreen{
  margin: 2em 0;
  padding: 1.75em;
  border-radius: 10px;
  border-width: 1px;
  border-style: solid;
}
    #ContentsDivision #MainContentsArea .BoxColorBlue   p:first-child,
    #ContentsDivision #MainContentsArea .BoxColorYellow p:first-child,
    #ContentsDivision #MainContentsArea .BoxColorPink   p:first-child,
    #ContentsDivision #MainContentsArea .BoxColorGreen   p:first-child{
      margin-top: 0;
    }
    #ContentsDivision #MainContentsArea .BoxColorBlue   p:last-child,
    #ContentsDivision #MainContentsArea .BoxColorYellow p:last-child,
    #ContentsDivision #MainContentsArea .BoxColorPink   p:last-child,
    #ContentsDivision #MainContentsArea .BoxColorGreen   p:last-child{
	margin-bottom: 0;
	font-weight: normal;
    }
        #ContentsDivision #MainContentsArea .BoxColorBlue table tbody th{
          background: #ededed;
        }
/* U1 */
.rsbp-under-bp1 #ContentsDivision #MainContentsArea .BoxStripeBlue,
.rsbp-under-bp1 #ContentsDivision #MainContentsArea .BoxStripeYellow,
.rsbp-under-bp1 #ContentsDivision #MainContentsArea .BoxStripePink,
.rsbp-under-bp1 #ContentsDivision #MainContentsArea .BoxColorBlue,
.rsbp-under-bp1 #ContentsDivision #MainContentsArea .BoxColorYellow,
.rsbp-under-bp1 #ContentsDivision #MainContentsArea .BoxColorPink,
.rsbp-under-bp1 #ContentsDivision #MainContentsArea .BoxColorGreen{
  margin : 1.75em 0;
}
/* U2 */
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxStripeBlue,
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxStripeYellow,
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxStripePink,
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxColorGreen{
  margin : 1.5em 0;
}
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxColorBlue,
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxColorYellow,
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxColorPink,
.rsbp-under-bp2 #ContentsDivision #MainContentsArea .BoxColorGreen{
  margin : 1.5em 0;
  padding: 1.25em;
}
/* U3 */
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripeBlue,
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripeYellow,
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxStripePink,
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxColorGreen{
  padding: 1.5em;
}
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxColorBlue,
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxColorYellow,
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxColorPink,
.rsbp-under-bp3 #ContentsDivision #MainContentsArea .BoxColorGreen{
  margin : 1.25em 0;
  padding: 0.75em;
}
/* U4 */
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxStripeBlue,
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxStripeYellow,
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxStripePink,
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxColorGreen{
  margin : 1em 0;
  padding: 4.75vw 5vw;
}
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxColorBlue,
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxColorYellow,
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxColorPink,
.rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxColorGreen{
  margin : 1em 0;
  padding: 3.25vw;
}

#ContentsDivision #MainContentsArea .BoxColorBlue{
  background: #dff8f8;
  border-color: #ccf3f3;
}
    #ContentsDivision #MainContentsArea .BoxColorBlue .HeadingType2{
      border-color: #9FD8E7;
    }
    #ContentsDivision #MainContentsArea .BoxColorBlue .HeadingType3{
      border-color: #BBE4F0;
    }
    #ContentsDivision #MainContentsArea .BoxColorBlue .HeadingType5{
      background: -moz-linear-gradient(to right, rgb(106, 218, 230), #ffeb94);
      background: -webkit-linear-gradient(to right, rgb(106, 218, 230), #ffeb94);
      background: linear-gradient(to right, rgb(106, 218, 230), #ffeb94);
    }

#ContentsDivision #MainContentsArea .BoxColorYellow{
  background: #fcfcd6;
  border-color: #f0f0a1;
}

#ContentsDivision #MainContentsArea .BoxColorPink{
  background: #F6D4D8;
  background: #FCE0E3;
  border-color: #fff;
  border-width: 2px;
  box-shadow: 0 0 0 5px #F6D4D8;
  box-shadow: 0 0 0 5px #FCE0E3;
  margin-right: 5px;
  margin-left: 5px;
}

#ContentsDivision #MainContentsArea .BoxColorGreen{
  background: #ddf7e8;
  border-color: #c4f7d6;
}

/* 共通処理 */

#ContentsDivision #MainContentsArea [class^="Box"]{
}
#ContentsDivision #MainContentsArea [class^="Box"] > [class^="Box"]{
  margin: 0;
}
#ContentsDivision #MainContentsArea [class^="Box"] + [class^="Box"]{
  margin: 3em 0;
}
.rsbp-under-bp3 #ContentsDivision #MainContentsArea [class^="Box"] + [class^="Box"]{
  margin: 2em 0;
}
.rsbp-under-bp4 #ContentsDivision #MainContentsArea [class^="Box"] + [class^="Box"]{
  margin: 1em 0;
}
#ContentsDivision #MainContentsArea [class^="Box"] > [class^="Heading"] + [class^="Box"],
#ContentsDivision #MainContentsArea [class^="Box"] > p + [class^="Box"]{
  margin-top: 1.5em;
}
#ContentsDivision #MainContentsArea .PageWidthSetter [class^="Box"]:first-child{
  margin-top: 0;
}
#ContentsDivision #MainContentsArea .PageWidthSetter [class^="Box"] [class^="HeadingType"]:first-child{
  margin-top: 0;
}
    #ContentsDivision #MainContentsArea [class^="Box"] table{
    }
    #ContentsDivision #MainContentsArea [class^="Box"] table:first-child{
      margin-top: 0;
    }
    #ContentsDivision #MainContentsArea [class^="Box"] table:last-child{
      margin-bottom: 0;
    }
        #ContentsDivision #MainContentsArea .BoxColorBlue > table tbody th,
        #ContentsDivision #MainContentsArea .BoxColorYellow > table tbody th,
        #ContentsDivision #MainContentsArea .BoxColorPink > table tbody th{
          background-color: rgba(255,255,255,1);
        }
        #ContentsDivision #MainContentsArea .BoxColorBlue > table tbody td,
        #ContentsDivision #MainContentsArea .BoxColorYellow > table tbody td,
        #ContentsDivision #MainContentsArea .BoxColorPink > table tbody td{
          background-color: rgba(255,255,255,0.5);
        }
        #ContentsDivision #MainContentsArea [class^="Box"] > table.LayoutTable tbody td{
          background-color: inherit;
        }
        #ContentsDivision #MainContentsArea .BoxColorPink > table tbody th[scope*="col"],
        .rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxColorYellow > table td:before{
          background-color: rgb(255, 242, 182);
        }
        #ContentsDivision #MainContentsArea .BoxColorPink > table tbody th[scope*="col"],
        .rsbp-under-bp4 #ContentsDivision #MainContentsArea .BoxColorPink > table td:before{
          background-color: #f9c7cd;
        }