/****************************************
          1. ベース指定
*****************************************/

h1,h2,h3,h4,h5,h6,p,div,ul,li{margin:0; padding:0; font-weight:normal;}
ul,li{ list-style-type:none;}
hr{height:0px;margin:0;padding:0;border:none;}
/*--clearfix--*/

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

.of-parent {overflow: hidden !important;zoom: 1;}
.of-child {float: left;}
.of-childr {float: right;}

img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* ベースリンク指定
-------------------------------------------------*/
a{
     outline:none;
}

a:link { text-decoration:none; color:#069;}
a:visited {text-decoration: none; color: #069;}
a:active { text-decoration:none; color: #C00;}
a:hover { text-decoration:none; color:#C00;}

a.alink-none{text-decoration:none !important;}
a:hover.alink-none{text-decoration:none !important;}
a:active.alink-none{text-decoration:none !important;}
a:visited.alink-none{text-decoration:none !important;}
a:link.alink-none{text-decoration:none !important;}

/****************************************
          3. モジュール
*****************************************/


/* ページトップ指定
-------------------------------------------------*/

/* スクロールトップ */

#page-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	/*font-size: 77%;*/
	z-index:10000000;
	display:none;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	padding: 5px;
	text-align: center;
	display: block;
    background-color: #868583;
    -webkit-border-radius: 50%;
    border-radius: 50% !important;
	line-height: 1rem;
	/* border-radius: 4px;
	background-color: #ACACAC;*/
}
#page-top a:hover {
	text-decoration: none;
	/* background: #999; */
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/****************************************
          4. 使いまわしパーツ
*****************************************/

/* 打ち消し
-------------------------------------------------*/

.border-b-none{
    border-bottom:0px !important;
}

/* パンくず
-------------------------------------------------*/
.l-pan-list{
    width: 100%;
    padding: 8px 0 12px;
    background-color: #FFF;
    border-bottom:1px solid #EEE;
    border-top:1px solid #EEE;
}
.pan-box{
    width: 960px;
    height: 20px;
    margin: 0 auto;
}
.pan{
    width: 70%;
    height: 20px;
    margin: 0;
    float: left;
}
.pan li{
    float: left;
    padding: 2px 5px 2px 0;
    font-size: 12px;
    line-height: 20px;
    color: #CC3366;
}
.pan li:last-child{
    font-weight: bold;
    float: left;
    padding: 2px 5px 2px 0;
    font-size: 13px;
    line-height: 20px;
}
.pan li img{
    padding: 4px 4px 2px 3px;
}
.pan li a{
    text-decoration: underline;
    color: #666;
}
.pan li a:hover{
    text-decoration: none;
}
.pan-sns{
    width: 30%;
    height: 20px;
    float: right
}
.pan-facebook{
    float: right;
    width: 100px;
    height: 20px;
    margin: 0 0;
}
.pan-twitter{
    float: right;
    width: 80px;
    height: 20px;
    margin: 0 5px 0 10px;
}

/****************************************
        5. パーツ指定
*****************************************/

/* 追尾メニュー
-------------------------------------------------*/

.fixed{
  position: fixed;
  top: 0px;
  z-index: 9999;
}

/* 文字サイズ変更用
-------------------------------------------------*/

html{font-size: 62.5% !important;}

.txt10px {font-size: 20px;/*10px*/}

.txt08 {font-size: 0.8rem;/*8px*/}
.txt09 {font-size: 0.9rem;/*9px*/}
.txt10 {font-size: 1rem;/*10px*/}
.txt11 {font-size: 1.1rem;/*11px*/}
.txt12 {font-size: 1.2rem;/*12px*/}
.txt13 {font-size: 1.3rem;/*13px*/}
.txt14 {font-size: 1.4rem;/*14px*/}
.txt15 {font-size: 1.5rem;/*15px*/}
.txt16 {font-size: 1.6rem;/*16px*/}
.txt17 {font-size: 1.7rem;/*17px*/}
.txt18 {font-size: 1.8rem;/*18px*/}
.txt19 {font-size: 1.9rem;/*19px*/}
.txt20 {font-size: 2rem;/*20px*/}
.txt21 {font-size: 2.1rem;/*21px*/}
.txt22 {font-size: 2.2rem;/*22px*/}
.txt23 {font-size: 2.3rem;/*23px*/}
.txt24 {font-size: 2.4rem;/*24px*/}
.txt25 {font-size: 2.5rem;/*25px*/}
.txt26 {font-size: 2.6rem;/*26px*/}
.txt27 {font-size: 2.7rem;/*27px*/}
.txt28 {font-size: 2.8rem;/*28px*/}
.txt29 {font-size: 2.9rem;/*29px*/}
.txt30 {font-size: 3rem;/*30px*/}
.txt31 {font-size: 3.1rem;/*31px*/}
.txt32 {font-size: 3.2rem;/*32px*/}
.txt33 {font-size: 3.3rem;/*33px*/}
.txt34 {font-size: 3.4rem;/*34px*/}
.txt35 {font-size: 3.5rem;/*35px*/}
.txt36 {font-size: 3.6rem;/*36px*/}
.txt37 {font-size: 3.7rem;/*37px*/}
.txt38 {font-size: 3.8rem;/*38px*/}
.txt39 {font-size: 3.9rem;/*39px*/}
.txt40 {font-size: 4rem;/*40px*/}
.txt41 {font-size: 4.1rem;/*41px*/}
.txt42 {font-size: 4.2rem;/*42px*/}
.txt43 {font-size: 4.3rem;/*43px*/}
.txt44 {font-size: 4.4rem;/*44px*/}
.txt45 {font-size: 4.5rem;/*45px*/}
.txt46 {font-size: 4.6rem;/*46px*/}
.txt47 {font-size: 4.7rem;/*47px*/}
.txt48 {font-size: 4.8rem;/*48px*/}
.txt49 {font-size: 4.9rem;/*49px*/}
.txt40 {font-size: 5rem;/*50px*/}

/* 文字効果
-------------------------------------------------*/
.bold {vertical-align: baseline; font-weight: bold;}
.bolder{vertical-align: baseline;font-weight: bolder;display:inline;}
.nobr {white-space: nowrap;}

a.is-hover{
    /*  background-color:#fff; */ /*背景に白を設定*/
    display:block; /*ブロック化重要！*/
    }
a.is-hover img{
    transition:all 0.5s ease;
    }
a:hover.is-hover img{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    }
a:hover.is-hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
}

/* 画像効果
-------------------------------------------------*/
.is-pic{
    max-width:100%;
    height:auto;
}

.is-pic-hover{display:block;}
.is-pic-hover a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

/* 影効果
-------------------------------------------------*/
.is-shadow01{
box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;}


/* 背景カラー
-------------------------------------------------*/
.is-bg-none{background:none; }


/* スペーサー
-------------------------------------------------*/
.spacer10 { clear: both; height: 10px;}
.spacer20 { clear: both; height: 20px;}
.spacer30 { clear: both; height: 30px;}
.spacer40 { clear: both; height: 40px;}
.spacer50 { clear: both; height: 50px;}
.spacer60 { clear: both; height: 60px;}
.spacer70 { clear: both; height: 70px;}
.spacer80 { clear: both; height: 80px;}
.spacer90 { clear: both; height: 90px;}
.spacer100 { clear: both; height: 100px;}

/* 横幅
-------------------------------------------------*/

.r-w10{max-width:10% !important;}
.r-w20{max-width:20% !important;}
.r-w30{max-width:30% !important;}
.r-w40{max-width:40% !important;}
.r-w50{max-width:50% !important;}
.r-w60{max-width:60% !important;}
.r-w70{max-width:70% !important;}
.r-w80{max-width:80% !important;}
.r-w90{max-width:90% !important;}
.r-w100{max-width:100% !important;}

/* marginによる幅調整
-------------------------------------------------*/

/* マージンセンター配置 */

.mauto{margin:0 auto;}

/* マージントップ（％指定） */

.r-mt0{margin-top: 0%;}
.r-mt1{margin-top: 1%;}
.r-mt2{margin-top: 2%;}
.r-mt3{margin-top: 3%;}
.r-mt4{margin-top: 4%;}
.r-mt5{margin-top: 5%;}
.r-mt6{margin-top: 6%;}
.r-mt7{margin-top: 7%;}
.r-mt8{margin-top: 8%;}
.r-mt9{margin-top: 9%;}
.r-mt10{margin-top: 10%;}
.r-mt15{margin-top: 15%;}
.r-mt20{margin-top: 20%;}
.r-mt25{margin-top: 25%;}
.r-mt30{margin-top: 30%;}
.r-mt40{margin-top: 40%;}
.r-mt50{margin-top: 50%;}
.r-mt60{margin-top: 60%;}
.r-mt70{margin-top: 70%;}
.r-mt80{margin-top: 80%;}
.r-mt90{margin-top: 90%;}

/* マージンレフト（％指定） */

.r-ml0{margin-left: 0%;}
.r-ml1{margin-left: 1%;}
.r-ml2{margin-left: 2%;}
.r-ml3{margin-left: 3%;}
.r-ml4{margin-left: 4%;}
.r-ml5{margin-left: 5%;}
.r-ml6{margin-left: 6%;}
.r-ml7{margin-left: 7%;}
.r-ml8{margin-left: 8%;}
.r-ml9{margin-left: 9%;}
.r-ml10{margin-left: 10%;}
.r-ml15{margin-left: 15%;}
.r-ml20{margin-left: 20%;}
.r-ml25{margin-left: 25%;}
.r-ml30{margin-left: 30%;}
.r-ml40{margin-left: 40%;}
.r-ml50{margin-left: 50%;}
.r-ml60{margin-left: 60%;}
.r-ml70{margin-left: 70%;}
.r-ml80{margin-left: 80%;}
.r-ml90{margin-left: 90%;}

/* マージンライト（％指定） */

.r-mr0{margin-right: 0%;}
.r-mr1{margin-right: 1%;}
.r-mr2{margin-right: 2%;}
.r-mr3{margin-right: 3%;}
.r-mr4{margin-right: 4%;}
.r-mr5{margin-right: 5%;}
.r-mr6{margin-right: 6%;}
.r-mr7{margin-right: 7%;}
.r-mr8{margin-right: 8%;}
.r-mr9{margin-right: 9%;}
.r-mr10{margin-right: 10%;}
.r-mr15{margin-right: 15%;}
.r-mr20{margin-right: 20%;}
.r-mr25{margin-right: 25%;}
.r-mr30{margin-right: 30%;}
.r-mr40{margin-right: 40%;}
.r-mr50{margin-right: 50%;}
.r-mr60{margin-right: 60%;}
.r-mr70{margin-right: 70%;}
.r-mr80{margin-right: 80%;}
.r-mr90{margin-right: 90%;}

/* マージンボトム（％指定） */

.r-mb0{margin-bottom: 0% !important;}
.r-mb1{margin-bottom: 1%;}
.r-mb2{margin-bottom: 2%;}
.r-mb3{margin-bottom: 3%;}
.r-mb4{margin-bottom: 4%;}
.r-mb5{margin-bottom: 5%;}
.r-mb6{margin-bottom: 6%;}
.r-mb7{margin-bottom: 7%;}
.r-mb8{margin-bottom: 8%;}
.r-mb9{margin-bottom: 9%;}
.r-mb10{margin-bottom: 10%;}
.r-mb15{margin-bottom: 15%;}
.r-mb20{margin-bottom: 20%;}
.r-mb25{margin-bottom: 25%;}
.r-mb30{margin-bottom: 30%;}
.r-mb40{margin-bottom: 40%;}
.r-mb50{margin-bottom: 50%;}
.r-mb60{margin-bottom: 60%;}
.r-mb70{margin-bottom: 70%;}
.r-mb80{margin-bottom: 80%;}
.r-mb90{margin-bottom: 90%;}

/* paddingによる幅調整
-------------------------------------------------*/

/* パディング全体（％指定） */

.r-p1{padding: 1%;}
.r-p2{padding: 2%;}
.r-p3{padding: 3%;}
.r-p4{padding: 4%;}
.r-p5{padding: 5%;}
.r-p6{padding: 6%;}
.r-p7{padding: 7%;}
.r-p8{padding: 8%;}
.r-p9{padding: 9%;}
.r-p10{padding: 10%;}

/* パディングトップ（％指定） */

.r-pt1{padding-top: 1%;}
.r-pt2{padding-top: 2%;}
.r-pt3{padding-top: 3%;}
.r-pt4{padding-top: 4%;}
.r-pt5{padding-top: 5%;}
.r-pt6{padding-top: 6%;}
.r-pt7{padding-top: 7%;}
.r-pt8{padding-top: 8%;}
.r-pt9{padding-top: 9%;}
.r-pt10{padding-top: 10%;}

/* パディングボトム（％指定） */

.r-pb1{padding-bottom: 1%;}
.r-pb2{padding-bottom: 2%;}
.r-pb3{padding-bottom: 3%;}
.r-pb4{padding-bottom: 4%;}
.r-pb5{padding-bottom: 5%;}
.r-pb6{padding-bottom: 6%;}
.r-pb7{padding-bottom: 7%;}
.r-pb8{padding-bottom: 8%;}
.r-pb9{padding-bottom: 9%;}
.r-pb10{padding-bottom: 10%;}

/* パディングレフト（％指定） */

.r-pl1{padding-left: 1%;}
.r-pl2{padding-left: 2%;}
.r-pl3{padding-left: 3%;}
.r-pl4{padding-left: 4%;}
.r-pl5{padding-left: 5%;}
.r-pl6{padding-left: 6%;}
.r-pl7{padding-left: 7%;}
.r-pl8{padding-left: 8%;}
.r-pl9{padding-left: 9%;}
.r-pl10{padding-left: 10%;}

/* パディングライト（％指定） */

.r-pr1{padding-right: 1%;}
.r-pr2{padding-right: 2%;}
.r-pr3{padding-right: 3%;}
.r-pr4{padding-right: 4%;}
.r-pr5{padding-right: 5%;}
.r-pr6{padding-right: 6%;}
.r-pr7{padding-right: 7%;}
.r-pr8{padding-right: 8%;}
.r-pr9{padding-right: 9%;}
.r-pr10{padding-right: 10%;}


/* フロート調整
-------------------------------------------------*/
.is-right{float: right;}
.is-left{float: left;}
.is-center {clear: both;text-align:center;}

.is-top {vertical-align:top !important; margin-top:0; margin-bottom:auto;}
.is-middle {vertical-align:middle !important; margin-top:auto; margin-bottom:auto;}
.is-bottom {vertical-align:bottom !important; margin-top:auto; margin-bottom:0;}

.is-align-left {text-align:left !important;}
.is-align-center {text-align:center !important;}
.is-align-right {text-align:right !important;}

.r-is-align-center {text-align:center !important;}
.r-is-align-left {text-align:left !important;}
.r-is-align-right {text-align:right !important;}

.is-box-sizing{
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

/* 角丸
-------------------------------------------------*/

.is-br0{border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
.is-br1{border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px;}
.is-br2{border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.is-br3{border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.is-br4{border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.is-br5{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.is-br6{border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.is-br7{border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.is-br8{border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.is-br9{border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;}
.is-br10{border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.is-br15{border-radius: 15px; -webkit-border-radius: 15px;  -moz-border-radius: 15px;}
.is-br20{border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}

/* CSS3 147色
-------------------------------------------------*/

.AliceBlue{color:#F0F8FF;}
.AntiqueWhite{color:#FAEBD7;}
.Aqua{color:#00FFFF;}
.Aquamarine {color:#7FFFD4;}
.Azure {color:#F0FFFF;}
.Beige {color:#F5F5DC;}
.Bisque {color:#FFE4C4;}
.Black {color:#000000;}
.BlanchedAlmond {color:#FFEBCD;}
.Blue {color:#0000FF;}
.BlueViolet {color:#8A2BE2;}
.Brown {color:#A52A2A;}
.BurlyWood {color:#DEB887;}
.CadetBlue {color:#5F9EA0;}
.Chartreuse {color:#7FFF00;}
.Chocolate {color:#D2691E;}
.Coral {color:#FF7F50;}
.CornflowerBlue {color:#6495ED;}
.Cornsilk {color:#FFF8DC;}
.Crimson {color:#DC143C;}
.Cyan {color:#00FFFF;}
.DarkBlue {color:#00008B;}
.DarkCyan {color:#008B8B;}
.DarkGoldenRod {color:#B8860B;}
.DarkGray {color:#A9A9A9;}
.DarkGrey {color:#A9A9A9;}
.DarkGreen {color:#006400;}
.DarkKhaki {color:#BDB76B;}
.DarkMagenta {color:#8B008B;}
.DarkOliveGreen {color:#556B2F;}
.Darkorange {color:#FF8C00;}
.DarkOrchid {color:#9932CC;}
.DarkRed {color:#8B0000;}
.DarkSalmon {color:#E9967A;}
.DarkSeaGreen {color:#8FBC8F;}
.DarkSlateBlue {color:#483D8B;}
.DarkSlateGray {color:#2F4F4F;}
.DarkSlateGrey {color:#2F4F4F;}
.DarkTurquoise {color:#00CED1;}
.DarkViolet {color:#9400D3;}
.DeepPink {color:#FF1493;}
.DeepSkyBlue {color:#00BFFF;}
.DimGray {color:#696969;}
.DimGrey {color:#696969;}
.DodgerBlue {color:#1E90FF;}
.FireBrick {color:#B22222;}
.FloralWhite {color:#FFFAF0;}
.ForestGreen {color:#228B22;}
.Fuchsia {color:#FF00FF;}
.Gainsboro {color:#DCDCDC;}
.GhostWhite {color:#F8F8FF;}
.Gold {color:#FFD700;}
.GoldenRod {color:#DAA520;}
.Gray {color:#808080;}
.Grey {color:#808080;}
.Green {color:#008000;}
.GreenYellow {color:#ADFF2F;}
.HoneyDew {color:#F0FFF0;}
.HotPink {color:#FF69B4;}
.IndianRed {color:#CD5C5C;}
.Indigo {color:#4B0082;}
.Ivory {color:#FFFFF0;}
.Khaki {color:#F0E68C;}
.Lavender {color:#E6E6FA;}
.LavenderBlush {color:#FFF0F5;}
.LawnGreen {color:#7CFC00;}
.LemonChiffon {color:#FFFACD;}
.LightBlue {color:#ADD8E6;}
.LightCoral {color:#F08080;}
.LightCyan {color:#E0FFFF;}
.LightGoldenRodYellow {color:#FAFAD2;}
.LightGray {color:#D3D3D3;}
.LightGreen {color:#90EE90;}
.LightPink {color:#FFB6C1;}
.LightSalmon {color:#FFA07A;}
.LightSeaGreen {color:#20B2AA;}
.LightSkyBlue {color:#87CEFA;}
.LightSlateGray {color:#778899;}
.LightSlateGrey {color:#778899;}
.LightSteelBlue {color:#B0C4DE;}
.LightYellow {color:#FFFFE0;}
.Lime {color:#00FF00;}
.LimeGreen {color:#32CD32;}
.Linen {color:#FAF0E6;}
.Magenta {color:#FF00FF;}
.Maroon {color:#800000;}
.MediumAquaMarine {color:#66CDAA;}
.MediumBlue {color:#0000CD;}
.MediumOrchid {color:#BA55D3;}
.MediumPurple {color:#9370D8;}
.MediumSeaGreen {color:#3CB371;}
.MediumSlateBlue {color:#7B68EE;}
.MediumSpringGreen {color:#00FA9A;}
.MediumTurquoise {color:#48D1CC;}
.MediumVioletRed {color:#C71585;}
.MidnightBlue {color:#191970;}
.MintCream {color:#F5FFFA;}
.MistyRose {color:#FFE4E1;}
.Moccasin {color:#FFE4B5;}
.NavajoWhite {color:#FFDEAD;}
.Navy {color:#000080;}
.OldLace {color:#FDF5E6;}
.Olive {color:#808000;}
.OliveDrab {color:#6B8E23;}
.Orange {color:#FFA500;}
.OrangeRed {color:#FF4500;}
.Orchid {color:#DA70D6;}
.PaleGoldenRod {color:#EEE8AA;}
.PaleGreen {color:#98FB98;}
.PaleTurquoise {color:#AFEEEE;}
.PaleVioletRed {color:#D87093;}
.PapayaWhip {color:#FFEFD5;}
.PeachPuff {color:#FFDAB9;}
.Peru {color:#CD853F;}
.Pink {color:#FFC0CB;}
.Plum {color:#DDA0DD;}
.PowderBlue {color:#B0E0E6;}
.Purple {color:#800080;}
.Red {color:#FF0000;}
.RosyBrown {color:#BC8F8F;}
.RoyalBlue {color:#4169E1;}
.SaddleBrown {color:#8B4513;}
.Salmon {color:#FA8072;}
.SandyBrown {color:#F4A460;}
.SeaGreen {color:#2E8B57;}
.SeaShell {color:#FFF5EE;}
.Sienna {color:#A0522D;}
.Silver {color:#C0C0C0;}
.SkyBlue {color:#87CEEB;}
.SlateBlue {color:#6A5ACD;}
.SlateGray {color:#708090;}
.SlateGrey {color:#708090;}
.Snow {color:#FFFAFA;}
.SpringGreen {color:#00FF7F;}
.SteelBlue {color:#4682B4;}
.Tan {color:#D2B48C;}
.Teal {color:#008080;}
.Thistle {color:#D8BFD8;}
.Tomato {color:#FF6347;}
.Turquoise {color:#40E0D0;}
.Violet {color:#EE82EE;}
.Wheat {color:#F5DEB3;}
.White {color:#FFFFFF;}
.WhiteSmoke {color:#F5F5F5;}
.Yellow {color:#FFFF00;}
.YellowGreen {color:#9ACD32;}

.bg-AliceBlue{background-color:#F0F8FF;}
.bg-AntiqueWhite{background-color:#FAEBD7;}
.bg-Aqua{background-color:#00FFFF;}
.bg-Aquamarine {background-color:#7FFFD4;}
.bg-Azure {background-color:#F0FFFF;}
.bg-Beige {background-color:#F5F5DC;}
.bg-Bisque {background-color:#FFE4C4;}
.bg-Black {background-color:#000000;}
.bg-BlanchedAlmond {background-color:#FFEBCD;}
.bg-Blue {background-color:#0000FF;}
.bg-BlueViolet {background-color:#8A2BE2;}
.bg-Brown {background-color:#A52A2A;}
.bg-BurlyWood {background-color:#DEB887;}
.bg-CadetBlue {background-color:#5F9EA0;}
.bg-Chartreuse {background-color:#7FFF00;}
.bg-Chocolate {background-color:#D2691E;}
.bg-Coral {background-color:#FF7F50;}
.bg-CornflowerBlue {background-color:#6495ED;}
.bg-Cornsilk {background-color:#FFF8DC;}
.bg-Crimson {background-color:#DC143C;}
.bg-Cyan {background-color:#00FFFF;}
.bg-DarkBlue {background-color:#00008B;}
.bg-DarkCyan {background-color:#008B8B;}
.bg-DarkGoldenRod {background-color:#B8860B;}
.bg-DarkGray {background-color:#A9A9A9;}
.bg-DarkGrey {background-color:#A9A9A9;}
.bg-DarkGreen {background-color:#006400;}
.bg-DarkKhaki {background-color:#BDB76B;}
.bg-DarkMagenta {background-color:#8B008B;}
.bg-DarkOliveGreen {background-color:#556B2F;}
.bg-Darkorange {background-color:#FF8C00;}
.bg-DarkOrchid {background-color:#9932CC;}
.bg-DarkRed {background-color:#8B0000;}
.bg-DarkSalmon {background-color:#E9967A;}
.bg-DarkSeaGreen {background-color:#8FBC8F;}
.bg-DarkSlateBlue {background-color:#483D8B;}
.bg-DarkSlateGray {background-color:#2F4F4F;}
.bg-DarkSlateGrey {background-color:#2F4F4F;}
.bg-DarkTurquoise {background-color:#00CED1;}
.bg-DarkViolet {background-color:#9400D3;}
.bg-DeepPink {background-color:#FF1493;}
.bg-DeepSkyBlue {background-color:#00BFFF;}
.bg-DimGray {background-color:#696969;}
.bg-DimGrey {background-color:#696969;}
.bg-DodgerBlue {background-color:#1E90FF;}
.bg-FireBrick {background-color:#B22222;}
.bg-FloralWhite {background-color:#FFFAF0;}
.bg-ForestGreen {background-color:#228B22;}
.bg-Fuchsia {background-color:#FF00FF;}
.bg-Gainsboro {background-color:#DCDCDC;}
.bg-GhostWhite {background-color:#F8F8FF;}
.bg-Gold {background-color:#FFD700;}
.bg-GoldenRod {background-color:#DAA520;}
.bg-Gray {background-color:#808080;}
.bg-Green {background-color:#008000;}
.bg-GreenYellow {background-color:#ADFF2F;}
.bg-HoneyDew {background-color:#F0FFF0;}
.bg-HotPink {background-color:#FF69B4;}
.bg-IndianRed {background-color:#CD5C5C;}
.bg-Indigo {background-color:#4B0082;}
.bg-Ivory {background-color:#FFFFF0;}
.bg-Khaki {background-color:#F0E68C;}
.bg-Lavender {background-color:#E6E6FA;}
.bg-LavenderBlush {background-color:#FFF0F5;}
.bg-LawnGreen {background-color:#7CFC00;}
.bg-LemonChiffon {background-color:#FFFACD;}
.bg-LightBlue {background-color:#ADD8E6;}
.bg-LightCoral {background-color:#F08080;}
.bg-LightCyan {background-color:#E0FFFF;}
.bg-LightGoldenRodYellow {background-color:#FAFAD2;}
.bg-LightGray {background-color:#D3D3D3;}
.bg-LightGreen {background-color:#90EE90;}
.bg-LightPink {background-color:#FFB6C1;}
.bg-LightSalmon {background-color:#FFA07A;}
.bg-LightSeaGreen {background-color:#20B2AA;}
.bg-LightSkyBlue {background-color:#87CEFA;}
.bg-LightSlateGray {background-color:#778899;}
.bg-LightSlateGrey {background-color:#778899;}
.bg-LightSteelBlue {background-color:#B0C4DE;}
.bg-LightYellow {background-color:#FFFFE0 !important;}
.bg-Lime {background-color:#00FF00;}
.bg-LimeGreen {background-color:#32CD32;}
.bg-Linen {background-color:#FAF0E6;}
.bg-Magenta {background-color:#FF00FF;}
.bg-Maroon {background-color:#800000;}
.bg-MediumAquaMarine {background-color:#66CDAA;}
.bg-MediumBlue {background-color:#0000CD;}
.bg-MediumOrchid {background-color:#BA55D3;}
.bg-MediumPurple {background-color:#9370D8;}
.bg-MediumSeaGreen {background-color:#3CB371;}
.bg-MediumSlateBlue {background-color:#7B68EE;}
.bg-MediumSpringGreen {background-color:#00FA9A;}
.bg-MediumTurquoise {background-color:#48D1CC;}
.bg-MediumVioletRed {background-color:#C71585;}
.bg-MidnightBlue {background-color:#191970;}
.bg-MintCream {background-color:#F5FFFA;}
.bg-MistyRose {background-color:#FFE4E1;}
.bg-Moccasin {background-color:#FFE4B5;}
.bg-NavajoWhite {background-color:#FFDEAD;}
.bg-Navy {background-color:#000080;}
.bg-OldLace {background-color:#FDF5E6;}
.bg-Olive {background-color:#808000;}
.bg-OliveDrab {background-color:#6B8E23;}
.bg-Orange {background-color:#FFA500;}
.bg-OrangeRed {background-color:#FF4500;}
.bg-Orchid {background-color:#DA70D6;}
.bg-PaleGoldenRod {background-color:#EEE8AA;}
.bg-PaleGreen {background-color:#98FB98;}
.bg-PaleTurquoise {background-color:#AFEEEE;}
.bg-PaleVioletRed {background-color:#D87093;}
.bg-PapayaWhip {background-color:#FFEFD5;}
.bg-PeachPuff {background-color:#FFDAB9;}
.bg-Peru {background-color:#CD853F;}
.bg-Pink {background-color:#FFC0CB;}
.bg-Plum {background-color:#DDA0DD;}
.bg-PowderBlue {background-color:#B0E0E6;}
.bg-Purple {background-color:#800080;}
.bg-Red {background-color:#FF0000;}
.bg-RosyBrown {background-color:#BC8F8F;}
.bg-RoyalBlue {background-color:#4169E1;}
.bg-SaddleBrown {background-color:#8B4513;}
.bg-Salmon {background-color:#FA8072;}
.bg-SandyBrown {background-color:#F4A460;}
.bg-SeaGreen {background-color:#2E8B57;}
.bg-SeaShell {background-color:#FFF5EE;}
.bg-Sienna {background-color:#A0522D;}
.bg-Silver {background-color:#C0C0C0;}
.bg-SkyBlue {background-color:#87CEEB;}
.bg-SlateBlue {background-color:#6A5ACD;}
.bg-SlateGray {background-color:#708090;}
.bg-Snow {background-color:#FFFAFA;}
.bg-SpringGreen {background-color:#00FF7F;}
.bg-SteelBlue {background-color:#4682B4;}
.bg-Tan {background-color:#D2B48C;}
.bg-Teal {background-color:#008080;}
.bg-Thistle {background-color:#D8BFD8;}
.bg-Tomato {background-color:#FF6347;}
.bg-Turquoise {background-color:#40E0D0;}
.bg-Violet {background-color:#EE82EE;}
.bg-Wheat {background-color:#F5DEB3;}
.bg-White {background-color:#FFFFFF;}
.bg-WhiteSmoke {background-color:#F5F5F5;}
.bg-Yellow {background-color:#FFFF00;}
.bg-YellowGreen {background-color:#9ACD32;}

/* 吹き出し
-------------------------------------------------*/

/*親*/
.fukidashi{
    width:100%;
    padding:0;
    position:relative;
}
 
/*子*/
.fukidashi .child1{
	position:relative;
	/*テキストの補正*/
    color:#fff;	
	/*border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#000;
}
 
/*擬似要素:after*/
.fukidashi .child1:after{
    content: ' ';
    width:0;
    height: 0;
    position:absolute;
    border:10px solid transparent;
    border-top-color:#000;
    top:100%;
    left:49.5%;
}




/* 768px以下のスマホ表示 */
@media only screen and (max-width: 768px) {

html{font-size: 54% !important;}

 }

/* 480px以下のスマホ表示 */
@media only screen and (max-width: 480px) {

html{font-size: 48% !important;}

 } 
 
 /* 640px以上1024pxまでのPC表示 */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { }
 
 /* 1024px以上のPC表示 */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */