/*
 *Landing page Template | Webly Maker 1.0
 *Copyright (C) 2008-2017 infosmile Inc. All Rights Reserved.
 */

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓ドロップシャドウボックス

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
/*** 共通 ***/

.box-inner{
margin: 0px 40px;
padding:20px 0px;
outline: none;
}

.box-inner2{
margin: 0px 20px;
padding:15px 0px;
outline: none;
}
@media screen and (max-width: 640px) {
.box-inner{
margin: 0px 15px;
padding:20px 0px;
outline: none;
}
}

/*** BOX 0 ***/

.box0{
    width: 100%;
	min-height: 100px;
    padding: 5px 0 ;
	margin: 15px 0px;
    position:relative;
    background: #fff;
    background: -moz-linear-gradient(0% 0% 360deg, #fff, #f2f2f2 20%, #fff );
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
 }
 
.box0:before{
    content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -moz-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
        -o-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
                transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
}
 
.box0:after{
    content: '';
    width: 50px;
    height: 50px;
    top:0; left:0;
    position:absolute;
    z-index:-1;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    -moz-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    -o-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
}



/*** BOX 1 ***/

.box1{
	min-height: 100px;
    width: 100%;
    position:relative;
    display: inline-block;
    background:#fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0% 0%, #fff, #f3f3f3 10%, #fff);
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-bottom-right-radius: 6px 50px;
    -moz-border-radius-bottomright: 6px 50px;
    border-bottom-right-radius:6px 50px;
}
 
.box1:before{
    content: '';
    width: 50px;
    height: 100px;
    position:absolute;
    bottom:0; right:0;
    -webkit-box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.1);
    z-index:-1;
    -webkit-transform: translate(-35px,-40px)
                        skew(0deg,30deg)
                        rotate(-25deg);
    -moz-transform: translate(-35px,-40px)
                        skew(0deg,32deg)
                        rotate(-25deg);
    -o-transform: translate(-35px,-40px)
                        skew(0deg,32deg)
                        rotate(-25deg);
}
 
.box1:after{
    content: '';
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    display: inline-block;
    z-index:-1;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 15px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 15px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    -moz-transform: rotate(7deg)
                        translate(20px,25px)
                        skew(20deg);
    -o-transform: rotate(7deg)
                        translate(20px,25px)
                        skew(20deg);
        transform: rotate(7deg)
                        translate(20px,25px)
                        skew(20deg);
}


/*** BOX 2 ***/

.box2{
    width: 100%;
	min-height: 100px;
    padding: 0 0 1px 0;
    position:relative;
    background: #f3f3f3;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0 0 270deg, #f3f3f3, #f3f3f3 10%, #fff);
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -moz-border-radius-bottomright: 60px 60px;
    border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
 
}
.box2:before{
    content:'';
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    box-shadow:-2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:  rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -moz-transform: rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
    -o-transform:   rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
                    transform:
                    rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
}
 
.box2:after{
    content: '';
    z-index: -1;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 20px 20px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 20px 20px 8px rgba()0,0,0,0.2;
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    -moz-transform: rotate(0deg)
                    translate(-45px,-20px)
                       skew(20deg);
    -o-transform: rotate(0deg)
                    translate(-45px,-20px)
                       skew(20deg);
    transform: rotate(0deg)
                translate(-45px,-20px)
                skew(20deg);
}

/*** BOX 3 ***/

.box3{
    width: 100%;
	min-height: 100px;
    padding: 5px 0 ;
	color: #FFFFFF;
    position:relative;
    background: #333;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
 
.box3:before{
    content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -moz-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
        -o-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
                transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
}
 
.box3:after{
    content: '';
    width: 50px;
    height: 50px;
    top:0; left:0;
    position:absolute;
    z-index:-1;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    -moz-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    -o-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
}
 
.shr_box3{
    width: 100px;
    height: 100px;
    bottom:0; right:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-20px,-15px)
                       skew(20deg);
    -moz-transform: rotate(0deg)
                        translate(-20px,-15px)
                       skew(20deg);
    -o-transform: rotate(0deg)
                        translate(-20px,-15px)
                       skew(20deg);
        transform: rotate(0deg)
                        translate(-20px,-15px)
                       skew(20deg);
}
 
.shl_box3{
    content: '';
    width: 100px;
    height: 100px;
    bottom:0; left:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(20px,-15px)
                       skew(-20deg);
    -moz-transform: rotate(0deg)
                        translate(20px,-15px)
                       skew(-20deg);
    -o-transform: rotate(0deg)
                        translate(20px,-15px)
                       skew(-20deg);
    transform: rotate(0deg)
                        translate(20px,-15px)
                       skew(-20deg);
}

/*** BOX 4 ***/

.box4{
    width: 100%;
	min-height: 100px;
    padding: 0 0 1px 0;
    position:relative;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f3f3f3);
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
 
.box4:before{
    content: '';
    position:absolute;
    width: 130px;
    height: 30px;
	z-index:2;
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
    -moz-transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
        -o-transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
        transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
}
 
.box4:after{
    content: '';
    position:absolute;
    right:0;
    bottom:0;
	z-index:2;
    width: 130px;
    height: 30px;
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg);

    -moz-transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg);
    -o-transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg);
    transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg)
}


.box {
	width:100%;
    color: #444444;
	background:#FFF;
	background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
}
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect5:before, .effect5:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect5:after

{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓カラーボーダー

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/


.box-color1 {
  height:100%;
  border: solid #45f365;
  position: relative;
  z-index:1;
}

.box-color2 {
  height:100%;
  border: solid #35e;
  position: relative;
  z-index:1;
}
.box-color3 {
  height:100%;
  border: solid #d32178;
  position: relative;
  z-index:1;
}

.box-color4 {
  height:100%;
  border: solid #31caef;
  position: relative;
  z-index:1;
}

.box-color5 {
  height:100%;
  border: solid #090;
  position: relative;
  z-index:1;
}

.box-color6 {
  height:100%;
  border: solid #c30;
  position: relative;
  z-index:1;
}
.box-color7 {
  height:100%;
  border: solid #f39;
  position: relative;
  z-index:1;
}
.box-color8 {
  height:100%;
  border: solid #f9f;
  position: relative;
  z-index:1;
}
.box-color9 {
  height:100%;
  border: solid #69f;
  position: relative;
  z-index:1;
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓画像背景のシンプルボックス

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.box-img01 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../img/back/box-img01.gif);
}
.box-img02 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../img/back/box-img02.gif); 
}
.box-img03 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../img/back/box-img03.gif); 
}
.box-img04 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../img/back/box-img04.gif); 
}
.box-img05 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../img/back/box-img05.gif); 
}
.box-img06 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../img/back/box-img06.gif); 
}
.box-img07 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../img/back/box-img07.gif); 
}
.box-img08 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../img/back/box-img08.gif); 
}
.box-img09 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	background-image:url(../img/back/box-img09.gif); 
}
.box-img10 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	background-image:url(../img/back/box-img10.gif); 
}
.box-img11 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	background-image:url(../img/back/box-img11.gif); 
}
.box-img12 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	background-image:url(../img/back/box-img12.gif); 
	}


.box-img13 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	background-image:url(../img/back/box-img13.gif); 
}
.box-img14 { 
	background: url(../img/back/grain.png) repeat #333; 
	color: #fff; 
	min-height: 50px;
	width: 100%;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5); 
	line-height: 1.5em; 
	box-shadow: 0 0 25px rgba(0,0,0,0.3); 
	border: 1px solid rgba(150,150,150,0.1); }

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓画像背景のぎゴージャスボックス

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
	
.box2-img01 { 
   background-image: url('../img/back/flame01_inner.png') ;
   height: auto;
   background-size: contain;
   padding: 15px 70px 15px 70px; 
}
@media screen and (max-width: 480px) {
.box2-img01 {
   padding: 10px 30px 10px 30px; 
}
}
.box2-img02 { 
   background-image: url('../img/back/flame02_inner.png') ;
   height: auto;
   background-size: contain;
   padding: 0px 50px 0px 50px; 
}
@media screen and (max-width: 480px) {
.box2-img02 {
   padding: 0px 25px 0px 25px; 
}
}
.box2-img03 { 
   background-image: url('../img/back/flame03_inner.png') ;
   height: auto;
   background-size: contain;
   padding: 10px 110px 10px 110px;
   min-height: 150px;
}
@media screen and (max-width: 480px) {
.box2-img03 {
   padding: 10px 50px 10px 50px; 
}
}	
.box2-img04 { 
   background-image: url('../img/back/flame04_inner.png') ;
   height: auto;
   background-size: contain;
   padding: 15px 60px 15px 60px; 
}
@media screen and (max-width: 480px) {
.box2-img04 {
   padding: 10px 25px 10px 25px; 
}
}
.box2-img05 { 
   background-image: url('../img/back/flame05_inner.png') ;
   height: auto;
   background-size: contain;
   padding: 15px 60px 15px 60px;  
}
@media screen and (max-width: 480px) {
.box2-img05 {
   padding: 10px 25px 10px 25px;  
}
}
.box2-img06 { 
   background-image: url('../img/back/flame06_inner.png') ;
   height: auto;
   background-size: contain;
   padding: 10px 70px 10px 70px;
}
@media screen and (max-width: 480px) {
.box2-img06 {
   padding: 10px 30px 10px 30px; 
}
}	
.box2-img07 { 
   background-image: url('../img/back/flame07_inner.png') ;
   height: auto;
   background-size: contain;
   padding: 10px 50px 10px 50px;
}
@media screen and (max-width: 480px) {
.box2-img07 {
   padding: 10px 25px 10px 25px; 
}
}	
.box2-img08 { 
   background-image: url('../img/back/flame08_inner.png') ;
   height: auto;
   background-size: contain;
   padding: 10px 70px 10px 70px;
}
@media screen and (max-width: 480px) {
.box2-img08 {
   padding: 10px 30px 10px 30px; 
}
}		
.box2-img09 { 
   background-image: url('../img/back/flame09_inner.png') ;
   height: auto;
   background-size: contain;
   padding: 10px 80px 10px 80px;
}
@media screen and (max-width: 480px) {
.box2-img09 {
   padding: 10px 40px 10px 40px; 
}
}	
.box2-img10 { 
   background-image: url('../img/back/flame10_inner.png') ;
   height: auto;
   background-size: contain;
   padding: 10px 60px 10px 60px;
}
@media screen and (max-width: 480px) {
.box2-img10 {
   padding: 10px 25px 10px 25px; 
}
}		
.box2-img11 { 
   background-image: url('../img/back/flame11_inner.jpg') ;
   height: auto;
   background-size: contain;
   padding: 10px 120px 10px 120px;
   min-height: 400px;
}
@media screen and (max-width: 480px) {
.box2-img11 {
   padding: 10px 55px 10px 55px; 
}
}	
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓ノート風スタイル

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.note {
  background-image: -webkit-linear-gradient(top, #e6e6e6 1px, transparent 1px);
  background-image: -moz-linear-gradient(top, #e6e6e6 1px, transparent 1px);
  background-image: -o-linear-gradient(top, #e6e6e6 1px, transparent 1px);
  background-image: -ms-linear-gradient(top, #e6e6e6 1px, transparent 1px);
  background-image: linear-gradient(to bottom, #e6e6e6 1px, transparent 1px);
  background-position: 0 -1px, 0;
  -webkit-background-size: 30px 30px, 100%;
  -moz-background-size: 30px 30px, 100%;
  background-size: 30px 30px, 100%;
  line-height: 30px;
  margin: 0px;
  overflow: hidden;
  padding: 0 1em;
  position: relative;
  text-align: left;
  z-index:0;
}
.note-0 {
  background-image: -webkit-linear-gradient(top, #e6e6e6 1px, transparent 1px);
  background-image: -moz-linear-gradient(top, #e6e6e6 1px, transparent 1px);
  background-image: -o-linear-gradient(top, #e6e6e6 1px, transparent 1px);
  background-image: -ms-linear-gradient(top, #e6e6e6 1px, transparent 1px);
  background-image: linear-gradient(to bottom, #e6e6e6 1px, transparent 1px);
  background-position: 0 -1px, 0;
  -webkit-background-size: 30px 30px, 100%;
  -moz-background-size: 30px 30px, 100%;
  background-size: 30px 30px, 100%;
  line-height: 30px;
  margin: 0px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  z-index:0;
}
.note01 {
  background-image: -webkit-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: -moz-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: -o-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: -ms-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: linear-gradient(to bottom, #999999 1px, transparent 1px);
  background-position: 0 -1px, 0;
  -webkit-background-size: 30px 30px, 100%;
  -moz-background-size: 30px 30px, 100%;
  background-size: 30px 30px, 100%;
  line-height: 30px;
  margin: 0px;
  overflow: hidden;
  padding: 0 1em;
  position: relative;
  text-align: left;
  z-index:0;
}
.note01-0 {
  background-image: -webkit-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: -moz-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: -o-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: -ms-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: linear-gradient(to bottom, #999999 1px, transparent 1px);
  background-position: 0 -1px, 0;
  -webkit-background-size: 30px 30px, 100%;
  -moz-background-size: 30px 30px, 100%;
  background-size: 30px 30px, 100%;
  line-height: 30px;
  margin: 0px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  z-index:0;
}
.note02 {
	width: 100%;
	padding: 20px 0 20px 0;
	background: #eee;
}
.note02 p {
	background: url(../img/back/line.png) repeat bottom left;
	line-height: 30px;
	margin: 0 30px;
}
.note03 {
	width: 100%;
	padding: 20px 0 20px 0;
	background: #fdfdc0;;
}
.note03 p {
	background: url(../img/back/line2.png) repeat bottom left;
	line-height: 30px;
	margin: 0 30px;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓その他デザインボックス

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
/*** リボン付き1（コーナー） ***/

.ribbon {
　padding:5px;
  width: 97%;
  min-height: 60px;
  border-radius: 0px;
  position: relative;
  z-index: 90;
  line-height:180%;
background:#eee;background-image:-moz-linear-gradient(top, #fff, #eee);background-image:-ms-linear-gradient(top, #fff, #eee);background-image:-o-linear-gradient( top, #fff, #eee);background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background-image:-webkit-linear-gradient(top, #fff, #eee);background-image:linear-gradient(top, #fff, #eee);border:1px
solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #9a9a9a;-webkit-box-shadow:0 1px 0 #9a9a9a;box-shadow:0 1px 0 #9a9a9a;padding:10px;
}
.inner2  {border:1px dashed #ccc;padding:15px 20px 15px 20px;-moz-box-shadow:0 0 0 1px #fff;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}

/*** 青リボン ***/ 
.ribbon-wrapper-blue {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}
 
.ribbon-blue {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #3BB9FF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#306EFF), to(#3BB9FF));
  background-image: -webkit-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:    -moz-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:     -ms-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:      -o-linear-gradient(top, #306EFF, #3BB9FF);
 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
 
.ribbon-blue:before, .ribbon-blue:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-blue:before {
  left: 0;
}
.ribbon-blue:after {
  right: 0;
}

/*** 赤リボン ***/ 
.ribbon-wrapper-red {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-red {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #e50000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7f0000), to(#e50000));
  background-image: -webkit-linear-gradient(top, #7f0000, #e50000);
  background-image:    -moz-linear-gradient(top, #7f0000, #e50000);
  background-image:     -ms-linear-gradient(top, #7f0000, #e50000);
  background-image:      -o-linear-gradient(top, #7f0000, #e50000);
 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
 
.ribbon-red:before, .ribbon-red:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-red:before {
  left: 0;
}
.ribbon-red:after {
  right: 0;
}

/*** 金リボン ***/ 
.ribbon-wrapper-gold {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-gold {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #f0e68c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b8860b), to(#f0e68c));
  background-image: -webkit-linear-gradient(top, #b8860b, #f0e68c);
  background-image:    -moz-linear-gradient(top, #b8860b, #f0e68c);
  background-image:     -ms-linear-gradient(top, #b8860b, #f0e68c);
  background-image:      -o-linear-gradient(top, #b8860b, #f0e68c);
 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
 
.ribbon-gold:before, .ribbon-gold:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-gold:before {
  left: 0;
}
.ribbon-gold:after {
  right: 0;
}


/*** リボン付き１（センター） ***/
.ribbon-center {
  width: 100%;
  min-height: 60px;
  border-radius: 0px;
  position: relative;
  z-index: 1;
  background:#eee;
  background-image:-moz-linear-gradient(top, #fff, #eee);
  background-image:-ms-linear-gradient(top, #fff, #eee);
  background-image:-o-linear-gradient( top, #fff, #eee);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image:-webkit-linear-gradient(top, #fff, #eee);
  background-image:linear-gradient(top, #fff, #eee);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
  padding:0px;
}
.ribbon-inner2{
	color: #000000;
	outline: none;
	padding: 0px 10px;
	margin: 60px 0px 20px 0px;
	line-height:180%;
}
ribbon {
    background: #fff;
    float: left;
    min-height: 40px;
    margin: 0px;
    position: relative;
    text-align: center;
    width: 100%;
}
ribbon h2 {
    background-color: #3BB9FF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#306EFF), to(#3BB9FF));
    background-image: -webkit-linear-gradient(top, #306EFF, #3BB9FF);
    background-image:    -moz-linear-gradient(top, #306EFF, #3BB9FF);
    background-image:     -ms-linear-gradient(top, #306EFF, #3BB9FF);
    background-image:      -o-linear-gradient(top, #306EFF, #3BB9FF);
    border: 0 solid rgba(0,0,0,0.2);
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    position: relative;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
}
ribbon.banner {
  z-index: -1;
}
ribbon.banner h2 {
    border-radius: 0 0 5px 5px;
    border-width: 0 1px 1px 1px;
    border-color: rgba(0,0,0,0.1);
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    display: inline-block;
    margin: -1px auto 0;
    padding: 15px 28px;
}
ribbon.banner h2:before, ribbon.banner h2:after {
    bottom: 4px;
    box-shadow: 0 6px 5px rgba(0,0,0,0.4);
    content: "";
    height: 10px;
    position: absolute;
    width: 47%;
    z-index: -1;
}
ribbon.banner h2::before {
    left: 3%;
    transform: rotate(-3.5deg);
}
ribbon.banner h2::after {
    right: 3%;
    transform: rotate(3.5deg);
}




/*** リボン付き2 ***/

.ribbon-text {
	clear: both;
	padding: 20px 30px 20px 30px;
	line-height:180%;
}

.ribbon-corner {
    position: absolute;
    left: 0;
    margin-top: 1px;
    border-top-color: #A2A2A2;
    border-left-color: #fff;
    border-style: solid;
    border-width: 4px 0 0 6px;
    line-height: 0;
}

/*** リボン付きオレンジ ***/
.ribbon-orange-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #f69b1f;
    background:#fffbe5;
    background-image:-moz-linear-gradient(top, #ffffff, #fffbe5);
    background-image:-ms-linear-gradient(top, #ffffff, #fffbe5);
    background-image:-o-linear-gradient( top, #ffffff, #fffbe5);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fffbe5));
    background-image:-webkit-linear-gradient(top, #ffffff, #fffbe5);
    background-image:linear-gradient(top, #ffffff, #fffbe5);
}
.ribbon-orange-outer {
    position: relative;
    left: -8px;
    border: 1px solid #f69b1f;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-orange-inner2 {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#ffa500;
    background-image:-moz-linear-gradient(top, #ffd700, #ffa500);
    background-image:-ms-linear-gradient(top, #ffd700, #ffa500);
    background-image:-o-linear-gradient( top, #ffd700, #ffa500);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffd700), to(#ffa500));
    background-image:-webkit-linear-gradient(top, #ffd700, #ffa500);
    background-image:linear-gradient(top, #ffd700, #ffa500);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

/*** リボン付き赤 ***/
.ribbon-red-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #eb0000;
    background:#ffece5;
    background-image:-moz-linear-gradient(top, #ffffff, #ffece5);
    background-image:-ms-linear-gradient(top, #ffffff, #ffece5);
    background-image:-o-linear-gradient( top, #ffffff, #ffece5);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffece5));
    background-image:-webkit-linear-gradient(top, #ffffff, #ffece5);
    background-image:linear-gradient(top, #ffffff, #ffece5);
}
.ribbon-red-outer {
    position: relative;
    left: -8px;
    border: 1px solid #eb0000;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-red-inner2 {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#eb0000;
    background-image:-moz-linear-gradient(top, #ff9999, #eb0000);
    background-image:-ms-linear-gradient(top, #ff9999, #eb0000);
    background-image:-o-linear-gradient( top, #ff9999, #eb0000);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ff9999), to(#eb0000));
    background-image:-webkit-linear-gradient(top, #ff9999, #eb0000);
    background-image:linear-gradient(top, #ff9999, #eb0000);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

/*** リボン付き青 ***/
.ribbon-blue-box { 
    width: 100%;
    margin: 0px;
    padding-top: 20px;
    border: 1px solid #0000cd;
    background:#f0f8ff;
    background-image:-moz-linear-gradient(top, #ffffff, #f0f8ff);
    background-image:-ms-linear-gradient(top, #ffffff, #f0f8ff);
    background-image:-o-linear-gradient( top, #ffffff, #f0f8ff);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f8ff));
    background-image:-webkit-linear-gradient(top, #ffffff, #f0f8ff);
    background-image:linear-gradient(top, #ffffff, #f0f8ff);
}
.ribbon-blue-outer {
    position: relative;
    left: -8px;
    border: 1px solid #0000cd;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-blue-inner2 {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#306EFF;
    background-image:-moz-linear-gradient(top, #3BB9FF, #306EFF);
    background-image:-ms-linear-gradient(top, #3BB9FF, #306EFF);
    background-image:-o-linear-gradient( top, #3BB9FF, #306EFF);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#3BB9FF), to(#306EFF));
    background-image:-webkit-linear-gradient(top, #3BB9FF, #306EFF);
    background-image:linear-gradient(top, #3BB9FF, #306EFF);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/*** リボン付き緑 ***/
.ribbon-green-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #008000;
    background:#e0f9e0;
    background-image:-moz-linear-gradient(top, #ffffff, #e0f9e0);
    background-image:-ms-linear-gradient(top, #ffffff, #e0f9e0);
    background-image:-o-linear-gradient( top, #ffffff, #e0f9e0);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0f9e0));
    background-image:-webkit-linear-gradient(top, #ffffff, #e0f9e0);
    background-image:linear-gradient(top, #ffffff, #e0f9e0);
}
.ribbon-green-outer {
    position: relative;
    left: -8px;
    border: 1px solid #008000;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-green-inner2 {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#008000;
    background-image:-moz-linear-gradient(top, #9acd32, #008000);
    background-image:-ms-linear-gradient(top, #9acd32, #008000);
    background-image:-o-linear-gradient( top, #9acd32, #008000);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#9acd32), to(#008000));
    background-image:-webkit-linear-gradient(top, #9acd32, #008000);
    background-image:linear-gradient(top, #9acd32, #008000);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/*** リボン付き紫 ***/
.ribbon-purple-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #800080;
    background:#edd5ed;
    background-image:-moz-linear-gradient(top, #ffffff, #e5bded);
    background-image:-ms-linear-gradient(top, #ffffff, #e5bded);
    background-image:-o-linear-gradient( top, #ffffff, #e5bded);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5bded));
    background-image:-webkit-linear-gradient(top, #ffffff, #e5bded);
    background-image:linear-gradient(top, #ffffff, #e5bded);
}
.ribbon-purple-outer {
    position: relative;
    left: -8px;
    border: 1px solid #800080;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-purple-inner2 {
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 1px;
	border: 1px solid #fff;
	background: #800080;
	background-image: -moz-linear-gradient(top, #dda0dd, #800080);
	background-image: -ms-linear-gradient(top, #dda0dd, #800080);
	background-image: -o-linear-gradient( top, #dda0dd, #800080);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dda0dd), to(#800080));
	background-image: -webkit-linear-gradient(top, #dda0dd, #800080);
	background-image: linear-gradient(top, #dda0dd, #800080);
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}


/*** リボン付きピンク ***/
.ribbon-pink-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #ff1493;
    background:#ffe5e9;
    background-image:-moz-linear-gradient(top, #ffffff, #ffe5e9);
    background-image:-ms-linear-gradient(top, #ffffff, #ffe5e9);
    background-image:-o-linear-gradient( top, #ffffff, #ffe5e9);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffe5e9));
    background-image:-webkit-linear-gradient(top, #ffffff, #ffe5e9);
    background-image:linear-gradient(top, #ffffff, #ffe5e9);
}
.ribbon-pink-outer {
    position: relative;
    left: -8px;
    border: 1px solid #ff1493;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-pink-inner2 {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#ff1493;
    background-image:-moz-linear-gradient(top, #ffc0cb, #ff1493);
    background-image:-ms-linear-gradient(top, #ffc0cb, #ff1493);
    background-image:-o-linear-gradient( top, #ffc0cb, #ff1493);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffc0cb), to(#ff1493));
    background-image:-webkit-linear-gradient(top, #ffc0cb, #ff1493);
    background-image:linear-gradient(top, #ffc0cb, #ff1493);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/*** リボン付き金 ***/
.ribbon-gold-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #b8860b;
    background:#ffffe5;
    background-image:-moz-linear-gradient(top, #ffffff, #ffffe5);
    background-image:-ms-linear-gradient(top, #ffffff, #ffffe5);
    background-image:-o-linear-gradient( top, #ffffff, #ffffe5);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffe5));
    background-image:-webkit-linear-gradient(top, #ffffff, #ffffe5);
    background-image:linear-gradient(top, #ffffff, #ffffe5);
}
.ribbon-gold-outer {
    position: relative;
    left: -8px;
    border: 1px solid #b8860b;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-gold-inner2 {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#b8860b;
    background-image:-moz-linear-gradient(top, #f0e68c, #b8860b);
    background-image:-ms-linear-gradient(top, #f0e68c, #b8860b);
    background-image:-o-linear-gradient( top, #f0e68c, #b8860b);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f0e68c), to(#b8860b));
    background-image:-webkit-linear-gradient(top, #f0e68c, #b8860b);
    background-image:linear-gradient(top, #f0e68c, #b8860b);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/*** リボン付き黒 ***/
.ribbon-black-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #333333;
	background:#f5f5f5;
    background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image:-o-linear-gradient( top, #ffffff, #f5f5f5);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
    background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image:linear-gradient(top, #ffffff, #f5f5f5);
}
.ribbon-black-outer {
	position: relative;
    left: -8px;
    border: 1px solid #333333;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-black-inner2 {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#333333;
    background-image:-moz-linear-gradient(top, #a9a9a9, #333333);
    background-image:-ms-linear-gradient(top, #a9a9a9, #333333);
    background-image:-o-linear-gradient( top, #a9a9a9, #333333);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#333333));
    background-image:-webkit-linear-gradient(top, #a9a9a9, #333333);
    background-image:linear-gradient(top, #a9a9a9, #333333);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/*** リボン付き3 ***/

.promoBox {
	display: inline-block;
	position: relative;
	margin-bottom: 0px;
	padding: 20px;
	width: 94%;
    border: 2px solid #ddd;
	-webkit-border-radius: 8px;
			border-radius: 8px;
  	overflow: hidden;

	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(135deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );

	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

.promoBox aside {
	position: absolute;
	width: 280px;
	right: 0;
	margin: 0 -65px 0 0;
	-webkit-transform: rotate(35deg);
	 -khtml-transform: rotate(35deg);
	   -moz-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
			transform: rotate(35deg);
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
	text-align: right;
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	background: #4f85bb;
	background: -moz-linear-gradient(-45deg, #4f85bb 0%, #4f85bb 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4f85bb), color-stop(100%,#4f85bb));
	background: -webkit-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
	background: -o-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
	background: -ms-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
	background: linear-gradient(135deg, #4f85bb 0%,#4f85bb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=1 );

}

.promoBox aside p { padding:10px 80px 10px 80px; margin: 0; }
.promoBox h4 { 
	font-size: 25px; 
	margin: 0; 
	padding: 0 25% 10px 10px; 
	border-bottom: 1px solid #ddd;
	line-height: 120%; 
}
.promoBox-inner { 
    padding: 10px 10px 10px 10px; 
	font-size: 15px;
	line-height: 180%; 
	 }

/* COLOR: Box & Text
\* --------------------------------- */
.promoBox.info-box {
	background: #e0f3fa;
	background: -moz-linear-gradient(-45deg, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd));
	background: -webkit-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: -o-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: -ms-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: linear-gradient(135deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=1 );
	border-color: #b6e1f6;
}
.promoBox.info-box h4 { color: #225b9c; border-color: #8dc2dd; }

.promoBox.warning-box {
	background: #fceabb;
	background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
	background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: -o-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: -ms-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 );
	border-color: #fccf5a;
}
.promoBox.warning-box h4 { color: #775600; border-color: #9e8135; }

.promoBox.danger-box {
	background: #f85032;
	background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
	background: -webkit-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: -o-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: -ms-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: linear-gradient(135deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 );
	border-color: #ff433e;
	color: #fff;
}
.promoBox.danger-box h4 { color: #fff; border-color: #ff706d; }

.promoBox.success-box {
	background: #9dd53a;
	background: -moz-linear-gradient(-45deg, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));
	background: -webkit-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: -o-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: -ms-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: linear-gradient(135deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 );
	border-color: #9dd53a;
	color: #fff;
}
.promoBox.success-box h4 { color: #4d690b; border-color: #ccfc5a; }

/* COLOR: Ribbon
\* --------------------------------- */
.promoBox.info-ribbon aside {
	background: #1e5799;
	background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}

.promoBox.warning-ribbon aside {
	background: #f9c667;
	background: -moz-linear-gradient(-45deg, #f9c667 0%, #f79621 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
	background: -webkit-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
	background: -o-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
	background: -ms-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
	background: linear-gradient(135deg, #f9c667 0%,#f79621 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 );
}

.promoBox.danger-ribbon aside {
	background: #ff3019;
	background: -moz-linear-gradient(45deg, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	background: -o-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	background: -ms-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	background: linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
}

.promoBox.success-ribbon aside {
	background: #a9db80;
	background: -moz-linear-gradient(-45deg, #a9db80 0%, #96c56f 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f));
	background: -webkit-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
	background: -o-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
	background: -ms-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
	background: linear-gradient(135deg, #a9db80 0%,#96c56f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=1 );
}



/*** 吹き出し付き ***/

.article_box {
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
  margin-bottom: 25px;
}

.article_box_header_bg {
  display: block;
  background: #dcdcdc;
  color: rgba(0, 0, 0, .65);
  text-decoration: none;
  padding:15px 20px 10px 20px;
  font-size: 150%;
  position: relative;
}

.article_box_header_bg span {
  border-bottom: 2px dashed transparent;
  transition: border .5s;
}
.article_box_header_bg:hover span {
  border-bottom-color: rgba(0, 0, 0, .25);
}

.article_box_text-fff {
  display: block;
  color: #FFF;
  line-height: 150%;
}

.article_box_text-333 {
  display: block;
  color: #333333;
  line-height: 150%;
}

/**シルバー**/

.silver .article_box_header_bg {
  background:#d3d3d3;
  background-image:-moz-linear-gradient(top, #fff, #d3d3d3);
  background-image:-ms-linear-gradient(top, #fff, #d3d3d3);
  background-image:-o-linear-gradient( top, #fff, #d3d3d3);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3d3d3));
  background-image:-webkit-linear-gradient(top, #fff, #d3d3d3);
  background-image:linear-gradient(top, #fff, #d3d3d3);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.silver .article_box_meta::before {
  border-top-color: #d3d3d3;
}

.article_box_meta {
  background: #222;
  padding: 20px 25px;
  padding-top: 30px;
  position: relative;
  border:5px solid #d3d3d3;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta::before {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: #dcdcdc;
  width: 0;
  height: 0;
  border-width: 15px 15px 0;
  position: absolute;
  top: 0;
}

.article_box_meta::after {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: rgba(32, 32, 32, .25);
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}

/**レッド**/

.red .article_box_header_bg {
  color: #FFF;
  background:#660000;
  background-image:-moz-linear-gradient(top, #330000, #660000);
  background-image:-ms-linear-gradient(top, #330000, #660000);
  background-image:-o-linear-gradient( top, #330000, #660000);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#330000), to(#660000));
  background-image:-webkit-linear-gradient(top, #330000, #660000);
  background-image:linear-gradient(top, #330000, #660000);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta2::before {
  border-top-color: #FFF;
}

.article_box_meta2 {
  background: #FFF;
  padding: 20px 25px;
  padding-top: 30px;
  position: relative;
  border:5px solid #660000;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta2::before {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: #660000;
  width: 0;
  height: 0;
  border-width: 15px 15px 0;
  position: absolute;
  top: 0;
}

.article_box_meta2::after {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: rgba(32, 32, 32, .25);
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}

/**ブラック**/

.black .article_box_header_bg {
  color: #FFF;
  background:#444;
  background-image:-moz-linear-gradient(top, #222, #444);
  background-image:-ms-linear-gradient(top, #222, #444);
  background-image:-o-linear-gradient( top, #222, #444);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#222), to(#444));
  background-image:-webkit-linear-gradient(top, #222, #444);
  background-image:linear-gradient(top, #222, #444);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.black .article_box_meta::before {
  border-top-color: #d3d3d3;
}

.article_box_meta3 {
  background: #FFF;
  padding: 20px 25px;
  padding-top: 30px;
  position: relative;
  border:5px solid #444;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta3::before {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: #444;
  width: 0;
  height: 0;
  border-width: 15px 15px 0;
  position: absolute;
  top: 0;
}

.article_box_meta3::after {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: rgba(32, 32, 32, .25);
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}

/**ブルー**/

.blue .article_box_header_bg {
  color: #FFF;
  background:#3BB9FF;
  background-image:-moz-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:-ms-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:-o-linear-gradient( top, #306EFF, #3BB9FF);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#306EFF), to(#3BB9FF));
  background-image:-webkit-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:linear-gradient(top, #306EFF, #3BB9FF);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.blue .article_box_meta::before {
  border-top-color: #d3d3d3;
}

.article_box_meta4 {
  background: #FFF;
  padding: 20px 25px;
  padding-top: 30px;
  position: relative;
  border:5px solid #3BB9FF;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta4::before {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: #3BB9FF;
  width: 0;
  height: 0;
  border-width: 15px 15px 0;
  position: absolute;
  top: 0;
}

.article_box_meta4::after {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: rgba(32, 32, 32, .25);
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}

/**イエロー**/

.yellow .article_box_header_bg {
  color: #FFF;
  background:#b8860b;
  background-image:-moz-linear-gradient(top, #b8860b, #daa520);
  background-image:-ms-linear-gradient(top, #b8860b, #daa520);
  background-image:-o-linear-gradient( top, #b8860b, #daa520);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#b8860b), to(#daa520));
  background-image:-webkit-linear-gradient(top, #b8860b, #daa520);
  background-image:linear-gradient(top, #b8860b, #daa520);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.yellow .article_box_meta::before {
  border-top-color: #d3d3d3;
}

.article_box_meta5 {
  background: #FFF;
  padding: 20px 25px;
  padding-top: 30px;
  position: relative;
  border:5px solid #daa520;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta5::before {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: #daa520;
  width: 0;
  height: 0;
  border-width: 15px 15px 0;
  position: absolute;
  top: 0;
}

.article_box_meta5::after {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: rgba(32, 32, 32, .25);
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}
@media only screen and (max-width: 768px) {
.article_box_meta2,.article_box_meta3, .article_box_meta4, .article_box_meta5 {
	padding: 20px 15px 15px 15px;
}
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓ポラロイド

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

/*** ポラロイド1 ***/

.pola1{
	width: 180px;
	min-height: 120px;
	position: relative;
	border: 2px solid #ccc;
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
}
 
.pola1:before{
    content: '';
    width: 110%;
    left: 0;
    height: 125%;
    z-index:-1;
    position:absolute;
    border: 1px solid #ccc;
    background: #f3f3f3;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0 0 90deg, #f3f3f3, #f3f3f3 10%, #fff);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
    -webkit-transform: translate(-5%,-5%);
    -moz-transform: translate(-5%, -5%);
    -o-transform: translate(-5%, -5%);
    transform: translate(-5%, -5%);
}
 
.pola1:after{
    content: '';
    width: 100%;
    left: 0;
    height: 115%;
    z-index:-2;
    background: none;
    position:absolute;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 15px 0px 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 15px 0px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 15px 0px 30px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

/**注意書き**/
.cyuui01-1 {
    margin: 0px ;
    text-align: left ;
    border: 5px #ff6666 solid ;
    position: relative ;
    z-index: 100 ;
    background: #fff ;
}

.cyuui01-1::before {
    content: "" ;
    position: absolute ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    left: 0 ;
    border: 2px #ff9999 solid ;
    margin: 2px ;
    display: block ;
    z-index: -1 ;
    background: #fff ;
}

.cyuui01-1::after {
    content: "" ;
    position: absolute ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    left: 0 ;
    border: 2px #0000ff solid ;
    margin: 2px ;
    display: block ;
    z-index: -5 ;
    background: #fff ;
}
.cyuui01-2 {
    margin: 0px ;
    text-align: left ;
    border: 5px #F7D358 solid ;
    position: relative ;
    z-index: 100 ;
    background: #000 ;
	color: #F7D358;
}

.cyuui01-2::before {
    content: "" ;
    position: absolute ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    left: 0 ;
    border: 2px #F7D358 solid ;
    margin: 2px ;
    display: block ;
    z-index: -1 ;
    background: #000 ;
}

.cyuui01-2::after {
    content: "" ;
    position: absolute ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    left: 0 ;
    border: 2px #F7D358 solid ;
    margin: 2px ;
    display: block ;
    z-index: -5 ;
    background: #000 ;
}
.cyuui02-1 {
    margin: 0px ;
    text-align: left ;
    box-shadow: 0 0 0 5px #ff6666 inset ;
    position: relative ;
    z-index: 100 ;
    background: #fff ;
    overflow: hidden ;
}

.cyuui02-1::before {
  border-radius: 50% ;
  display: block ;
  position: absolute ;
  top: -10px ;
  left: -10px ;
  width: 20px ;
  height: 20px ;
  content: "" ;
  background-color: #ff6666 ;
  box-shadow: 0 0 0 2px #fff, 0 0 0 7px #ff6666 ;
}

.cyuui02-1:after {
  border-radius: 50% ;
  display: block ;
  position: absolute ;
  bottom: -10px ;
  right: -10px ;
  width: 20px ;
  height: 20px ;
  content: "" ;
  background-color: #ff6666 ;
  box-shadow: 0 0 0 2px #fff, 0 0 0 7px #ff6666 ;
}
.cyuui02-2 {
    margin: 0px ;
    text-align: left ;
    box-shadow: 0 0 0 5px #F7D358 inset ;
    position: relative ;
    z-index: 100 ;
    background: #000 ;
    overflow: hidden ;
	color: #F7D358;
	font-size: 100%;
}

.cyuui02-2::before {
  border-radius: 50% ;
  display: block ;
  position: absolute ;
  top: -10px ;
  left: -10px ;
  width: 20px ;
  height: 20px ;
  content: "" ;
  background-color: #F7D358 ;
  box-shadow: 0 0 0 2px #000, 0 0 0 7px #F7D358 ;
}

.cyuui02-2:after {
  border-radius: 50% ;
  display: block ;
  position: absolute ;
  bottom: -10px ;
  right: -10px ;
  width: 20px ;
  height: 20px ;
  content: "" ;
  background-color: #F7D358 ;
  box-shadow: 0 0 0 2px #000, 0 0 0 7px #F7D358 ;
}
/**引用**/
figure {
    margin: 20px 30px;
    padding: 20px 30px 10px 30px ;
    border: 1px #000 solid ;
}
blockquote {
    text-align: center ;
    position: relative ;
    background: #fff ;
}

blockquote::before,
blockquote::after {
    position: absolute ;
    font: 4em Georgia ;
    color: #f66 ;
}

blockquote::before {
    top: 0 ;
    left: 0 ;
    content: "“" ;
}

blockquote::after {
    bottom: -0.5em ;
    right: 0em ;
    content: "”" ;
}

blockquote p {
    padding: 20px ;
	font-size: 200%;
	line-height: 150%;
}

blockquote+p {
    text-align: right ;
}

p cite::before {
    content: "― " ;
}
@media only screen and (max-width: 768px) {
figure {
	padding: 0px 0px 5px 0px;
	margin: 15px 0px;
}
	blockquote p {
	font-size: 140%;
}
	blockquote+p {
    text-align: right ;
	padding: 0px 20px 5px 0px;
}
}
/**タイトル付きBOX**/
.tbox01 {
    position: relative;
    margin: 1em 0;
    padding: 1em 1.5em;
    border: solid 3px #333333;
    border-radius: 8px;
}
.tbox01 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    
    background: #FFF;
    color: #333333;
	font-size: 150%;
}
.tbox01-1 {
    position: relative;
    margin: 1em 0;
    padding: 1em 1.5em;
    border: solid 3px #FA5858;
    border-radius: 8px;
}
.tbox01-1 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #FA5858;
}

.tbox01-2 {
    position: relative;
    margin: 1em 0;
    padding: 1em 1.5em;
    border: solid 3px #5fb3f5;
    border-radius: 8px;
}
.tbox01-2 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 20px;
    background: #FFF;
    color: #5fb3f5;
	font-weight: bold;
}

.tbox01-3 {
    position: relative;
    margin: 1em 0;
    padding: 1em 1.5em;
    border: solid 3px #FFC107;
    border-radius: 8px;
}
.tbox01-3 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #FFC107;
}

.tbox01-4 {
    position: relative;
    margin: 1em 0;
    padding: 1em 1.5em;
    border: solid 3px #62c1ce;
    border-radius: 8px;
}
.tbox01-4 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #62c1ce;
}

.tbox01-5 {
    position: relative;
    margin: 1em 0;
    padding: 1em 1.5em;
    border: solid 3px #F781BE;
    border-radius: 8px;
}
.tbox01-5 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #F781BE;
}


.tbox02 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1.5em;
    border: solid 3px #333333;
}
.tbox02 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0.1em 1.5em 0em 1.5em;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #333333;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.tbox02-1 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1.5em;
    border: solid 3px #FA5858;
}
.tbox02-1 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0.1em 1.5em 0em 1.5em;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FA5858;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.tbox02-2 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1.5em;
    border: solid 3px #5fb3f5;
}
.tbox02-2 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0.1em 1.5em 0em 1.5em;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #5fb3f5;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.tbox02-3 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1.5em;
    border: solid 3px #FFC107;
}
.tbox02-3 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0.1em 1.5em 0em 1.5em;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.tbox02-4 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1.5em;
    border: solid 3px #62c1ce;
}
.tbox02-4 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0.1em 1.5em 0em 1.5em;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.tbox02-5 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1.5em;
    border: solid 3px #F781BE;
}
.tbox02-5 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0.1em 1.5em 0em 1.5em;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #F781BE;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}
.tbox03 {
    position: relative;
    margin: 0.5em 0;
    padding: 65px 20px 10px 20px;
    border: solid 2px #333333;
}
.tbox03 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 10px 15px 10px 15px;
    height: auto;
    line-height: 25px;
    vertical-align: middle;
    font-size: 120%;
    background: #1D3760;
    color: #ffffff;
}
.tbox03-1 {
    position: relative;
    margin: 0.5em 0;
    padding: 40px 20px 10px 20px;
    border: solid 2px #FA5858;
}
.tbox03-1 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0.2em 1.5em 0em 1.5em;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FA5858;
    color: #ffffff;
}
.tbox03-2 {
    position: relative;
    margin: 0.5em 0;
    padding: 40px 20px 10px 20px;
    border: solid 2px #5fb3f5;
}
.tbox03-2 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0.2em 1.5em 0em 1.5em;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #5fb3f5;
    color: #ffffff;
}
.tbox03-3 {
    position: relative;
    margin: 0.5em 0;
    padding: 40px 20px 10px 20px;
    border: solid 2px #FFC107;
}
.tbox03-3 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0.2em 1.5em 0em 1.5em;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
}
.tbox03-4 {
    position: relative;
    margin: 0.5em 0;
    padding: 40px 20px 10px 20px;
    border: solid 2px #62c1ce;
}
.tbox03-4 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0.2em 1.5em 0em 1.5em;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
}
.tbox03-5 {
    position: relative;
    margin: 0.5em 0;
    padding: 40px 20px 10px 20px;
    border: solid 2px #F781BE;
}
.tbox03-5 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0.2em 1.5em 0em 1.5em;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #F781BE;
    color: #ffffff;
}


.tbox04 {
    margin: 1em 0;
    background: #F2F2F2;
}
.tbox04 .box-title {
    font-size: 1.2em;
    background: #333333;
    padding: 10px 20px 8px 20px;
    text-align: left;
    color: #FFF;
    letter-spacing: 0.05em;
	font-weight: bold;
}
.tbox04 p {
    padding: 15px 20px;
    margin: 0;
	 text-align: left;
}

.tbox04-1 {
    margin: 1em 0;
    background: #FFECEC;
}
.tbox04-1 .box-title {
    font-size: 1.2em;
    background: #FA5858;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.tbox04-1 p {
    padding: 15px 20px;
    margin: 0;
}

.tbox04-2 {
    margin: 1em 0;
    background: #dcefff;
}
.tbox04-2 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.tbox04-2 .box-title {

    padding: 10px 10px 8px 10px;
  
}
}
.tbox04-2 p {
    padding: 20px 30px;
    margin: 0;
}

@media screen and (max-width: 768px) {
.tbox04-2 p {
    padding: 10px 15px;
    margin: 0;
}
}
.tbox04-3 {
    margin: 1em 0;
    background: #FFFEE3;
}
.tbox04-3 .box-title {
    font-size: 1.2em;
    background: #FFC107;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.tbox04-3 p {
    padding: 15px 20px;
    margin: 0;
}

.tbox04-4 {
    margin: 1em 0;
    background: #E3FFFA;
}
.tbox04-4 .box-title {
    font-size: 1.2em;
    background: #62c1ce;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.tbox04-4 p {
    padding: 15px 20px;
    margin: 0;
}
.tbox04-5 {
    margin: 1em 0;
    background: #FFF1FF;
}
.tbox04-5 .box-title {
    font-size: 1.2em;
    background: #F781BE;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.tbox04-5 p {
    padding: 15px 20px;
    margin: 0;
}
.tbox05 {
    margin: 1em 0;
    background: #F2F2F2;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.tbox05 .box-title {
    font-size: 1.2em;
    background: #333333;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.tbox05 p {
    padding: 15px 20px;
    margin: 0;
}

.tbox05-1 {
    margin: 1em 0;
    background: #FFECEC;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.tbox05-1 .box-title {
    font-size: 1.2em;
    background: #FA5858;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.tbox05-1 p {
    padding: 15px 20px;
    margin: 0;
}

.tbox05-2 {
    margin: 1em 0;
    background: #dcefff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.tbox05-2 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
	font-weight: bold;
}
.tbox05-2 p {
    padding: 15px 20px;
    margin: 0;
}

.tbox05-3 {
    margin: 1em 0;
    background: #FFFEE3;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.tbox05-3 .box-title {
    font-size: 1.2em;
    background: #FFC107;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.tbox05-3 p {
    padding: 15px 20px;
    margin: 0;
}

.tbox05-4 {
    margin: 1em 0;
    background: #E3FFFA;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.tbox05-4 .box-title {
    font-size: 1.2em;
    background: #62c1ce;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.tbox05-4 p {
    padding: 15px 20px;
    margin: 0;
}
.tbox05-5 {
    margin: 1em 0;
    background: #FFF1FF;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.tbox05-5 .box-title {
    font-size: 1.2em;
    background: #F781BE;
    padding: 10px 20px 8px 20px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.tbox05-5 p {
    padding: 15px 20px;
    margin: 0;
}

.tbox06 {
    background-color: #fff;
    border: 2px solid #333333;
    border-radius: 5px;
    margin: 30px 0px 10px 0px;
    padding: 30px 20px 10px 20px;
    position: relative;
}
.tbox06:before{
    background-color: #333333;
    border-radius: 5px;
    color: #fff;
    content: '吹き出し内はCSSで指定';
    padding: 5px 20px;
    position: absolute;
    left: -10px;
    top: -20px;
}
.tbox06:after{
    border-top: 12px solid #333333;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  position: absolute;
  top: 10px;
  left: 15px;
}
.tbox06-1 {
    background-color: #fff;
    border: 2px solid #FA5858;
    border-radius: 5px;
    margin: 30px 0px 10px 0px;
    padding: 30px 20px 10px 20px;
    position: relative;
}
.tbox06-1:before{
    background-color: #FA5858;
    border-radius: 5px;
    color: #fff;
    content: '吹き出し内はCSSで指定';
    padding: 5px 20px;
    position: absolute;
    left: -10px;
    top: -20px;
}
.tbox06-1:after{
    border-top: 12px solid #FA5858;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  position: absolute;
  top: 10px;
  left: 15px;
}
.tbox06-2 {
    background-color: #fff;
    border: 2px solid #5fb3f5;
    border-radius: 5px;
    margin: 30px 0px 10px 0px;
    padding: 30px 20px 10px 20px;
    position: relative;
}
.tbox06-2:before{
    background-color: #5fb3f5;
    border-radius: 5px;
    color: #fff;
    content: 'ICO';
    padding: 5px 20px;
    position: absolute;
    left: -10px;
    top: -20px;
}
.tbox06-2:after{
    border-top: 12px solid #5fb3f5;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  position: absolute;
  top: 10px;
  left: 15px;
}
.tbox06-3 {
    background-color: #fff;
    border: 2px solid #FFC107;
    border-radius: 5px;
    margin: 30px 0px 10px 0px;
    padding: 30px 20px 10px 20px;
    position: relative;
}
.tbox06-3:before{
    background-color: #FFC107;
    border-radius: 5px;
    color: #fff;
    content: '吹き出し内はCSSで指定';
    padding: 5px 20px;
    position: absolute;
    left: -10px;
    top: -20px;
}
.tbox06-3:after{
    border-top: 12px solid #FFC107;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  position: absolute;
  top: 10px;
  left: 15px;
}
.tbox06-4 {
    background-color: #fff;
    border: 2px solid #62c1ce;
    border-radius: 5px;
    margin: 30px 0px 10px 0px;
    padding: 30px 20px 10px 20px;
    position: relative;
}
.tbox06-4:before{
    background-color: #62c1ce;
    border-radius: 5px;
    color: #fff;
    content: '吹き出し内はCSSで指定';
    padding: 5px 20px;
    position: absolute;
    left: -10px;
    top: -20px;
}
.tbox06-4:after{
    border-top: 12px solid #62c1ce;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  position: absolute;
  top: 10px;
  left: 15px;
}
.tbox06-5 {
    background-color: #fff;
    border: 2px solid #F781BE;
    border-radius: 5px;
    margin: 30px 0px 10px 0px;
    padding: 30px 20px 10px 20px;
    position: relative;
}
.tbox06-5:before{
    background-color: #F781BE;
    border-radius: 5px;
    color: #fff;
    content: '吹き出し内はCSSで指定';
    padding: 5px 20px;
    position: absolute;
    left: -10px;
    top: -20px;
}
.tbox06-5:after{
    border-top: 12px solid #F781BE;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  position: absolute;
  top: 10px;
  left: 15px;
}
.tbox07{
    border: 1px solid #333333;
    border-radius: 5px;
	margin: 10px 0px 10px 0px;
    padding: 55px 10px 10px 10px;
    position: relative;
    z-index: 0;
}
.tbox07:before{
    background-color: #333333;
    border-radius: 5px 5px 0px 0px;
    color: #FFFFFF;
    content: '吹き出し内はCSSで指定';
    height: 25px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.tbox07:after {
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #333333 transparent transparent transparent;
    content: "";
    position: absolute;
    top: 35px;
    left: 10px;
    width: 0px;
    height: 0px;
    z-index: -1;
}
.tbox07-1{
    border: 1px solid #FA5858;
    border-radius: 5px;
	margin: 10px 0px 10px 0px;
    padding: 55px 10px 10px 10px;
    position: relative;
    z-index: 0;
}
.tbox07-1:before{
    background-color: #FA5858;
    border-radius: 5px 5px 0px 0px;
    color: #FFFFFF;
    content: '吹き出し内はCSSで指定';
    height: 25px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.tbox07-1:after {
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #FA5858 transparent transparent transparent;
    content: "";
    position: absolute;
    top: 35px;
    left: 10px;
    width: 0px;
    height: 0px;
    z-index: -1;
}
.tbox07-2{
    border: 1px solid #5fb3f5;
    border-radius: 5px;
	margin: 10px 0px 10px 0px;
    padding: 55px 10px 10px 10px;
    position: relative;
    z-index: 0;
}
.tbox07-2:before{
    background-color: #5fb3f5;
    border-radius: 5px 5px 0px 0px;
    color: #FFFFFF;
    content: '吹き出し内はCSSで指定';
    height: 25px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.tbox07-2:after {
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #5fb3f5 transparent transparent transparent;
    content: "";
    position: absolute;
    top: 35px;
    left: 10px;
    width: 0px;
    height: 0px;
    z-index: -1;
}
.tbox07-3{
    border: 1px solid #FFC107;
    border-radius: 5px;
	margin: 10px 0px 10px 0px;
    padding: 55px 10px 10px 10px;
    position: relative;
    z-index: 0;
}
.tbox07-3:before{
    background-color: #FFC107;
    border-radius: 5px 5px 0px 0px;
    color: #FFFFFF;
    content: '吹き出し内はCSSで指定';
    height: 25px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.tbox07-3:after {
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #FFC107 transparent transparent transparent;
    content: "";
    position: absolute;
    top: 35px;
    left: 10px;
    width: 0px;
    height: 0px;
    z-index: -1;
}
.tbox07-4{
    border: 1px solid #62c1ce;
    border-radius: 5px;
	margin: 10px 0px 10px 0px;
    padding: 55px 10px 10px 10px;
    position: relative;
    z-index: 0;
}
.tbox07-4:before{
    background-color: #62c1ce;
    border-radius: 5px 5px 0px 0px;
    color: #FFFFFF;
    content: '吹き出し内はCSSで指定';
    height: 25px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.tbox07-4:after {
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #62c1ce transparent transparent transparent;
    content: "";
    position: absolute;
    top: 35px;
    left: 10px;
    width: 0px;
    height: 0px;
    z-index: -1;
}
.tbox07-5{
    border: 1px solid #F781BE;
    border-radius: 5px;
	margin: 10px 0px 10px 0px;
    padding: 55px 10px 10px 10px;
    position: relative;
    z-index: 0;
}
.tbox07-5:before{
    background-color: #F781BE;
    border-radius: 5px 5px 0px 0px;
    color: #FFFFFF;
    content: '吹き出し内はCSSで指定';
    height: 25px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.tbox07-5:after {
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #F781BE transparent transparent transparent;
    content: "";
    position: absolute;
    top: 35px;
    left: 10px;
    width: 0px;
    height: 0px;
    z-index: -1;
}
.toumei-box {
  width: 100%;
  background: inherit;
  border: 0px solid rgba(0,0,0,0.1);
  border-radius: 6px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.25);
  overflow: hidden;

  &:before {
    content: '';
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    background: inherit;
    filter: blur(10px) saturate(2);
  }
}
.toumei-box .title {
    padding: 18px 20px 10px 20px;
    background: rgba(235,235,235,0.85);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: center;
	font-size: 140%;
    
    &:hover {
      cursor: move;
    }
  }
  
.toumei-box .content {
    padding: 20px;
    background: rgba(255,255,255,0.66);
  }

/**見出し**/

.fusen01{
	position:relative;
	margin:0 22px 0 10px;
	padding:14px 15px 0px 20px;
	font:normal 24px/1.3 serif;
	color:#009;
	background:#ffc;
	box-shadow:
		12px 0 0 0 #ffc,
		0 12px 0 0 #ffc,
		1px 15px 4px -3px rgba(0,0,0,0.2);
}
.fusen01:before{
	content:" ";
	position:absolute;
	top:100%;
	left:100%;
	width:0;
	height:0;
	border-width:12px 12px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#cc9;
}
.fusen01:after{
	content:" ";
	position:absolute;
	padding:0 20px;
	bottom:0;
	left:10px;
	width:120px;
	height:20px;
	background:rgba(255,182,182,0.4);
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓QAボックス

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
/**ブラック**/
.q01-bg {
	background-image:url(../img/back/bg-333333.png);
	
}
.q01 {
	background-image:url(../img/back/q01.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.q01-2 {
	background-image:url(../img/back/q01-2.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.a01-bg {
	background-color: #EDEDED;
	padding: 15px 20px 20px 30px;
	margin-bottom: 10px;
}
.a01 {
	background-image:url(../img/back/a01.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
.a01-2 {
	background-image:url(../img/back/a01-2.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
/**レッド**/
.q02-bg {
	background-image:url(../img/back/bg-D34265.png);
	
}
.q02 {
	background-image:url(../img/back/q02.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.q02-2 {
	background-image:url(../img/back/q02-2.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.a02-bg {
	background-color: #FFEEFF;
	padding: 15px 20px 20px 30px;
	margin-bottom: 10px;
}
.a02 {
	background-image:url(../img/back/a02.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
.a02-2 {
	background-image:url(../img/back/a02-2.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
/**ブルー*/
.q03-bg {
	background-image:url(../img/back/bg-006BB4.png);
	
}
.q03 {
	background-image:url(../img/back/q03.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.q03-2 {
	background-image:url(../img/back/q03-2.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.a03-bg {
	background-color: #F0F8FF;
	padding: 15px 20px 20px 30px;
	margin-bottom: 10px;
}
.a03 {
	background-image:url(../img/back/a03.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
.a03-2 {
	background-image:url(../img/back/a03-2.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
/**オレンジ*/
.q04-bg {
	background-image:url(../img/back/bg-EF8200.png);
	
}
.q04 {
	background-image:url(../img/back/q04.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.q04-2 {
	background-image:url(../img/back/q04-2.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.a04-bg {
	background-color: #FFFBF0;
	padding: 15px 20px 20px 30px;
	margin-bottom: 10px;
}
.a04 {
	background-image:url(../img/back/a04.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
.a04-2 {
	background-image:url(../img/back/a04-2.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
/**グリーン*/
.q05-bg {
	background-image:url(../img/back/bg-55B467.png);
	
}
.q05 {
	background-image:url(../img/back/q05.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.q05-2 {
	background-image:url(../img/back/q05-2.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.a05-bg {
	background-color: #F7FFF0;
	padding: 15px 20px 20px 30px;
	margin-bottom: 10px;
}
.a05 {
	background-image:url(../img/back/a05.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
.a05-2 {
	background-image:url(../img/back/a05-2.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
/**紫*/
.q06-bg {
	background-image:url(../img/back/bg-AD2F8B.png);
	
}
.q06 {
	background-image:url(../img/back/q06.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.q06-2 {
	background-image:url(../img/back/q06-2.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.a06-bg {
	background-color: #FCF3FF;
	padding: 15px 20px 20px 30px;
	margin-bottom: 10px;
}
.a06 {
	background-image:url(../img/back/a06.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
.a06-2 {
	background-image:url(../img/back/a06-2.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
/**ピンク*/
.q07-bg {
	background-image:url(../img/back/bg-EC7DAD.png);
	
}
.q07 {
	background-image:url(../img/back/q07.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.q07-2 {
	background-image:url(../img/back/q07-2.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.a07-bg {
	background-color: #FFF3FE;
	padding: 15px 20px 20px 30px;
	margin-bottom: 10px;
}
.a07 {
	background-image:url(../img/back/a07.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
.a07-2 {
	background-image:url(../img/back/a07-2.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
/**薄紫*/
.q08-bg {
	background-image:url(../img/back/bg-948AC1.png);
	
}
.q08 {
	background-image:url(../img/back/q08.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.q08-2 {
	background-image:url(../img/back/q08-2.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.a08-bg {
	background-color: #FDF3FF;
	padding: 15px 20px 20px 30px;
	margin-bottom: 10px;
}
.a08 {
	background-image:url(../img/back/a08.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
.a08-2 {
	background-image:url(../img/back/a08-2.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
/**水色*/
.q09-bg {
	background-image:url(../img/back/bg-4FA2DA.png);
	
}
.q09 {
	background-image:url(../img/back/q09.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.q09-2 {
	background-image:url(../img/back/q09-2.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.a09-bg {
	background-color: #F3FEFF;
	padding: 15px 20px 20px 30px;
	margin-bottom: 10px;
}
.a09 {
	background-image:url(../img/back/a09.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
.a09-2 {
	background-image:url(../img/back/a09-2.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
/**ゴールド*/
.q10-bg {
	background-image:url(../img/back/bg-9E8313.png);
	
}
.q10 {
	background-image:url(../img/back/q10.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.q10-2 {
	background-image:url(../img/back/q10-2.png);
	background-repeat: no-repeat;
	min-height: 80px;
	padding: 35px 20px 15px 120px;
	font-size: 120%;
	color: #FFFFFF;
}
.a10-bg {
	background-color: #FFFCF3;
	padding: 15px 20px 20px 30px;
	margin-bottom: 10px;
}
.a10 {
	background-image:url(../img/back/a10.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}
.a10-2 {
	background-image:url(../img/back/a10-2.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding: 0px 0px 0px 70px;
}

@media screen and (max-width: 640px) {
.q01,.q02,.q03,.q04,.q05,.q06,.q07,.q08,.q09,.q10, .q01-2,.q02-2,.q03-2,.q04-2,.q05-2,.q06-2,.q07-2,.q08-2,.q09-2,.q10-2 {
	padding: 80px 20px 15px 20px;
}
.a01-bg, .a02-bg, .a03-bg, .a04-bg, .a05-bg, .a06-bg, .a07-bg, .a08-bg, .a09-bg, .a10-bg {
	padding: 15px 15px 20px 10px;
}	
.a01,.a02, .a03, .a04, .a05, .a06, .a07, .a08, .a09, .a10,.a01-2,.a02-2, .a03-2, .a04-2, .a05-2, .a06-2, .a07-2, .a08-2, .a09-2, .a10-2 {
	padding: 0px 0px 0px 60px;
}	
}

.qabox01 {
    margin: 1em 0;
    background: #F2F2F2;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.qabox01 .box-title {
    font-size: 1.2em;
    background: #333333;
    padding: 10px 20px 8px 20px;
    text-align: left;
    color: #FFF;
    letter-spacing: 0.05em;
	font-weight: 300;
}
.qabox01 p {
    padding: 15px 20px;
    margin: 0;
}

.qabox01-1 {
    margin: 1em 0;
    background: #FFECEC;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.qabox01-1 .box-title {
    font-size: 1.2em;
    background: #FA5858;
    padding: 10px 20px 8px 20px;
    text-align: left;
    color: #FFF;
    letter-spacing: 0.05em;
	font-weight: 300;
}
.qabox01-1 p {
    padding: 15px 20px;
    margin: 0;
}

.qabox01-2 {
    margin: 1em 0;
    background: #dcefff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.qabox01-2 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 10px 20px 8px 20px;
    text-align: left;
    color: #FFF;
    letter-spacing: 0.05em;
	font-weight: 300;
}
.qabox01-2 p {
    padding: 15px 20px;
    margin: 0;
}

.qabox01-3 {
    margin: 1em 0;
    background: #FFFEE3;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.qabox01-3 .box-title {
    font-size: 1.2em;
    background: #FFC107;
    padding: 10px 20px 8px 20px;
    text-align: left;
    color: #FFF;
    letter-spacing: 0.05em;
	font-weight: 300;
}
.qabox01-3 p {
    padding: 15px 20px;
    margin: 0;
}

.qabox01-4 {
    margin: 1em 0;
    background: #E3FFFA;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.qabox01-4 .box-title {
    font-size: 1.2em;
    background: #62c1ce;
    padding: 10px 20px 8px 20px;
    text-align: left;
    color: #FFF;
    letter-spacing: 0.05em;
	font-weight: 300;
}
.qabox01-4 p {
    padding: 15px 20px;
    margin: 0;
}
.qabox01-5 {
    margin: 1em 0;
    background: #FFF1FF;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.qabox01-5 .box-title {
    font-size: 1.2em;
    background: #F781BE;
    padding: 10px 20px 8px 20px;
    text-align: left;
    color: #FFF;
    letter-spacing: 0.05em;
	font-weight: 300;
}
.qabox01-5 p {
    padding: 15px 20px;
    margin: 0;
}
/*FAQ共通*/
.faq{
    color: #FEFEFE;
    text-transform: capitalize;
    position: relative;
	padding:10px 20px 10px 20px;
	line-height:150%;
	font-weight:300;
}
.answer{
    text-transform: capitalize;
    position: relative;
	padding:10px 25px 20px 25px;
	line-height:150%;
	color: #6B6B6B;
	font-size: 100%;
}
@media screen and (max-width: 768px) {
.answer{
	padding:10px 15px 25px 15px;
	line-height:150%;
	font-size: 100%;
}}
/*FAQ色違い*/
.q01-block{
    width: 100%;    
    margin: 20px 0px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color:#FFFFFF;
	border: 1px solid #78CFBF; 
}
.q01 .faq{        
    background: #78CFBF; 
}
.q01-red-block{
    width: 100%;    
    margin: 20px 0px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color:#FFFFFF;
	border: 1px solid #E3536C; 
}
.q01-red .faq{        
    background: #E3536C; 
}
.q01-blue-block{
    width: 100%;    
    margin: 20px 0px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color:#FFFFFF;
	border: 1px solid #5D94E7; 
}
.q01-blue .faq{        
    background: #5D94E7; 
}
.q01-orange-block{
    width: 100%;    
    margin: 20px 0px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color:#FFFFFF;
	border: 1px solid #F90; 
}
.q01-orange .faq{        
    background: #F90; 
}
.q01-purple-block{
    width: 100%;    
    margin: 20px 0px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color:#FFFFFF;
	border: 1px solid #939; 
}
.q01-purple .faq{        
    background: #939; 
}
.q01-gray-block{
    width: 100%;    
    margin: 20px 0px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color:#FFFFFF;
	border: 1px solid #ababab; 
}
.q01-gray .faq{        
    background: #ababab; 
}
.q01-black-block{
    width: 100%;    
    margin: 20px 0px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color:#FFFFFF;
	border: 1px solid #333; 
}
.q01-black .faq{        
    background: #333; 
}
/*FAQ共通*/
.answer02{
	padding:10px 20px 30px 30px;
	line-height:150%;
}
/*FAQ色違い*/
.q02-black {
	border-bottom: 3px double #333;
	padding-bottom:5px;
	font-size:18px;
}
.q02-red {
	border-bottom: 3px double #E3536C;
	padding-bottom:5px;
	font-size:18px;
}
.q02-blue {
	border-bottom: 3px double #3EC6E0;
	padding-bottom:5px;
	font-size:18px;
}
.q02-orange {
	border-bottom: 3px double #F90;
	padding-bottom:5px;
	font-size:18px;
}
.q02-purple {
	border-bottom: 3px double #939;
	padding-bottom:5px;
	font-size:18px;
}
.q02-green {
	border-bottom: 3px double #78CFBF;
	padding-bottom:5px;
	font-size:18px;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓体験談

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.voice01{
    width: 100%;
	min-height: 100px;
    padding: 5px 0 ;
	margin: 15px 0px;
    position:relative;
    background: #fff;
    background: -moz-linear-gradient(0% 0% 360deg, #fff, #f2f2f2 20%, #fff );
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
 
.voice01:before{
    content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -moz-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
        -o-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
                transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
}
 
.voice01:after{
    content: '';
    width: 50px;
    height: 50px;
    top:0; left:0;
    position:absolute;
    z-index:-1;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    -moz-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    -o-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
}
.t-title01 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}
.t-name01 {
	font-size: 100%;
	text-align: right;
}


.voice02{
    border: solid 1px #cccccc;
	margin: 10px 0px;
}
.voice02-inner{
margin: 0px 10px;
padding:5px 0px 10px 0px;
outline: none;
overflow: hidden;
position: relative;
z-index:0;
}
hr.voice02{
	border-top: 0px solid #cccccc;
	margin: 0px;
}
img.voice02{
	width: 32px;
	margin: 8px 10px;
	border: none;
    border-radius: 3px;
    -moz-border-image: border-radius: 3px;
    -webkit-border-image: border-radius: 3px;
}
.t-name02 {
	font-size: 88%;
}
.t-name02-02 {
	color: #999999;
}
.voice03-img {
  float: left;
  margin-right: 1em;
  margin-left: 18px;
  margin-bottom: 0;
  max-width:100%;
  height:auto;
}
.voice03-text {
	font-size: 92%;
}
.voice03 {
  background-image:url(../img/back/voice03_02.png);
  height: auto;
  background-size: contain;
  padding: 0px 20px 0px 20px;
}
hr.voice03 {
	border-top: 1px dotted #F4B267;
	border-bottom: 1px dotted #FEF8E8;
}
@media screen and (max-width: 640px) {
.voice03-img {
  margin-left: 1px;
}
.voice03 {
  padding: 0px 16px 5px 16px;
}
hr.voice03 {
	border-top: 1px dotted #F4B267;
	border-bottom: 1px dotted #FEF8E8;
}	
}
.voice04 {
	position: relative;
	background: #333333;
	border: 4px solid #cccccc;
	border-radius: 20px;
    -moz-border-image: border-radius: 20px;
    -webkit-border-image: border-radius: 20px;
}
.voice04:after, .voice04:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.voice04:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #333333;
	border-width: 15px;
	margin-left: -15px;
}
.voice04:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #cccccc;
	border-width: 21px;
	margin-left: -21px;
}
.voice04_inner{
	padding: 20px 20px 20px 20px;
	font-size: 180%;
	font-weight: 500;
	line-height: 130%;
	color: #ffffff;
	text-align: center;
}
.voice04-img {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  max-width:100%;
  height:auto;
  transform: rotateZ( 7deg );
}
@media screen and (max-width: 640px) {
.voice04_inner{
	padding: 20px 20px 20px 20px;
	font-size: 120%;
}
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓会話風

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
/*ショートメッセージタイプ*/
img.myimg{
  width: 60px;
  height: auto;
  vertical-align: bottom;
  border: 2px solid #fff;
  border-radius: 50%;
  -moz-border-image: border-radius: 50%;
  -webkit-border-image: border-radius: 50%;
  float: right;
  margin-right: 0;
  margin-bottom: 1em;
}
img.yourimg{
  width: 60px;
  height: auto;
  vertical-align: bottom;
  border: 2px solid #fff;
  border-radius: 50%;
  -moz-border-image: border-radius: 50%;
  -webkit-border-image: border-radius: 50%;
  float: left;
  margin-left: 0;
  margin-bottom: 1em;
}
.chat-inner{
margin: 0px 0px;
padding:5px 0px 10px 0px;
outline: none;
overflow: hidden;
position: relative;
z-index:0;
}
.mychat{
  position: relative;
  box-sizing: border-box;
  max-width: 580px;
  min-height: 50px;
  border-radius: 10px;
  padding: 1em;	
}
.mychat:before {
  position: absolute;
  top: 15px;
  left: -20px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 10px solid transparent;
  right: -20px;
  left: auto;
  border-color: transparent;
}
.mychat.talk01:before {
  border-left-color: #03CD46;
}
.yourchat{
  position: relative;
  box-sizing: border-box;
  max-width: 580px;
  min-height: 50px;
  border-radius: 10px;
  padding: 1em;	
}
.yourchat:before {
  position: absolute;
  top: 15px;
  left: -20px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 10px solid transparent;
  right: auto;
  left: -20px;
  border-color: transparent;
}
/*カラーその１*/
.mychat.talk01{
  margin: 0 15px 0 auto;
  color: #FFFFFF;
  background: #03CD46;
  float: right;
}
.mychat.talk01:before {
  border-left-color: #03CD46;
}
.yourchat.talk01{
  margin: 0 auto 0 15px;
  color: #000;
  background: #E6E6EA;
  float: left;
}
.yourchat:before {
  border-right-color: #E6E6EA;
}
/*カラーその2*/
.mychat.talk02{
  margin: 0 15px 0 auto;
  color: #FFFFFF;
  background: #0785FE;
  float: right;
}
.mychat.talk02:before {
  border-left-color: #0785FE;
}
.yourchat.talk02{
  margin: 0 auto 0 15px;
  color: #000;
  background: #E6E6EA;
  float: left;
}
.yourchat.talk02:before {
  border-right-color: #E6E6EA;
}
/*LINE風カラー*/
.line-bg {
  background-color: #7395C3;
  padding: 20px 10px;
}
.line-inner{
margin: 0px 0px;
padding:0px 0px 15px 0px;
outline: none;
overflow: hidden;
position: relative;
z-index:0;
}
.mychat.talk03{
  margin: 0 15px 0 auto;
  color: #000000;
  background: #86E349;
  float: right;
}
.mychat.talk03:before {
  border-left-color: #86E349;
}
.yourchat.talk03{
  margin: 0 auto 0 15px;
  color: #000;
  background: #FFFFFF;
  float: left;
}
.yourchat.talk03:before {
  border-right-color: #FFFFFF;
}
.line-name01{
	padding: 0px 15px;
	color: #FFFFFF;
	font-size: 92%;
}
.line-name02{
	padding: 0px 15px;
	color: #FFFFFF;
	text-align: right;
	font-size: 92%;
}
img.yourchat{
  max-width: 300px;
  height: auto;
  float: left;
}
img.mychat{
  max-width: 300px;
  height: auto;
  float: right;
}
@media screen and (max-width: 640px) {
img.yourchat{
  max-width: 130px;
}
img.mychat{
  max-width: 130px;
}
}
/*チャットワーク風カラー*/
img.cw{
  width: 50px;
  height: auto;
  vertical-align: bottom;
  border-radius: 50% 50% 0 50%;
  float: left;
  margin-right: 20px;
  margin-bottom: 1em;
}
.cw-inner{
margin: 0px 10px;
padding:5px 0px 14px 0px;
outline: none;
overflow: hidden;
position: relative;
z-index:0;
}
hr.cw{
	border-top: 0px solid #000000;
	margin: 0px 0px 7px 0px;
}
.cw-name {
	font-size: 100%;
	color: #539BC5;
}
.cw-name02 {
	color: #999999;
	font-size: 82%;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓見出し

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.t-title02 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #987B31;/*左線*/
}
.t-title03 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #cccccc;/*左線*/
}
.t-title04 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #FA5858;/*左線*/
}
.t-title05 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}
.t-title06 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}
.t-title-font{
font-size: 150%;
}
@media screen and (max-width: 640px) {
.t-title-font{
font-size: 120%;
}
}