@charset "utf-8";
/* ---------------------------------------------------------------- */
/* common setting */
/* ---------------------------------------------------------------- */

*{margin:0; padding:0;}
html{font-size: 62.5%; color:#000;}

img {margin: 0;padding: 0;border-style: none;vertical-align:bottom;border:none;}
p{word-break: break-all;word-wrap: break-word;}
strong {font-weight: bold;}

hr {width: 100%;margin: 0;padding: 0;border-top: 1px solid #CCCCCC;border-bottom-style: none;border-left-style: none;border-right-style: none;}
li{list-style:none;}
.RedTxt{ color:#CC0000;}

a:link{color:#000; text-decoration:none;}
a:visited{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}

/* ---------------------------------------------------------------- */
/* font 設定 */
/* ---------------------------------------------------------------- */

.YuMin{ font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;}
.Goshi{ font-family:Verdana, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , YuGothic, "游ゴシック体", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

@font-face {font-family: 'Old Standard TT';src: url('../fonts/Old_Standard_TT/OldStandard-Regular.ttf') format("truetype");}
@font-face {font-family: 'Old Standard TT';src: url('../fonts/Old_Standard_TT/OldStandard-Regular.ttf') format("truetype");}
@font-face {font-family: 'Old Standard TT I';src: url('../fonts/Old_Standard_TT/OldStandard-Italic.ttf') format("truetype");}
@font-face {font-family: 'Old Standard TT B';src: url('../fonts/Old_Standard_TT/OldStandard-Bold.ttf') format("truetype");}

@font-face {font-family: 'Sawarabi'; src: url('../fonts/SawarabiMincho-Regular.ttf') format("truetype"),url("../fonts/SawarabiMincho-Regular.woff2") format("woff2");}

@font-face {font-family: 'Oswald';src: url('../fonts/Oswald/Oswald-Regular.ttf') format("truetype");}
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Anton/anton-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Anton Regular'), local('Anton-Regular'),
       url('../fonts/Anton/anton-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Anton/anton-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Anton/anton-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Anton/anton-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Anton/anton-v9-latin-regular.svg#Anton') format('svg'); /* Legacy iOS */
}


.Sawarabi{ font-family: 'Sawarabi', serif;}
.OldStandard{ font-family: 'Old Standard TT', serif;}
.OldStandardI{ font-family: 'Old Standard TT I', serif;}
.OldStandardB{ font-family: 'Old Standard TT B', serif;}
.Osw{font-family: 'Oswald';}
.Anton{font-family: 'Anton';}


/* ---------------------------------------------------------------- */
/* clearfix 設定 */
/* ---------------------------------------------------------------- */

.clearfix:after {content: ".";  display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix { height: 1px;}

/* ---------------------------------------------------------------- */
/* Common setting .EX */
/* ---------------------------------------------------------------- */

.br-both {clear: both;}
.hr-both {clear: both;border:none;}

/* -- Item layout style setting -- ------------------------------ */
/* -- 困ったことにこの書き方でないと、Windoes、Macの各ブラウザで表示を統一できません。 -- */

li img{ vertical-align:top;}

ul.ListNumber li{ list-style-type: decimal !important;}
ul.ListNumber02 li{ list-style-type: decimal-leading-zero !important;*list-style-type: decimal !important;}
ul.ListDisc li{ list-style-type: disc !important; }
ul.ListSquare li{ list-style-type: square !important; }
ul.ListAlphabet li{ list-style-type: lower-alpha !important;}
ul.ListAlphabet02 li{ list-style-type: upper-latin !important;*list-style-type: lower-alpha !important; }

ul.ListDisc li,
ul.ListSquare li,
ul.ListAlphabet li,
ul.ListAlphabet02 li{ margin-left:25px;list-style:outside;}
ul.ListNumber li,
ul.ListNumber02 li{ margin-left:29px;list-style:outside;}

/* -------------------------------------------------- */
/* リンクのアニメーション */

.Ts01s,.Ts01s a{-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.Ts03s,.Ts03s a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.Ts06s,.Ts06s a{-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.Ts10s,.Ts10s a{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
	
/* -------------------------------------------------- */
/* アコーディオン強化css */

/* 初期・基本設定 */

div.Accordion{ padding:20px 0px; width:40%;}

div.Accordion dl dt a{
	display:block;
	background:url(../images/toggle.gif) no-repeat 14px 10px #f5f5f5;
	padding:7px 10px 7px 37px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	
div.Accordion dl dt a{ text-decoration:none;}
div.Accordion dl dt a:hover{ background-color:#cccccc;}

div.Accordion dl dd{ background-color:#e9e9e9; padding:15px;}
	
/* オープン時 */
div.Accordion dl dt a.ToggleOpen,
div.Accordion dl dt a.toggleFirst{background:url(../images/toggle_on.gif) no-repeat 14px 11px #d6d6d6;}

/* 閉じる時のhover */
div.Accordion dl dt a.ToggleOpen:hover,
div.Accordion dl dt a.toggleFirst:hover{background:url(../images/toggle_on.gif) no-repeat 14px 8px #005599; color:#ffffff;}

/* 初回オープン用が閉じた時（注：順番を入れ替えると動かなくなります） */
div.Accordion dl dt a.ToggleClose{background:url(../images/toggle.gif) no-repeat 14px 11px #f5f5f5;}

/* オープン時のhover */
div.Accordion dl dt a:hover,
div.Accordion dl dt a.ToggleClose:hover{background:url(../images/toggle.gif) no-repeat 14px 14px #d6d6d6;}

/* -------------------------------------------------- */
/* pagetop */

.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.pagetop a {
    display: block;
	width:50px;
	height:50px;
	line-height:50px;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
 
.pagetop a:hover {
    display: block;
    background-color: #555;
    text-align: center;
    color: #fff;
    text-decoration: none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

/* -------------------------------------------------- */
/* AfterArrow */

.ArrowR,.ArrowRG a,.ArrowR02,.ArrowRG02 a,.ArrowR03,.ArrowRG03 a,.ArrowB,.ArrowBG a,.ArrowB02,.ArrowBG02 a,.ArrowB03,.ArrowBG03 a,.ArrowT,.ArrowTG a,.ArrowT02,.ArrowTG02 a,.ArrowT03,.ArrowTG03 a{ display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02,.ArrowRG02 a,.ArrowB02,.ArrowBG02 a,.ArrowT02,.ArrowTG02 a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03,.ArrowRG03 a,.ArrowB03,.ArrowBG03 a,.ArrowT03,.ArrowTG03 a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR:after,.ArrowRG a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02:after,.ArrowRG02 a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB:after,.ArrowBG a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02:after,.ArrowBG02 a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT:after,.ArrowTG a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02:after,.ArrowTG02 a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03:after,.ArrowRG03 a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03:after,.ArrowBG03 a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03:after,.ArrowTG03 a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03:before,.ArrowRG03 a:before{ content:""; display:inline-block;}
.ArrowB03:before,.ArrowBG03 a:before{ content:""; display:inline-block;}
.ArrowT03:before,.ArrowTG03 a:before{ content:""; display:inline-block;}

/* -------------------------------------------------- */
/* flexbox */

.FlexBox{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxL{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxR{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxC{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxB{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxA{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxM{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-text-align:center; text-align:center;}

/* -------------------------------------------------- */
/* block item Width */

.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}

.wid10 {width: 10px !important;}
.wid20 {width: 20px !important;}
.wid30 {width: 30px !important;}
.wid40 {width: 40px !important;}
.wid50 {width: 50px !important;}
.wid60 {width: 60px !important;}
.wid70 {width: 70px !important;}
.wid80 {width: 80px !important;}
.wid90 {width: 90px !important;}

.wid100 {width: 100px !important;}
.wid110 {width: 110px !important;}
.wid120 {width: 120px !important;}
.wid130 {width: 130px !important;}
.wid140 {width: 140px !important;}
.wid150 {width: 150px !important;}
.wid160 {width: 160px !important;}
.wid170 {width: 170px !important;}
.wid180 {width: 180px !important;}
.wid190 {width: 190px !important;}

.wid200 {width: 200px !important;}
.wid210 {width: 210px !important;}
.wid220 {width: 220px !important;}
.wid230 {width: 230px !important;}
.wid240 {width: 240px !important;}
.wid250 {width: 250px !important;}
.wid260 {width: 260px !important;}
.wid270 {width: 270px !important;}
.wid280 {width: 280px !important;}
.wid290 {width: 290px !important;}

.wid300 {width: 300px !important;}
.wid310 {width: 310px !important;}
.wid320 {width: 320px !important;}
.wid330 {width: 330px !important;}
.wid340 {width: 340px !important;}
.wid350 {width: 350px !important;}
.wid360 {width: 360px !important;}
.wid370 {width: 370px !important;}
.wid380 {width: 380px !important;}
.wid390 {width: 390px !important;}

.wid400 {width: 400px !important;}
.wid410 {width: 410px !important;}
.wid420 {width: 420px !important;}
.wid430 {width: 430px !important;}
.wid440 {width: 440px !important;}
.wid450 {width: 450px !important;}
.wid460 {width: 460px !important;}
.wid470 {width: 470px !important;}
.wid480 {width: 480px !important;}
.wid490 {width: 490px !important;}

.wid500 {width: 500px !important;}
.wid510 {width: 510px !important;}
.wid520 {width: 520px !important;}
.wid530 {width: 530px !important;}
.wid540 {width: 540px !important;}
.wid550 {width: 550px !important;}
.wid560 {width: 560px !important;}
.wid570 {width: 570px !important;}
.wid580 {width: 580px !important;}
.wid590 {width: 590px !important;}

.wid600 {width: 600px !important;}
.wid610 {width: 610px !important;}
.wid620 {width: 620px !important;}
.wid630 {width: 630px !important;}
.wid640 {width: 640px !important;}
.wid650 {width: 650px !important;}
.wid660 {width: 660px !important;}
.wid670 {width: 670px !important;}
.wid680 {width: 680px !important;}
.wid690 {width: 690px !important;}

.wid700 {width: 700px !important;}
.wid710 {width: 710px !important;}
.wid720 {width: 720px !important;}
.wid730 {width: 730px !important;}
.wid740 {width: 740px !important;}
.wid750 {width: 750px !important;}
.wid760 {width: 760px !important;}
.wid770 {width: 770px !important;}
.wid780 {width: 780px !important;}
.wid790 {width: 790px !important;}

.wid800 {width: 800px !important;}
.wid810 {width: 810px !important;}
.wid820 {width: 820px !important;}
.wid830 {width: 830px !important;}
.wid840 {width: 840px !important;}
.wid850 {width: 850px !important;}
.wid860 {width: 860px !important;}
.wid870 {width: 870px !important;}
.wid880 {width: 880px !important;}
.wid890 {width: 890px !important;}

.wid900 {width: 900px !important;}
.wid910 {width: 910px !important;}
.wid920 {width: 920px !important;}
.wid930 {width: 930px !important;}
.wid940 {width: 940px !important;}
.wid950 {width: 950px !important;}
.wid960 {width: 960px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Width */

.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}

.wid50 {width: 50px !important;}
.wid100 {width: 100px !important;}
.wid150 {width: 150px !important;}
.wid200 {width: 200px !important;}
.wid250 {width: 250px !important;}
.wid300 {width: 300px !important;}
.wid350 {width: 350px !important;}
.wid400 {width: 400px !important;}
.wid450 {width: 450px !important;}
.wid500 {width: 500px !important;}
.wid550 {width: 550px !important;}
.wid600 {width: 600px !important;}
.wid650 {width: 650px !important;}
.wid700 {width: 700px !important;}
.wid750 {width: 750px !important;}
.wid800 {width: 800px !important;}
.wid850 {width: 850px !important;}
.wid900 {width: 900px !important;}
.wid950 {width: 950px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Padding */

/* - All padding */
.padA0 {padding: 0px !important;}
.padA5 {padding: 5px !important;}
.padA10 {padding: 10px !important;}
.padA15 {padding: 15px !important;}
.padA20 {padding: 20px !important;}
.padA25 {padding: 25px !important;}
.padA30 {padding: 30px !important;}
.padA40 {padding: 40px !important;}
.padA50 {padding: 50px !important;}
.padA60 {padding: 60px !important;}
.padA70 {padding: 70px !important;}
.padA80 {padding: 80px !important;}
.padA90 {padding: 90px !important;}

/* - Top padding */
.padT0 {padding-top: 0px !important;}
.padT5 {padding-top: 5px !important;}
.padT10 {padding-top: 10px !important;}
.padT15 {padding-top: 15px !important;}
.padT20 {padding-top: 20px !important;}
.padT25 {padding-top: 25px !important;}
.padT30 {padding-top: 30px !important;}
.padT40 {padding-top: 40px !important;}
.padT50 {padding-top: 50px !important;}
.padT60 {padding-top: 60px !important;}
.padT70 {padding-top: 70px !important;}
.padT80 {padding-top: 80px !important;}
.padT90 {padding-top: 90px !important;}

/* - Bottom padding */
.padB0 {padding-bottom: 0px !important;}
.padB5 {padding-bottom: 5px !important;}
.padB10 {padding-bottom: 10px !important;}
.padB15 {padding-bottom: 15px !important;}
.padB20 {padding-bottom: 20px !important;}
.padB25 {padding-bottom: 25px !important;}
.padB30 {padding-bottom: 30px !important;}
.padB40 {padding-bottom: 40px !important;}
.padB50 {padding-bottom: 50px !important;}
.padB60 {padding-bottom: 60px !important;}
.padB70 {padding-bottom: 70px !important;}
.padB80 {padding-bottom: 80px !important;}
.padB90 {padding-bottom: 90px !important;}

/* - Left padding */
.padL0 {padding-left: 0px !important;}
.padL5 {padding-left: 5px !important;}
.padL10 {padding-left: 10px !important;}
.padL15 {padding-left: 15px !important;}
.padL20 {padding-left: 20px !important;}
.padL25 {padding-left: 25px !important;}
.padL30 {padding-left: 30px !important;}
.padL40 {padding-left: 40px !important;}
.padL50 {padding-left: 50px !important;}
.padL60 {padding-left: 60px !important;}
.padL70 {padding-left: 70px !important;}
.padL80 {padding-left: 80px !important;}
.padL90 {padding-left: 90px !important;}

/* - Right padding */
.padR0 {padding-right: 0px !important;}
.padR5 {padding-right: 5px !important;}
.padR10 {padding-right: 10px !important;}
.padR15 {padding-right: 15px !important;}
.padR20 {padding-right: 20px !important;}
.padR25 {padding-right: 25px !important;}
.padR30 {padding-right: 30px !important;}
.padR40 {padding-right: 40px !important;}
.padR50 {padding-right: 50px !important;}
.padR60 {padding-right: 60px !important;}
.padR70 {padding-right: 70px !important;}
.padR80 {padding-right: 80px !important;}
.padR90 {padding-right: 90px !important;}

/* - Font size */
.txt10px{font-size: 1.0rem !important;}
.txt11px{font-size: 1.1rem !important;}
.txt12px{font-size: 1.2rem !important;}
.txt13px{font-size: 1.3rem !important;}
.txt14px{font-size: 1.4rem !important;}
.txt15px{font-size: 1.5rem !important;}
.txt16px{font-size: 1.6rem !important;}
.txt17px{font-size: 1.7rem !important;}
.txt18px{font-size: 1.8rem !important;}
.txt19px{font-size: 1.9rem !important;}
.txt20px{font-size: 2.0rem !important;}
.txt21px{font-size: 2.1rem !important;}
.txt22px{font-size: 2.2rem !important;}
.txt23px{font-size: 2.3rem !important;}
.txt24px{font-size: 2.4rem !important;}
.txt25px{font-size: 2.5rem !important;}
.txt26px{font-size: 2.6rem !important;}

/* -line-height */
.LH100{line-height:1.0 !important;}
.LH110{line-height:1.1 !important;}
.LH120{line-height:1.2 !important;}
.LH130{line-height:1.3 !important;}
.LH140{line-height:1.4 !important;}
.LH150{line-height:1.5 !important;}
.LH160{line-height:1.6 !important;}
.LH170{line-height:1.7 !important;}
.LH180{line-height:1.8 !important;}
.LH190{line-height:1.9 !important;}
.LH200{line-height:2.0 !important;}

/* Float setting */
.flt-L {float: left !important;}
.flt-R {float: right !important;}

/* Align setting */
.ali-L {text-align: left !important;}
.ali-C {text-align: center !important;}
.ali-R {text-align: right !important;}

/* V-Align setting */
.vali-T {vertical-align: top !important;}
.vali-M {vertical-align: middle !important;}
.vali-B {vertical-align: bottom !important;}

/* ▼テキストの左側に配置する場合は「afterをbeforeに変更する」 */
main a.pdf:after,
main a.doc:after,
main a.xls:after,
main a.ppt:after,
main a.zip:after,
main a.external:after,
main a.mailto:after{font-family: FontAwesome; margin-left:3px;}

/* ▼a要素の前にclassをつけて領域を限定すると良い */
main a.pdf:after{content: " \f1c1"; color: #cc0000;} 
main a.doc:after{content: " \f1c2"; color: #0033cc;} 
main a.xls:after{content: " \f1c3"; color: #339900;} 
main a.ppt:after{content: " \f1c4"; color: #cc9900;} 
main a.zip:after{content: " \f1c6"; color: #333;} 
main a.external:after{content: " \f08e"; color: #333;} 
main a.mailto:after{content: " \f003"; color: #333;} 
/* ▼自動アイコンを設置したくない領域に設置 */
a.LinkNoIcon:after, .LinkNoIcon a:after, a.NoExternalLink:after, .NoExternalLink a:after{ display:none !important; margin-left:0px;}
/* -------------------------------------------------- */
/* yuga.child */
/* ↓リストの一番始め */
body .child .first-child{ background-color:#000000; color:#FFFFFF;}
/* ↓リストの一番最後 */
body .child .last-child{ background:#000000; color:#FFFFFF;}
/* ↓奇数 */
.Border .odd{ background-color:#e9e9e9;}
/* ↓偶数 */
.Border .even{ background-color:#CCCCCC;}

.txtRed {color:#dd0000;}
.txtRed02 {color:#ff8888;}

.txtOrange {color:#eca516;}

.bolder {font-weight: bolder;}
.lighter {font-weight: lighter;}


/* -------------------------------------------------- */
/*フォーム用*/

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="date"],
textarea,
select
{border-radius:3px; border:solid 1px #bbb; padding:3px !important; background-color:#fff; margin:1px 0; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus
{border:solid 1px #82c7dc; background-color:#fff !important; }

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="date"]:disabled,
textarea:disabled,
select:disabled
{background-color:#f5f5f5 !important; color:#999;}

input[type="text"].required,
input[type="password"].required,
input[type="number"].required,
input[type="tel"].required,
input[type="email"].required,
input[type="date"].required,
textarea.required,
select.required
{border:solid 1px #ee6666; background-color:#fff0f0 !important; }

input:placeholder-shown,
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {}

label.selectCalender {position: relative;}
label.selectCalender i {position: absolute; right:8px; top:2px; color:#999;}

select {border-radius:3px!important; border:solid 1px #999; padding:3px !important;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* スピンボタン（上下ボタン）を非表示 */
input[type=date]::-webkit-inner-spin-button {-webkit-appearance: none;}
/* clearボタンの非表示 */
input[type=date]::-webkit-clear-button {-webkit-appearance: none;}
/* カレンダーのインジケータ（▼）を非表示 */
input[type=date]::-webkit-calendar-picker-indicator { color: transparent; position: relative;}

input[type="number"] {-moz-appearance:textfield;}

/* -------------------------------------------------- */
/*ボタン用*/

input[type="button"] ,
input[type="submit"] {border-radius: 18px; height:36px; cursor: pointer; -webkit-appearance: none; margin:2px; border-style:none; line-height:1;}

input[type="button"]:disabled ,
input[type="submit"]:disabled {cursor: default;}

input[type="button"]:hover ,
input[type="submit"]:hover {opacity: 0.7;}

input[type="button"].typeBasic ,
input[type="submit"].typeBasic {
background-color:#ccc;
color: #444;
}

input[type="button"].typeBasic:hover ,
input[type="submit"].typeBasic:hover {}

input[type="button"].typeRed,
input[type="submit"].typeRed {}

input[type="button"].typeRed:hover,
input[type="submit"].typeRed:hover {}


input[type="button"].typeBlue,
input[type="submit"].typeBlue {background-color:#7c7fff; color:#fff}

input[type="button"].typeBlue:hover,
input[type="submit"].typeBlue:hover {}


input[type="button"].typeGreen,
input[type="submit"].typeGreen {background-color:#1eb600; color:#fff}

input[type="button"].typeSGreen:hover,
input[type="submit"].typeSGreen:hover {}

input[type="button"].typeDGray,
input[type="submit"].typeDGray {}

input[type="button"].typeDGray:hover,
input[type="submit"].typeDGray:hover {}

input[type="button"].typeGray,
input[type="submit"].typeGray {background-color:#666; color:#fff}

input[type="button"].typeGray:hover,
input[type="submit"].typeGray:hover {}

input[type="button"].typeLGray,
input[type="submit"].typeLGray {background-color:#999; color:#fff}

input[type="button"].typeLGray:hover,
input[type="submit"].typeLGray:hover {}

input[type="button"].typeOrange,
input[type="submit"].typeOrange {}

input[type="button"].typeOrange:hover,
input[type="submit"].typeOrange:hover {}

input[type="button"].sizeLL,
input[type="submit"].sizeLL {padding-right: 100px; padding-left: 100px;}

input[type="button"].sizeL,
input[type="submit"].sizeL {padding-right: 50px; padding-left: 50px;}

input[type="button"].sizeM,
input[type="submit"].sizeM {padding-right: 35px; padding-left: 35px;}

input[type="button"].sizeS,
input[type="submit"].sizeS {padding-right: 15px; padding-left: 15px;}

input[type="button"].sizeSS,
input[type="submit"].sizeSS {padding: 3px 10px !important; border-radius: 12px; height:24px;}


input[type="button"].btnSqu ,
input[type="submit"].btnSqu {border-radius: 3px; height:20px; cursor: pointer; -webkit-appearance: none; border-style:none; line-height:1;}

input[type="button"].btnSqu:disabled ,
input[type="submit"].btnSqu:disabled ,
input[type="button"].btnSqu:disabled:hover ,
input[type="submit"].btnSqu:disabled:hover {background-color:#ccc !important; color:#fff; cursor: default !important; opacity: 1 !important;}

.plusIcon {display:inline-block; position: relative;}
.plusIcon input[type="button"],
.plusIcon input[type="submit"] { padding:0 15px 0 40px !important;}
.plusIcon img {position:absolute; }
.plusIcon i {position:absolute; top:7px; left:16px; font-size:16px; color:#fff;}
.plusIcon img.imgEPS {top:8px; left:11px; width:auto; height:14px;}

/*--------------------------------------------------------*/
/*ファイルアップロード領域*/
label.fileUpload {display: block;}
label.fileUpload input[type="file"] {display: none;}
label.fileUpload p.fileUploadBtn {
color:#fff;
border-radius: 15px; height:30px; cursor: pointer; -webkit-appearance: none;
width:120px;
font-size:11px;
text-align: center;
line-height:30px;
display: inline-block;
margin:0 0 5px 0;
background-color:#888;
}
.dragDropArea {cursor:pointer; background-color:#f0f0f0; border:dashed 3px #ddd; padding:20px; display: block; text-align: center;}
.dragDropArea:hover {background-color:#ebebff; border:dashed 3px #c2c3ff;}
.dragDropArea:hover .dragDropInner i {color:#c2c3ff !important;}
.dragDropInner {}
.dragDropInner i {color:#ccc !important; font-size:70px !important;}
.dragDropInner p.dragDropTxt {color:#777; margin:5px auto 0 auto;}


/*--------------------------------------------------------*/
/* 画像アップロード領域 */

ul.itemPhtUpload {width:100%;}
ul.itemPhtUpload li {margin:0 10px 20px 0; width:120px; text-align: center; }
ul.itemPhtUpload li p {font-size:10px; text-align: center !important;}

/*--------------------------------------------------------*/
/* 画像アップロード済表示領域 */

.dragDropAlreadyArea .itemOperation { position: absolute; top: 0; left: 0; width: 170px; height: 170px; background-color: rgba(0,0,0,0.70); display: none; }

.itemOperation p.itemSize{position: absolute; left:0; right:0; top:35px; text-align: center; margin:0 auto; color:#fff; font-size:11px; }
.itemOperation p.opeBtn{position: absolute; left:0; right:0; bottom:10px; text-align: center; margin:0 auto; }
p.itemFavorite { position: absolute; top: 5px; left: 5px; }
p.itemFavorite a {display: block; width:30px; line-height: 30px; height:30px; text-align: center;}
p.itemFavorite a  i {color:#FFAE00;}
p.itemFavorite a:hover i {color:#FFAE00;}
p.itemFavorite.active a {
display: block;
border-radius: 50%;
background-color: #fff;
background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(239,239,239,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(239,239,239,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(239,239,239,1.00) 100%);
background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(239,239,239,1.00) 100%);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
}
p.itemFavorite a.active i {color:#FFAE00;}

.dragDropAlreadyArea {background-color:#f0f0f0;  padding:10px;}
.dragDropAlreadyArea ul {display: flex;  flex-wrap:wrap; width:100%;}
.dragDropAlreadyArea li {width:170px; margin:0 10px 10px 0; position: relative;}
.dragDropAlreadyArea li div.itemPht {width:170px; height:170px; overflow: hidden; text-align: center; position: relative;}
.dragDropAlreadyArea li div.itemPht img {max-height:170px; position: absolute; left:50%; top:50%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

ul.imageType {margin:5px auto 0 0;}
ul.imageType li {width:80px; margin:0 5px 0 0; }
ul.imageType li input[type="button"] , ul.imageType li input[type="submit"] {border-radius: 3px; font-size:11px; font-weight: bolder; color:#fff; padding:2px 0; text-align: center; width:80px;}
ul.imageType li.typeEPS input[type="button"] , ul.imageType li.typeEPS input[type="submit"] {background-color:#ff7800;}
ul.imageType li.typeGIF input[type="button"] , ul.imageType li.typeGIF input[type="submit"] {background-color:#009600;}

.dragDropAlreadyArea li p.itemName   {margin:5px auto 0 0;}
.dragDropAlreadyArea .itemOperation:hover {cursor: all-scroll;}
.dragDropAlreadyArea li:hover .itemOperation {display: block;}


ul.typeRadio {display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
ul.typeRadio li {line-height:36px; display:inline;}
ul.typeRadio li .entrySwitch {border-right:solid 1px #bbb;}
ul.typeRadio li .entrySwitch:hover {opacity: 0.7;}
ul.typeRadio li:first-child .entrySwitch {border-top-left-radius: 18px; border-bottom-left-radius: 18px;}
ul.typeRadio li:last-child .entrySwitch {border-top-right-radius: 18px; border-bottom-right-radius: 18px;}
ul.typeRadio li input[type="radio"],
ul.typeRadio li input[type="checkbox"]{display: none;}
ul.typeRadio li .entrySwitch {
cursor: pointer;
position: relative;
display: block;
height: 100%;
padding: 0 20px;
background-color:#999 ;
color:#fff;
}
ul.typeRadio li input:checked + .entrySwitch {
background-color:#7c7fff ;
}

ul.typeRadio li input:disabled + .entrySwitch {
background-color:#ddd;
color: #aaa;
cursor: default;
}

ul.typeRadio li input:disabled:checked + .entrySwitch {
background-color:#b6b7e9;
color: #e3e4ff;
cursor: default;
}
ul.typeRadio li input:disabled + .entrySwitch:hover {opacity: 1;}

/**/

.listCheck input[type="radio"],
.listCheck input[type="checkbox"]{display: none;}
.listCheck .switch {cursor: pointer; position: relative; display: block; height: 100%; padding:5px; font-size:20px; background-color:#f0f0f0; border:solid 1px #ddd; border-radius: 5px;}
.listCheck .switch::after {content:"\f00c"; font-family: FontAwesome; color:#ccc;}
.listCheck input:checked + .switch {background-color:#11b500; border:solid 1px #11b500; }
.listCheck input:checked + .switch::after {content:"\f00c"; font-family: FontAwesome; color:#fff; }

.inputInfoTxt {color:#cc4444; background-color:#f5f5f5; border:solid 1px #dddddd; font-size:11px; padding:2px 5px; border-radius:2px; margin:0 0 0 10px; vertical-align: 2px !important;}

.inputError {
position: relative;
padding: 1px 1px 1px 10px;
border-radius: 3px;
background-color: #ff4f4f;
margin:5px auto 0 auto;
}

.inputError:before {
content: "";
position: absolute;
top: -10px;
left: 15px;
margin-left: -5px;
border: 5px solid transparent;
border-bottom: 5px solid #ff4f4f;
}
.inputError p {color:#fff; font-size:11px;}
.inputError p i {margin:0 3px 0 0;}

.inputErrorArea {position: relative; padding: 3px 15px; border:double 3px #ffcccc; margin:0 auto 10px auto;}
.inputErrorArea p {color:#dd0000; font-weight: bolder; font-size:13px;}
.inputErrorArea p i {margin:0 3px 0 0; color:#ff6666;}

.messageArea {margin:30px auto;}
.messageArea i {display: block; font-size:100px; margin:0 auto 10px auto; text-align: center; color:#ccc;}
.messageArea p.messageTxt {margin:0 auto 10px auto; text-align: center;}

.errorMessageArea {margin:50px auto; }
.errorMessageArea i {display: block; font-size:100px; margin:0 auto 10px auto; text-align: center; color:#ffcccc;}
.errorMessageArea p.messageTxt {margin:0 auto 20px auto; text-align: center; color:#cc0000; }
.errorMessageArea .btnBlock {width:60%; padding:20px; background-color:#f5f5f5; margin:20px auto;}



.messageBoxDate {background-color:#eee; border:solid 1px#ddd; padding:2px 2px 2px 10px; border-radius:2px; margin:30px auto 10px auto;}
.messageBoxDate p {font-size:12px;}