@charset "utf-8";

/*★★★★★★★★テンプレート[始]★★★★★★★★*/

/*===============================================

	reset
===============================================*/
*{margin:0; padding:0; color:#666;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} 
h1,h2,h3,h4,h5,h6,p,address,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form{margin:0;	padding:0; border:none;	font-style:normal; font-weight:normal;	font-size:100%; text-align:left;}
textarea{font-size:100%;}
img{vertical-align:bottom;}
li{list-style:none;}
/*===============================================
	a,text
===============================================*/
a:hover{text-decoration:underline;}
a{text-decoration:none;	color:#484848;}
/*=============================================== 
	base
===============================================*/
html,body{height:100%;}
/*===============================================
	font
===============================================*/
body{font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
input,textarea,select{font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:12px;}
/* for IE6 */
* html body{font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea{font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
/*===============================================
	font-size
===============================================*/
.f7{font-size:7px !important;}
.f8{font-size:8px !important;}
.f9{font-size:9px !important;}
.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f23{font-size:23px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f26{font-size:26px !important;}
.f27{font-size:27px !important;}
.f28{font-size:28px !important;}
.f29{font-size:29px !important;}
.f30{font-size:30px !important;}
.f34{font-size:34px !important;}
/*===============================================
	float
===============================================*/
.fl{float:left !important;}
.fr{float:right !important;}
.clear{clear:both !important;}
/*===============================================
	margine
===============================================*/
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
/*===============================================
	padding
===============================================*/
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr50{padding-right:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl50{padding-left:50px !important;}
/*===============================================
	align
===============================================*/
.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
/*===============================================
	他span
===============================================*/
.underL{text-decoration:underline !important;}
.displayN{display:none !important;}
.bold{font-weight:bold !important;}
/*===============================================
	color
===============================================*/
.red01{color:#F00 !important;}
.red02{color:#e83838 !important;}
.red03{color:#DF3737}
.green01{color:#339900 !important;}
.blue01{color:#0000CC !important;}
.blue02{color:#3B6F94 !important;}
.blue03{color:#065a7a !important;}
.white{color:#FFF !important;}
.gray{color:#666 !important;}
/*===============================================
	cFix
===============================================*/
/*Opera Fix*/
body:before{content:""; height:100%; float:left; width:0; margin-top:-32767px;}
/*cFix*/
.cFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* IE-mac */
* html .cFix {height:1%;}
.cFix {display:block;}

/*★★★★★★★★テンプレート[終]★★★★★★★★*/

.sp{display:none;}
.pc{ display: block;}

/*body{ background:#69a1c8;}*/
body{ background:#fff;}
/*=============================================== 
	wrapper
===============================================*/
/*#wrapper{width:1000px; height:auto; margin:0 auto; padding:0 20px; border-right:1px solid #69a1c8; border-left:1px solid #69a1c8; background:#fff; box-shadow:0 0 3px #818181;}*/
#wrapper{width:1000px; height:auto; margin:0 auto; padding:0 20px; border-right:1px solid #69a1c8; border-left:1px solid #69a1c8; background:#fff;}

/*=============================================== 
	head
===============================================*/
#head{width:960px; margin:0 auto 15px;}

h1{font-size:14px; background:#777; padding:3px 5px; color:#fff;}
.header{width:960px;}

#logo{float:left;}

.headMenu {padding:4px 10px; margin:10px 0 0; float:right;}
.headMenu li{font-size:11px; float:left; background:url(../img/common/Icon01.png) no-repeat center left; padding-left:20px; font-weight:bold;}

/*=============================================== 
	global navi
===============================================*/
.gnavi{width:auto; height:46px; background:#69a1c8; padding:5px; border-radius: 0 0 5px 5px;}
.gnavi li{float:left; width:14.25%; height:36px; border-left:2px #fff solid; text-align:center;}
.gnavi li a{color:#fff; font-weight:bold; line-height:2.3em; display:block;}
.gnavi li a:hover{color:#EAEAEA; text-decoration:none;}

.last{ /*width:156px;*/ border-right:2px #fff solid;}

.js .selectnav{display: none;}
.selectnav{width: 100%;}

/*=============================================== 
	コンテンツ
===============================================*/

/*=============================================== 
	トップコンテンツ
===============================================*/
.main{margin:0 auto 15px; position:relative;}
h2{width:960px; text-align:center; color:#fff; font-size:16px; position:absolute; bottom:19px; font-weight:bold;}

/*=============================================== 
	コンテンツ
===============================================*/
#contents{float:right; width:710px; height:auto; margin:0 0 0 13px; line-height:1.5em;}

.conte{padding:0; margin:0 0 30px; width:auto; font-size:14px;}
.conte .menu1{min-height:30px; background: url(../img/common/Icon05.png) no-repeat 5px 5px,url(../img/common/menu1.png) no-repeat bottom left; padding:0 0 0 25px; margin:0 0 10px; font-size:18px; font-weight:bold;}
.conte .menu2{min-height:30px; background:#F4C83F; border-radius: 15px 15px 0 0; padding:5px 0; margin:0 0 10px; font-size:18px; font-weight:bold; letter-spacing:0.2px; text-align:center;}
.conte .menu3{min-height:30px; background:#5e9b35; padding:5px; margin:0 0 0; font-size:18px; font-weight:bold; letter-spacing:0.2px; text-align:center; color:#fff;}
.conte .menu4{min-height:30px; background:#5E9B35; border-radius: 15px 15px 0 0; padding:5px 0; margin:0 0 10px; font-size:18px; font-weight:bold; letter-spacing:0.2px; text-align:center; color:#fff;}
.conte .menu5{min-height:30px; text-align:center; margin:0 0 10px; font-size:20px; font-weight:bold; color:#a18362;}
.conte .menu6{background: url("../img/common/menu3.png") no-repeat scroll 0 0%, #69a242 none repeat scroll 0 0; color:#fff; font-size:24px; height:auto; min-height: 61px; padding:30px 5px 8px 80px; margin:0 0 20px;}



.conte .text1{ width:574px; float:right;}
.conte .text2{background:#f1f1f1; border:#c6c6c6 solid 1px; padding:10px; }
.conte .text3{background:#AF8F6D; padding:20px; }
.conte .text3 p{background: url(../img/common/textBg01.png); color:#fff;line-height:33px; font-weight:bold; font-size:15px;}

.conte2{padding:0; margin:0 0 40px; padding:20px; width:auto; border:3px solid #EF5353;}
.conte2 h3{font-size:20px; line-height:1.3em; letter-spacing:0.05em; margin-bottom:15px; border-bottom:1px solid #EF5353; font-weight:bold; padding-bottom:10px;}

.pickup ul{width:196px;}
.pickup li{background:#EFE9E0; padding:8px; margin:10px 0 0; border-radius:5px; font-size:12px; line-height:1.5em; margin-bottom:5px;}

.down ul{width:230px;}

.link{color:#0080de; text-decoration:underline; font-size:12px; background:url(../img/common/Icon03.png) no-repeat left; padding-left:15px; float:right;}
.link:hover{text-decoration:none;}

.RedLine{border:3px solid #EF5353;}
.BlueLine{border:3px solid #69a1c8;}
.BrownLine{border:3px solid #a18362;}
.GreenLine{border:3px solid #5e9b35;}

.rank{padding:10px 28px 20px;}
.rank1{background: url(../img/common/rank1.png) no-repeat; color:#fff; font-size:24px; height:61px; padding:30px 0 0 100px; margin:0 0 20px;}
.rank2{background: url(../img/common/rank2.png) no-repeat; color:#fff; font-size:24px; height:61px; padding:30px 0 0 100px; margin:0 0 20px;}
.rank3{background: url(../img/common/rank3.png) no-repeat; color:#fff; font-size:24px; height:61px; padding:30px 0 0 100px; margin:0 0 20px;}
.rank4{background: url(../img/common/rank4.png) no-repeat; color:#fff; font-size:24px; height:61px; padding:30px 0 0 100px; margin:0 0 20px;}
.rank1 a{color:#fff;}
.rank1 a:hover{text-decoration:none;}
.rank2 a{color:#fff;}
.rank2 a:hover{text-decoration:none;}
.rank3 a{color:#fff;}
.rank3 a:hover{text-decoration:none;}
.rank4 a{color:#fff;}
.rank4 a:hover{text-decoration:none;}


.rank .img{ text-align:center; width:230px; height:auto; padding:30px; border:#E2DCD4 solid 2px; float:left;}
.rank .text{background:#F6F2EC; border:#e2dcd4 solid 1px; padding:20px; line-height:1.5em; width:400px; float:right; letter-spacing:0.7px;}
.rank .btn{background:#FFA800; border-radius:5px; box-shadow:0 3px 0 #DF9C1B; text-align:center;}
.rank .btn a{ padding:10px 0; display:block; font-size:18px; font-weight:bold; letter-spacing:0.3px; color:#fff; line-height:1em; text-shadow:0 1px 0 #6C6C6C;}
.rank .btn a:hover{text-decoration:none;}
.rank .btn img{ margin:0 0 3px 10px;}


.btn2{background:#ff6a00; border-radius:5px; box-shadow:0 3px 0 #422e01; text-align:center; width: 100%; margin: 0 auto;}
.btn2 a{ padding:20px 15px; display:block; font-size:18px; font-weight:bold; letter-spacing:0.3px; color:#fff; line-height:1em; text-shadow:0 1px 0 #6C6C6C;}
.btn2 a:hover{text-decoration:none;}
.btn2 img{ margin:0 0 3px 10px;}

table.kaitou-table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width: 100%;
}
table.kaitou-table th {
	width: 30%;
	padding: 20px;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #ccc;
	text-align: center;
	
}
table.kaitou-table td {
	width: 60%;
	padding: 20px;
	vertical-align: middle;
	border: 1px solid #ccc;
	text-align: center;

}

.first{padding:20px;}

.corpimg{ text-align:center; width:230px; height:auto; padding:30px; border:#E2DCD4 solid 2px; float:left;}

.btmApp{margin:0 0 15px;}

.experiences{padding:10px 28px 20px;}
.experiences .img{ text-align:center; height:auto; margin:0 0 20px}
.experiences .text{background:#F6F2EC; border:#e2dcd4 solid 1px; padding:10px 20px; line-height:1.5em; letter-spacing:0.7px;}
.experiences .text p{background: url(../img/common/textBg01.png);line-height:33px; font-size:14px;}

.sideMenuA{background:url(../img/common/Icon05.png) no-repeat left center,#FFF; padding:0 0 0 17px; font-size:16px; font-weight:bold;}
.sideMenuB{background:url(../img/common/Icon03.png) no-repeat left center; margin:0 0 0 30px; font-size:12px; padding:0 0 0 15px;}

/*=============================================== 
	サイドメニュー
===============================================*/
#side{float:left; width:230px; padding:0 0 10px;}
#side a{display:block;}

.side{background:#f6f2ec; border-radius: 5px; padding:10px; margin:0 0 15px; border: 1px solid #EFE9E0;}
.side .menu{background:#FFF; box-shadow: 0 0 2px 0 rgba(0,0,0,0.3); border-bottom:#ffa800 solid 5px; padding:10px 0 5px; margin:0; font-size:16px; font-weight:bold; text-align:center; line-height:1em; letter-spacing:0.2em;}
.side li{background:url(../img/common/Icon02.png) no-repeat 10px 1px; padding:0 10px 0 30px; margin:10px 0 0; font-size:14px; line-height:1.3em; font-weight:bold;}

/*=============================================== 
	footer
===============================================*/
.footer{width:auto; padding:30px 10px; background:#69A1C8;}

.fotLogo{float:left; margin-left:30px;}
.footUl{width:610px; float:right;}
.footUl li{background:url(../img/common/fotIcon2.png) no-repeat center left; padding-left:15px; font-size:13px; float:left; margin:0 25px 5px 0; color:#fff; font-weight:bold;}
.footUl li a{color:#fff; text-decoration:none;}
.footUl li a:hover{color:#fff; text-decoration:underline;}

#copy{background:#777777; height:29px; font-size:10px; color:#fff; text-align:center; padding-top:9px;}

/*=============================================== 
	pankuzu
===============================================*/
.pankuzu{font-size:12px; width:auto; padding:10px 0;}

/*=============================================== 
	table
===============================================*/
.table1 {margin:10px auto 15px; width: 95%; font-size:14px; border-color: #DDDDDD; border-style: solid; border-width: 1px; border-top: 0 none;}
.table1 th {background-color: #EEEEEE; text-align: center; font-weight: bold; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; line-height: 20px; padding: 8px;}
.table1 td {border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; line-height: 20px; padding: 8px; text-align: center;}
span.price {color: #1E71BD; font-family: Century,Times New Roman,ＭＳ 明朝; font-size: 50px; font-weight: bold; line-height: 50px;}
span.yen {font-size: 16px; font-weight: bold; text-align: center;}

.table3{ border-spacing: 10px !important; width:100%;}
.table3 p{padding: 8px 10px; width:100%;}
.no{background: #399AC3; color: #FFFFFF; display: block; float: left; margin-right: 8px; padding: 5px 8px; width: 9px;}
.no2{background: #F00; color: #FFFFFF; display: block; float: left; margin-right: 8px; padding: 5px 8px; width: 9px;}
.table3 .text{float:left; padding-top: 5px;}

.table3 th{width:150px; border:#999 1px solid; text-align:center; padding:5px; background-color:#f1f1f1; font-size:13px; color:#399AC3;}
.table3 td{border:#999 1px solid; background:#fff; padding:5px;}

/*=============================================== 
	ol/li
===============================================*/
.ol01{margin-left:20px;}
.ol01 li{list-style-type: square; margin-bottom:5px;}


/*=============================================== 
	column
===============================================*/

.column{padding:20px 28px 20px;}
.column .menu{background:#69a1c8; font-size:22px; height:auto; padding:10px 20px; margin:0 0 20px; line-height: 1.5em;}
.column .menu a{color:#fff;}
.column .menu a:hover{text-decoration:none;}
.column .img{ text-align:center; width:90%; height:auto; margin:0 auto 25px;}
.column .img img{width:100%;}
.column .text{background:#F6F2EC; border:#e2dcd4 solid 1px; padding:20px; line-height:1.5em; width:100%; letter-spacing:0.7px;}

.column .btn{background:#FFA800; border-radius:5px; box-shadow:0 3px 0 #DF9C1B; text-align:center;}
.column .btn a{ padding:10px 0; display:block; font-size:18px; font-weight:bold; letter-spacing:0.3px; color:#fff; line-height:1em; text-shadow:0 1px 0 #6C6C6C;}
.column .btn a:hover{text-decoration:none;}
.column .btn img{ margin:0 0 3px 10px;}

.columnIn .menu1{background:#69a1c8; font-size:24px; height:auto; padding:10px 20px; margin:0 0 20px; color:#fff; line-height: 1.5em;}

.columnImg img{width:90%; margin:0 auto;}


/*=============================================== 
	10/23追記
===============================================*/


.box28 {
    position: relative;
    margin: 10px 0 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-size: 20px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 30px 10px 10px;
    padding: 0;
}

.box8 {
    padding: 0.5em 1em;
    margin: 40px 0 20px;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

.mokuji{
	margin: 30px 20px 30px 20px;
	padding: 20px;
	border: solid 1px #DFDFDF;
	background-color: #F5F5F5;
}

.orange01{color:#ff8c00}

.gray01{color:#666666}

.space1{
	letter-spacing:1px;
}
.space2{
	letter-spacing:2px;
}

.m1 {
	text-align: center;
	font-size: 27px;
	color:#666666;
    border-bottom: double 5px #FFC778;
    font-weight:bold;
    margin: 20 0 30px;
    padding: 20px 0 ; 
	letter-spacing:2px;
	line-height:1.8;
}

.m2{
  color: #800000;
  font-size: 16px;
  font-weight:bold;  
  border-bottom: dotted 2px #C0C0C0;
  margin: 50px 0px 30px ;
  }


.m3 {
color: #010079;
text-shadow: 0 0 5px white;
border-left: solid 7px #69a1c8;
background: -webkit-repeating-linear-gradient(-45deg, #e8f2f9, #e8f2f9 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #e8f2f9, #e8f2f9 3px,#e9f4ff 3px, #e9f4ff 7px);
padding: 0.5em 0.5em;
  margin: 70px 0px 60px ;
  font-size: 20px;
  font-weight:bold; 
}


.margin1{
	margin: 60px 0 70px;
}

.margin2{
	margin: 60px 0 0;
}


.hako1{
background-color:#fffbee;
padding: 30px 30px 20px;
border: 1px solid #eee;
}

.hako2{
background-color:#f1f4f6;
padding: 30px 30px 20px;
margin: 0 20px;
}


.point {
    border-bottom: solid 1px #EB6888;
    margin: 40px 0px 20px ;
    padding: 0 0 2px;
}


.point .bg_pink {
    background: #EB6888;
    padding: 4px 15px;
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
}

.banner {
	width: 100%
}

.toph1 {
	text-align: center;
    margin-bottom: 30px;
    font-size: 2.0rem;
    padding: 15px;
}

/*=============================================== 
	12/20追加
===============================================*/

table.basetable {
	border-spacing: 0;
	font-size: 16px;
}

table.basetable {
	border-collapse: separate;
	border-spacing: 0;
}

table.basetable th {
	text-align: center;
    color: #fff;
    font-size: 18px;
	padding: 10px;
	font-weight: bold;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #5E9B35;
}

table.basetable td {
	text-align: center;
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    background: #fff;
}

table.basetable td:nth-child(2n+1) {
	background: #f9ffde;
}

.sideMenuC{background:url(../img/common/Icon03.png) no-repeat left center; margin:0 0 0 5px; font-size:16px; padding:0 15px; line-height: 2;}


    .ribbon {
    	position: relative;
    	padding:10px 20px;
    	font-size:20px;
    	width: calc(100% - 80px);
    	box-sizing: border-box;
    	margin-left: 40px;
    	background: #ef5353;
    	box-shadow:0 1px 3px rgba(0,0,0,0.25);
        z-index:1;
    }
    .ribbon:before,
    .ribbon:after{
    	content: "";
    	position: absolute;
    	top:10px;
    	height: 0;
    	width: 0;
    	border: 25px solid #ef5353;
    	z-index:-2;
    }
    .ribbon:before{
    	right: -40px;
    	border-right-color: transparent;
    }
    .ribbon:after{
    	left: -40px;
    	border-left-color: transparent;
    }
    .ribbon h3{
    	color:#fffc00;
    	display:block;
        text-align: center;
        padding: 3px;
        font-size: 120%;
    }
    .ribbon h3:before,
    .ribbon h3:after{
    	content: "";
    	position: absolute;
    	top: 100%;
    	height: 0;
    	width: 0;
    	border: 5px solid transparent;
    	border-top: 5px solid #ab2c2c;
    }
    .ribbon h3:before{
    	right: 0;
    	border-left: 5px solid #ab2c2c;
    }
    .ribbon h3:after{
    	left: 0;
    	border-right: 5px solid #ab2c2c;
    }
.box {
    background: #F6F2EC;
    border: #e2dcd4 solid 1px;
    padding: 20px;
    line-height: 1.5em;
    letter-spacing: 0.7px;
}

.kuchikomi{background:#F6F2EC; border:#e2dcd4 solid 1px; padding:20px; margin-bottom: 20px; line-height:1.5em; letter-spacing:0.7px;}

.fukidashi ul {
  border: dotted 2px skyblue;/*線の設定*/
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.fukidashi ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.fukidashi ul li:before {
  
  font-family: "Font Awesome 5 Free";
  content: "\f075";/*アイコンの種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: skyblue; /*アイコン色*/
}