@charset "utf-8";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #a00000}

/* レイアウト */
.t10b { font-size: 10px; line-height:14px;}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/
main img {
	width:100%;
	height:auto;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 10px;}
h1 {
	font-size: 10px;
	margin: 0 1% 1%;
}

#wrapper main{
	width:100%;
	overflow:hidden;
	font-family:"Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

/* title
------------------------------------------ */
#title{
	width:100%;
	max-width: 640px;
	margin: 0 auto;
	text-align:center;
}
#title p{
	margin: 0;
	padding: 0;
}
.ank{
	position:absolute;
	top: 370px;
	left: 12px;
}
#title #detail dt{
	margin:0 0 0 25px;
	padding:0;
}
#title #detail dd{
	width:578px;

	display:block;
	margin:0;
	padding:10px 0 0 90px;
	font-size:14px;
	line-height:1.6em;
}
#title #detail dd strong{
	color:#F60;
	font-weight:bold;
}
#title #btn{
	position:absolute;
	margin:0;
	padding:0;
	left: 574px;
	top: 1038px;
}
#title #btn:hover{
	opacity: 0.5 ;
	transition: 0.2s ;
}
#title #prize{
	position:absolute;
	margin:0;
	padding:0;
	left: 561px;
	top: 759px;
	width: 380px;
}

/**/
.intro{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.cptit{
	color: #06c755;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0;
}
.detail dl{
	margin: 20px 0;
}
.detail dl dt{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 3px solid #ffff00;
	font-size: 14px;
	font-weight: bold;
}
.detail dl dd{
	font-size: 12px;
}
.detail .mt25.ml50.mr50.mb25{
    width: 100%;
    margin: auto !important;
}
ul.pre{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul.pre li{
	width: 27%;
    margin: 20px 10px 20px 10px;
}
ul.pre li img{
	width: 100%;
}
.outro{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}
.btn_green{
	display: block;
	padding: 20px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	color: #ffffff !important;
	font-size: 16px;
	background-color: #06c755;
	text-decoration: none !important;
	border-radius: 10px;
	font-weight: bold;
}
/* map
------------------------------------------ */
.map{
	width: 95%;
	margin: 0 auto;
	position: relative;
	padding: 0 0 10px 0;
}
.map img{
	width: 100%;
}
.map ul li{
	position: absolute;
	width: 100%;
}
.map ul li a{
	display:block;
	padding:10px;
	text-align:center;
	color:#FFF!important;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	width:17%;
	font-size:12px;
}
.map ul li#sp_hokkaido a{
	background-color: #23ac38;
}
.map ul li#sp_tohoku a{
	background-color: #28a7e1;
}
.map ul li#sp_kanto a{
	background-color: #0ba29a;
}
.map ul li#sp_hokuriku a{
	background-color: #6bc1a0;
}
.map ul li#sp_tokai a{
	background-color: #89b929;
}
.map ul li#sp_kinki a{
	background-color: #f8b62b;
}
.map ul li#sp_chugoku a{
	background-color: #ea5413;
}
.map ul li#sp_shikoku a{
	background-color: #f2a2b6;
}
.map ul li#sp_kyushu a{
	background-color: #df803a;
}

@media only screen and (max-width: 480px) {
	.map ul li#sp_hokkaido{
	top: 0% !important;
    left: 59% !important;
}
.map ul li#sp_tohoku{
	top: 16% !important;
    left: 59% !important;
}
.map ul li#sp_kanto{
	top: 87% !important;
    left: 76% !important;
}
.map ul li#sp_hokuriku{
	top: 32% !important;
    left: 59% !important;
}
.map ul li#sp_tokai{
	top: 87% !important;
    left: 52% !important;
}
.map ul li#sp_kinki{
	top: 46% !important;
    left: 36% !important;
}
.map ul li#sp_chugoku{
	top: 46% !important;
    left: 11% !important;
}
.map ul li#sp_shikoku{
	top: 96% !important;
    left: 24% !important;
}
.map ul li#sp_kyushu{
	top: 96% !important;
    left: 0% !important;
}
}

@media only screen and (max-width: 896px) {
.map ul li#sp_hokkaido{
	top: 0%;
    left: 61%;
}
.map ul li#sp_tohoku{
	top: 25%;
    left: 61%;
}
.map ul li#sp_kanto{
	top: 89%;
    left: 81%;
}
.map ul li#sp_hokuriku{
	top: 39%;
    left: 61%;
}
.map ul li#sp_tokai{
	top: 89%;
    left: 59%;
}
.map ul li#sp_kinki{
	top: 54%;
    left: 39%;
}
.map ul li#sp_chugoku{
	top: 54%;
    left: 17%;
}
.map ul li#sp_shikoku{
	top: 98%;
    left: 25%;
}
.map ul li#sp_kyushu{
	top: 99%;
    left: 0%;
}
}

/* yadolist
------------------------------------------ */
.yadolist{
	margin: 0 0 50px 0;
}
.yadolist h4{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	margin: 0;
	color: #FFFFFF;
}
.yadolist table{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 20px 0
	
}
.yadolist table th,
.yadolist table td{
	text-align: center;
	border: 1px solid;
	padding: 20px;
	font-size: 14px;
}
.yadolist table td{
	background-color: #FFFFFF;
}
.yadolist table td div{
	margin: 0;
	padding: 0;
}
.yadolist table td div p.yadotxt{
	margin: 0 0 10px 0;
}
.yadolist table td div p.yadotxt span{
	font-size: 12px;
}
.yadolist table td div p.yadobtn{
	width: 100%;
}
.yadolist table td div p.yadobtn a{
	background:#30217e;
	display:block;
	padding:10px 0;
	text-align:center;
	color:#FFF!important;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	width:100%;
	font-size:20px;
	font-weight: bold;
	margin:0 auto;
	text-decoration: none;
}
.yadolist table td div p.yadobtn a:hover{
	opacity: 0.5 ;
	transition: 0.2s ;
	text-decoration:none!important;
}
#s_hokkaido h4{
	background-color:#23ac38;
}
#s_hokkaido table th,
#s_hokkaido table td{
	border-color: #23ac38;
}
#s_hokkaido table th{
	background-color: #e4ffe8;
}
#s_tohoku h4{
	background-color:#28a7e1;
}
#s_tohoku table th,
#s_tohoku table td{
	border-color: #28a7e1;
}
#s_tohoku table th{
	background-color: #cff0ff;
}
#s_kanto h4{
	background-color:#0ba29a;
}
#s_kanto table th,
#s_kanto table td{
	border-color: #0ba29a;
}
#s_kanto table th{
	background-color: #d6fffd;
}
#s_hokuriku h4{
	background-color:#6bc1a0;
}
#s_hokuriku table th,
#s_hokuriku table td{
	border-color: #6bc1a0;
}
#s_hokuriku table th{
	background-color: #d5ffef;
}
#s_tokai h4{
	background-color:#90c31f;
}
#s_tokai table th,
#s_tokai table td{
	border-color: #90c31f;
}
#s_tokai table th{
	background-color: #f0ffcf;
}
#s_kinki h4{
	background-color:#f8b62b;
}
#s_kinki table th,
#s_kinki table td{
	border-color: #f8b62b;
}
#s_kinki table th{
	background-color: #fff1d5;
}
#s_chugoku h4{
	background-color:#ea5413;
}
#s_chugoku table th,
#s_chugoku table td{
	border-color: #ea5413;
}
#s_chugoku table th{
	background-color: #ffe0d3;
}
#s_shikoku h4{
	background-color:#f2a2b6;
}
#s_shikoku table th,
#s_shikoku table td{
	border-color: #f2a2b6;
}
#s_shikoku table th{
	background-color: #ffedf2;
}
#s_kyushu h4{
	background-color:#df803a;
}
#s_kyushu table th,
#s_kyushu table td{
	border-color: #df803a;
}
#s_kyushu table th{
	background-color: #ffe6d3;
}

/* sub
------------------------------------------ */
.artcleWrap{
	width:100%!important;
	background:#FFF;
	display:block;
	margin:0 auto 0;
	padding:20px 0 20px 0;
	position:relative;
}
.artcleWrap:nth-of-type(2n){
	background:#e6f7ff;
}
.inner{
	margin:10px auto 10px;
	padding: 10px;
}
.commonTit{
	text-align:center;
	margin-bottom:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.commonTit span{
position: relative;
display:inline-block;
padding: 0.3em 2em;
font-weight:bold;
font-size:18px;
color:#0092ae;
border-top: solid 3px #0092ae;
border-bottom: solid 3px #0092ae;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.commonTit span img{
	width:30px;
	margin:0 20px 0 -20px;
	height:auto;
}

img[src$=".gif"], img[src$=".png"] {
                   image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (非標準プロパティ) */
             }
.commonTit span:before,.commonTit span:after{
content: '';
position: absolute;
top: -7px;
width: 3px;
  height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: #0092ae;
}
.commonTit span:before {left: 7px;}
.commonTit span:after {right: 7px;}

/* step
------------------------------------------ */
dl#step1,dl#step2,dl#step3{
	background:#FFF;
	padding:10px;
	margin:0 10px 10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow:hidden;
}
dl#step1 dt,dl#step2 dt,dl#step3 dt{
	display:block;
	font-size:18px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:#06C;
	margin:-10px -10px 0;
	padding:10px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
dl#step1 dd,dl#step2 dd,dl#step3 dd{
	margin:0;
	padding:10px;
	font-size:14px;
	line-height:1.8em;
	display:block;
}
dl#step1 dd strong,dl#step2 dd strong,dl#step3 dd strong{
	color:#F66;
	font-size:16px;
	margin-bottom:10px;
	display:block;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
dl#step1 dd p a.t01{
	width:200px;
	height:31px;
	background:url(../images/bt_follow.png) no-repeat;
	background-size:100% auto;
	margin:0 auto 0;
	padding:0;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
dl#step1 dd p a.t02{
	width:265px;
	height:39px;
	background:url(../images/bt_follow2.png) no-repeat;
	margin:10px auto 0;
	padding:0;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
dl#step2 dd p a{
	width:265px;
	height:39px;
	background:url(../images/bt_tweet.png) no-repeat;
	margin:10px auto 0;
	padding:0;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
p.arrow{
	text-align:center;
	padding:5px 0 12px 0;
	clear:both;
}
p.arrow img{
	width:14px;
}
.smpnone{
	display:none
}
.kiyakuBox{
	width:880px;
	display:block;
	margin:0 auto 0;
	padding:0 0 20px 0;
}
.kiyakuBox dt{
	background:#D7FEFF;
	padding:10px;
	border-top:3px solid #2197EF;
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:16px;
}
.kiyakuBox dd{
	margin:0;
	padding:0 0 0 10px;
	font-size:14px;
}
.kiyakuBox dd ul{
	margin:0;
	padding:0 0 0 10px;
	display:block;
	font-size:14px;
}
.kiyakuBox dd ul li{
	margin:15px 0 0 0;
	padding:0 0 0 15px;
	display:block;
	background:url(../images/im_list.png) no-repeat 0 2px;
}
#titles{
	display:none;
}
#wijet{
	overflow:hidden;
	width:835px;
	margin:40px auto 10px;
	display:block;
}
#wijet h4{
	width:279px;
	height:auto;
	float:left;
	display:block;
	margin:30px 30px 0 0;
	background:url(../images/ti_achichi.png) no-repeat;
	height:246px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}
#wijet p{
	width:520px;
	float:left;
	display:block;
	border:1px solid #f3f3f3;
}
.btn{
	background:#F23B84;
	display:block;
	padding:15px;
	text-align:center;
	color:#FFF!important;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	width:50%;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:30px auto 0;
}
.btn:hover{
	opacity: 0.5 ;
	transition: 0.2s ;
	text-decoration:none!important;
}
.catche{
	font-size:14px;
	line-height:22px;
	text-align:center;
	clear:both;
	padding:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.catche2{
	font-size:14px;
	line-height:28px;
	clear:both;
	margin-bottom:40px;
	padding: 0 20px 0 ;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.naviBox{
	background:#0092ae;
	display:block;
	text-align:center;
	letter-spacing:-0.4em
}
.naviBox * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.naviBox li{
	display:inline-block;
	margin:0 0;
	width:50%;
	letter-spacing:normal;
	text-align:center;
	border-right:1px dashed rgba(255,255,255,0.3);
	border-bottom:1px dashed rgba(255,255,255,0.3);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.naviBox li:nth-of-type(2n){
	border-right:none
}
.naviBox li:nth-of-type(3n){
	border-right:none
}
.naviBox li a{
	display:block;
	padding:15px 10px 25px;
	font-size:12px;
	color:#FFF;
	background:url(../images/im_navi.png) no-repeat 50% 80%;
	background-size:15px auto;
}
.ouboBox{
	display:block;
	background:#FFF;
	padding:10px;
	margin:0 10px;
	border:3px solid rgba(000,000,000,0.1);
}
.ouboBox dt{
	font-size:16px;
	text-align:center;
	border-bottom:1px solid rgba(000,000,000,0.1);
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	color:#0092ae;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ouboBox dd{
	overflow-y:scroll;
	height:200px;
}
.ouboBox dd p{
	margin-top:20px;
}
.ouboBox dd p strong{
	display:block;
	color:#C00;
	font-size:14px;
	margin-bottom:8px;
}
.ouboBox dd p span{
	display:block;
	font-size:12px;
	line-height:120%;
	padding:0 0 0 20px;
}
.yet{
	text-align:center;
	font-size:20px;
	padding:20px;
	margin:0 10px;
	background:rgba(000,000,000,0.1);
}
article{

	margin:0 auto;
}
.intyp{
	text-align:center;
	margin-top:10px;
}
.intyp img{
	width:90%;
	margin:0 auto;
	height:auto;
}
.catcheBox{
	font-size:12px;
	clear:both;
	text-align:left;
	line-height:20px;
	padding:10px;
}
#a03{
	overflow:hidden;
}
#a03 dl{
	display:block;
	background:#FFF;
	margin:0 10px 20px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow:hidden;
	border-bottom:4px solid rgba(0,0,0,0.2);
}
#a03 dl dt{
	padding:15px 15px 15px 60px;
	background:#0092ae;
	color:#FFF;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	position:relative;
}
#a03 dl dt:after{
	content:"";
	position:absolute;
	background:url(../images/ic_medal.png) no-repeat;
	background-size:100% auto;
	width:30px;
	height:68px;
	top:0;
	left:10px
}
#a03 dl:nth-of-type(3) dt:after,
#a03 dl:nth-of-type(4) dt:after{
	background:none!important
}
#a03 dl:nth-of-type(3) dt,
#a03 dl:nth-of-type(4) dt{
	padding:15px 15px 15px 15px;
}
#a03 dl dd{
	padding:20px;
	margin:0;
	font-size:16px;
	border-bottom:1px dashed #CCC;
}
#a03 dl dd strong{
	display:block;
	text-align:center;
}
#a03 dl dd p{
	margin:10px 0 0 0;
	padding:0;
}
#a03 dl dd p img{
	width:100%;
	height:auto;
}
#a03 dl dd span{
	font-size:13px;
	display:block;
	padding:5px 0 0 0;
	text-align:center;
}
#a03 dl dd strong span{
	display:inline-block;
	text-align:right;
	padding:0 0 0 10px;
	font-size:10px;
	font-weight:normal	
}
#end {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #F55;
    margin-top: 2%;
}
.bnr{
	padding:0 10px 10px;
}
ul.entry{
	overflow: hidden;
}
ul.entry li{
	width: 45%;
	float: left;
	margin: 0 7px 35px 10px;
	background-color: #FFFFFF;
}
ul.entry li p{
	margin: 0;
	font-size: 14px;
}
ul.entry li p.number{
	padding: 10px;
	margin: 0;
	text-align: center;
	background-color: #0092ae;
	color: #FFFFFF;
}
ul.entry li p.tag{
	padding: 10px;
	margin: 0;
	text-align: center;
	background-color: #0080D1;
	color: #FFFFFF;
}
ul.entry li p.txt{
	margin: 0 0 0px 0;
	padding: 20px;
	text-align: center;
}
ul.entry li p.txt span{
	display: block;
	font-weight: bold;
	margin: 0 0 20px 0;
	font-size: 16px;
}
ul.entry li p img{
	width: 100%;
}

/* ボタン全体 */
.flowbtn11{
font-family:'Verdana',sans-serif;	
border-radius:4px;
position:relative;
display:inline-block;
width:90%;
font-size:20px;
color:#fff!important;
text-decoration:none;
margin-bottom:5px;
}
/* Twitter */
.fl_tw1{
background:#55acee;
}
/* Instagramアイコン位置 */
.insta_btn11 .fa-instagram{
position:relative;
z-index:1;	
}
/* Instagram紫グラデ背景色 */
.insta_btn11{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* Instagramオレンジグラデ背景色 */
.insta_btn11:before{
content: '';
position:absolute;
top:17px;
left:-75px;
width:100%;
height:100%;
background:-webkit-radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 45%, rgba(255, 88, 96, 0) 80%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 80%);
}
/* Facebook */
.fl_fb1{
background:#3b5998;
}
/* Feedly */
.fl_fd1{
background:#6cc655;
}
/* Pocket */
.fl_pk1{
background:#ef3f56;
}
/* はてブ */
.fl_hb1{
background:#1ba5dc;
}
/* YouTube */
.fl_yu1{
background:#fc0d1c;
}
/* LINE */
.fl_li1{
background:#00c300;
}
/* お問い合わせメール */
.fl_ma1{
background:#f3981d;
}
/* プロフィール */
.fl_pf11{
background:#555;
}
/* アイコンボタンホバー時 */
.flowbtn11:hover span{
-webkit-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
transform: rotateX(360deg);
text-decoration:none;
}
/* ボタン内テキスト調整 */
.flowbtn11 span{
font-size:14px;	
position:relative;
left:8px;
bottom:2px;
transition:.6s;	
display:inline-block;	
}
/* ulタグの内側余白を０にする */
ul.snsbtniti2{
padding:0!important;
}
/* アイコンボタンの位置調整 */
.snsbtniti2{
display:flex;
flex-flow:row wrap;
}
/* アイコンボタン同士の余白調整 */
.snsbtniti2 li{
flex:0 0 48%;
text-align:center!important;
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-instagram:before {
    content: "\f16d";
}
dl.sns_ooubo{
	width: 80%;
	color: #FFFFFF;
	padding: 15px;
	margin: 0 auto 30px;
	border-radius:10px;
}
.twitter{
	background-color: #81cfff;
}
.instagram{
	background-color: #c1cdff;
}
dl.sns_ooubo dt{
	font-size: 22px;
	text-align: center;
	margin: 0 0 25px 0;
	font-weight: bold;
}
dl.sns_ooubo dd.follow,
dl.sns_ooubo dd.re{
	background-color: #FFFFFF;
	padding: 20px;
	color: #000000;
	margin: 0 0 20px 0;
	text-align: center;
}
.follow_bt{
	margin: 0 0 55px 0;
}
.re_bt{
	
	margin: 0 0 20px 0;
}
.follow_bt a,
.re_bt a{
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}
dl.sns_ooubo dd.re{
	position: relative;
}
.fa-angle-down::before{
	content: "\f107";
	color:#FFFFFF;
	position: absolute;
	top: -45px;
	left:50%;
}
ul.syouhin li{
	width: 30%;
	float: left;
	margin: 0 0px 0 10px;
}
ul.syouhin li img{
	width: 100%;
	vertical-align: top;
}
.step1,
.step2{
	position: relative;
	width: 30%;
	padding: 10px 0;
	background-color: #0092ae;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	border-radius:10px;
}
.step1{
	margin: -40px auto 20px;
}
.step2{
	margin: -45px auto 20px;
}
.rei{
	display: block;
	background-color: #FFEDB2;
	padding: 10px;
	margin: 20px 0 0px 0;
	font-size: 14px !important;
	font-weight: bold;
}
.bt_area{
	max-width: 232px;
	margin: 0 auto;
}
.bt_area img{
	width: 100%;
}
.bt_area2{
	width: 95%;
	max-width: 640px;
	margin: 50px auto 0;
}
.bt_area2 img{
	width: 100%;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
.disflex{display:flex;}
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
    margin: 0 auto 5px;
}
.f10{
	font-size:10px!important;
}
#wrapper main{
	width:100%!important;
	font-family:"Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

/* title
------------------------------------------ */
#titTop {
	padding:0px;
	margin:0 0 20px 0;
}

/* mainArea
------------------------------------------ */
div#mainArea{
	width:100%!important;
	margin:0 auto;
	display:block;
	position:relative;
	padding:0 0 20px 0;
}

/* title
------------------------------------------ */
#title{
	width:100%;
	max-width: 640px;
	margin: 0 auto;
}
#title p{
	margin: 0;
	padding:0px 0 0 14px;
}
.ank{
	position:absolute;
	top: 370px;
	left: 12px;
}
#title #detail dt{
	margin:0 0 0 25px;
	padding:0;
}
#title #detail dd{
	width:578px;
	display:block;
	margin:0;
	padding:10px 0 0 90px;
	font-size:14px;
	line-height:1.6em;
}
#title #detail dd strong{
	color:#F60;
	font-weight:bold;
}
#title #btn{
	position:absolute;
	margin:0;
	padding:0;
	left: 574px;
	top: 1038px;
}
#title #btn:hover{
	opacity: 0.5 ;
	transition: 0.2s ;
}
#title #prize{
	position:absolute;
	margin:0;
	padding:0;
	left: 561px;
	top: 759px;
	width: 380px;
}

/**/
.intro{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.cptit{
	color: #06c755;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 40px 0;
}
.detail dl{
	width: 50%;
	margin: 20px 0 30px;
}
.detail dl dt{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 3px solid #ffff00;
	font-size: 16px;
	font-weight: bold;
}
.detail dl dd{
	font-size: 14px;
	margin: 0 0 0px 0;
	line-height: 24px;
}
.detail > img{
	width: 50%;
}
ul.pre{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul.pre li{
	width: 27%;
    margin: 20px 10px 20px 10px;
}
ul.pre li img{
	width: 100%;
}
.outro{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}
.btn_green{
	display: block;
	padding: 20px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	color: #ffffff !important;
	font-size: 18px;
	background-color: #06c755;
	text-decoration: none !important;
	border-radius: 10px;
	font-weight: bold;
}


/* sub
------------------------------------------ */
.artcleWrap{
	width:100%!important;
	background:#fff;
	display:block;
	margin:0 auto 0;
	padding:20px 0 50px 0;
	position:relative;
}
.artcleWrap:nth-of-type(2n){
	background:#e6f7ff;
}
.inner{
	width:950px;
	margin:40px auto;
}
.commonTit{
	text-align:center;
	margin-bottom:40px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.commonTit span{
position: relative;
display:inline-block;
padding: 0.3em 2em;
font-weight:bold;
font-size:28px;
color:#30217e;
border-top: solid 3px #30217e;
border-bottom: solid 3px #30217e;
}
.commonTit span img{
	width:35px;
	margin:0 20px 0 -20px;
	height:auto;
}

img[src$=".gif"], img[src$=".png"] {
   

                   image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (非標準プロパティ) */
             }
.commonTit span:before,.commonTit span:after{
content: '';
position: absolute;
top: -7px;
width: 3px;
  height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: #30217e;
}
.commonTit span:before {left: 7px;}
.commonTit span:after {right: 7px;}

/* map
------------------------------------------ */
.map{
	width: 950px;
}
.map img{
	width: 100%;
}

/* yadolist
------------------------------------------ */
.yadolist{
	margin: 0 0 50px 0;
}
.yadolist h4{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	margin: 0;
	color: #FFFFFF;
}
.yadolist table{
	width: 100%;
	border-collapse: collapse;
}
.yadolist table th,
.yadolist table td{
	text-align: center;
	border: 1px solid;
	padding: 20px;
	font-size: 16px;
}
.yadolist table th {
	color: #800002;
	font-weight: bold;
}
.yadolist table td{
	background-color: #FFFFFF;
}
.yadolist table td div{
	margin: 0;
	padding: 0;
	display: flex;
}
.yadolist table td div p.yadotxt{
	width: 65%;
	text-align: left;
}
.yadolist table td div p.yadotxt span{
	font-size: 14px;
}
.yadolist table td div p.yadobtn{
	width: 35%;
}
.yadolist table td div p.yadobtn a{
	background:#30217e;
	display:block;
	padding:10px 0;
	text-align:center;
	color:#FFF!important;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	width:100%;
	font-size:20px;
	font-weight: bold;
	margin:0;
	text-decoration: none;
}
.yadolist table td div p.yadobtn a:hover{
	opacity: 0.5 ;
	transition: 0.2s ;
	text-decoration:none!important;
}
#hokkaido h4{
	background-color:#23ac38;
}
#hokkaido table th,
#hokkaido table td{
	border-color: #23ac38;
}
#hokkaido table th{
	background-color: #e4ffe8;
}
#tohoku h4{
	background-color:#28a7e1;
}
#tohoku table th,
#tohoku table td{
	border-color: #28a7e1;
}
#tohoku table th{
	background-color: #cff0ff;
}
#kanto h4{
	background-color:#0ba29a;
}
#kanto table th,
#kanto table td{
	border-color: #0ba29a;
}
#kanto table th{
	background-color: #d6fffd;
}
#hokuriku h4{
	background-color:#6bc1a0;
}
#hokuriku table th,
#hokuriku table td{
	border-color: #6bc1a0;
}
#hokuriku table th{
	background-color: #d5ffef;
}
#tokai h4{
	background-color:#90c31f;
}
#tokai table th,
#tokai table td{
	border-color: #90c31f;
}
#tokai table th{
	background-color: #f0ffcf;
}
#kinki h4{
	background-color:#f8b62b;
}
#kinki table th,
#kinki table td{
	border-color: #f8b62b;
}
#kinki table th{
	background-color: #fff1d5;
}
#chugoku h4{
	background-color:#ea5413;
}
#chugoku table th,
#chugoku table td{
	border-color: #ea5413;
}
#chugoku table th{
	background-color: #ffe0d3;
}
#shikoku h4{
	background-color:#f2a2b6;
}
#shikoku table th,
#shikoku table td{
	border-color: #f2a2b6;
}
#shikoku table th{
	background-color: #ffedf2;
}
#kyushu h4{
	background-color:#df803a;
}
#kyushu table th,
#kyushu table td{
	border-color: #df803a;
}
#kyushu table th{
	background-color: #ffe6d3;
}

/* step
------------------------------------------ */
dl#step1{
	width:283px;
	height:250px;
	background:url(../images/bg_step1.png) no-repeat;
	display:block;
	margin:0 0 20px 30px;
	float:left;
}
dl#step2{
	width:285px;
	height:250px;
	background:url(../images/bg_step2.png) no-repeat;
	display:block;
	margin:0 0 20px 0px;
	float:left;
}
dl#step3{
	width:285px;
	height:250px;
	background:url(../images/bg_step3.png) no-repeat;
	display:block;
	margin:0 0 20px 0px;
	float:left;
}
dl#step1 dt,dl#step2 dt,dl#step3 dt{
	margin: 0;
	padding:20px;
	font-size:12px;
	text-indent: 160%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
	height:1px;
}
dl#step1 dd,dl#step2 dd,dl#step3 dd{
	margin:0;
	padding:15px;
	font-size:14px;
	line-height:1.8em;
	display:block;
}
dl#step1 dd strong,dl#step2 dd strong,dl#step3 dd strong{
	color:#F66;
	font-size:18px;
	margin-bottom:10px;
	display:block;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
dl#step1 dd p a.t01{
	width:235px;
	height:39px;
	background:url(../images/bt_follow.png) no-repeat;
	margin:0 auto 0;
	padding:0;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
dl#step1 dd p a.t02{
	width:265px;
	height:39px;
	background:url(../images/bt_follow2.png) no-repeat;
	margin:10px auto 0;
	padding:0;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
dl#step2 dd p a{
	width:265px;
	height:39px;
	background:url(../images/bt_tweet.png) no-repeat;
	margin:10px auto 0;
	padding:0;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
dl#step1 dd p:hover,dl#step2 dd p:hover{
	opacity: 0.5 ;
	transition: 0.2s ;
}
p.arrow{
	margin:100px 10px 0 10px;
	padding:0;
	float:left;
	width:10px;
}
p.arrow img{
	width:10px;
}
.kiyakuBox{
	width:880px;
	display:block;
	margin:0 auto 0;
	padding:0 0 20px 0;
}
.kiyakuBox dt{
	background:#D7FEFF;
	padding:10px;
	border-top:3px solid #2197EF;
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:16px;
}
.kiyakuBox dd{
	margin:0;
	padding:0 0 0 10px;
	font-size:14px;
}
.kiyakuBox dd ul{
	margin:0;
	padding:0 0 0 10px;
	display:block;
	font-size:14px;
}
.kiyakuBox dd ul li{
	margin:15px 0 0 0;
	padding:0 0 0 15px;
	display:block;
	background:url(../images/im_list.png) no-repeat 0 2px;
}
#titles{
	display:none;
}
#wijet{
	overflow:hidden;
	width:835px;
	margin:40px auto 10px;
	display:block;
}
#wijet h4{
	width:279px;
	height:auto;
	float:left;
	display:block;
	margin:30px 30px 0 0;
	background:url(../images/ti_achichi.png) no-repeat;
	height:246px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}
#wijet p{
	width:520px;
	float:left;
	display:block;
	border:1px solid #f3f3f3;
}
.pcnone{
	display:none;
}
.btn{
	background:#F23B84;
	display:block;
	padding:15px;
	text-align:center;
	color:#FFF!important;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	width:50%;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:30px auto 0;
}
.btn:hover{
	opacity: 0.5 ;
	transition: 0.2s ;
	text-decoration:none!important;
}
.catche{
	font-size:16px;
	line-height:28px;
	text-align:center;
	clear:both;
	margin-bottom:40px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.catche2{
	font-size:16px;
	line-height:28px;
	clear:both;
	margin-bottom:40px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.naviBox{
	background:#30217e;
	display:block;
	text-align:center;
}
.naviBox li{
	display:inline-block;
	margin:10px 0;
	text-align:center;
	border-right:1px dashed rgba(255,255,255,0.3);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.naviBox li:first-child{
	border-left:1px dashed rgba(255,255,255,0.3);
}
.naviBox li a{
	display:block;
	padding:15px 30px 25px;
	font-size:18px;
	color:#FFF;
	background:url(../images/im_navi.png) no-repeat 50% 80%;
	background-size:15px auto;
}
.naviBox li a:hover{
	opacity: 0.5 ;
	transition: 0.2s ;
	text-decoration:none!important

}
.ouboBox{
	display:block;
	background:#FFF;
	padding:25px;
	border:3px solid rgba(000,000,000,0.1);
}
.ouboBox dt{
	font-size:22px;
	text-align:center;
	border-bottom:1px solid rgba(000,000,000,0.1);
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	color:#30217e;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ouboBox dd{
	overflow-y:scroll;
	height:300px;
}
.ouboBox dd p{
	margin-top:20px;
}
.ouboBox dd p strong{
	display:block;
	color:#C00;
	font-size:16px;
	margin-bottom:8px;
}
.ouboBox dd p span{
	display:block;
	font-size:14px;
	line-height:200%;
	padding:0 0 0 20px;
}
.yet{
	text-align:center;
	font-size:30px;
	padding:40px;
	background:rgba(000,000,000,0.1);
}
article{
	width:950px;
	margin:0 auto;
}
.intyp{
	text-align:center;
	margin-top:10px;
}
.intyp img{
	width:90%;
	margin:0 auto;
	height:auto;
}
.catcheBox{
	font-size:12px;
	clear:both;
	text-align:center;
	line-height:28px;
}
#a03{
	overflow:hidden;
}
#a03 dl{
	display:block;
	background:#FFF;
	margin:0 0 30px 0;
	width:48.5%;
	float:left;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow:hidden;
	border-bottom:4px solid rgba(0,0,0,0.2);
}
#a03 dl:nth-of-type(2n){
	margin-left:20px;
}
#a03 dl dt{
	padding:10px 15px 10px 60px;
	background:#30217e;
	color:#FFF;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:24px;
	position:relative;
	text-align:center;
}
#a03 dl dt:after{
	content:"";
	position:absolute;
	background:url(../images/ic_medal.png) no-repeat;
	background-size:100% auto;
	width:30px;
	height:68px;
	top:0;
	left:370px
}
#a03 dl:nth-of-type(3) dt:after,
#a03 dl:nth-of-type(4) dt:after{
	background:none!important
}
#a03 dl:nth-of-type(3) dt,
#a03 dl:nth-of-type(4) dt{
	padding:10px 15px 10px 15px;
}
#a03 dl dd{
	padding:20px;
	margin:0;
	width:430px;
	font-size:16px;
	float:left;
}
#a03 dl dd strong{
	display:block;
	text-align:center;
	color:#30217e;
	padding:0;
}
#a03 dl dd strong a{
	color:#30217e;
	text-decoration:none
}
#a03 dl dd p{
	margin: 0;
	padding:0;
}
#a03 dl dd p img{
	width:100%;
	height:auto;
}
#a03 dl dd span{
	font-size:11px;
	display:block;
	padding:5px 0 0 0;
	text-align:left;
	font-size:16px;
}
#a03 dl dd strong span{
	display:inline-block;
	text-align:right;
	padding:0 0 0 10px;
	font-size:10px;
	font-weight:normal	
}
#end {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #F55;
    margin-top: 1%;
}
.bnr{
	margin-bottom:30px;
}
.bnr a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
}
ul.entry{
	overflow: hidden;
}
ul.entry li{
	width: 45%;
	float: left;
	margin: 0 35px 35px 10px;
	background-color: #FFFFFF;
}
ul.entry li p{
	margin: 0;
	font-size: 16px;
}
ul.entry li p.number{
	padding: 10px;
	margin: 0 0 0px 0;
	text-align: center;
	background-color: #30217e;
	color: #FFFFFF;
}
ul.entry li p.tag{
	padding: 10px;
	margin: 0;
	text-align: center;
	background-color: #0080D1;
	color: #FFFFFF;
}
ul.entry li p.txt{
	margin: 0 0 0px 0;
	padding: 20px;
	text-align: center;
}
ul.entry li p.txt span{
	display: block;
	font-weight: bold;
	margin: 0 0 20px 0;
	font-size: 18px;
}
ul.entry li p img{
	width: 100%;
}

/* ボタン全体 */
.flowbtn11{
font-family:'Verdana',sans-serif;	
border-radius:4px;
position:relative;
display:inline-block;
width:90%;
font-size:20px;
color:#fff!important;
text-decoration:none;
margin-bottom:5px;
}
/* Twitter */
.fl_tw1{
background:#55acee;
}
/* Instagramアイコン位置 */
.insta_btn11 .fa-instagram{
position:relative;
z-index:1;	
}
/* Instagram紫グラデ背景色 */
.insta_btn11{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* Instagramオレンジグラデ背景色 */
.insta_btn11:before{
content: '';
position:absolute;
top:17px;
left:-75px;
width:100%;
height:100%;
background:-webkit-radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 45%, rgba(255, 88, 96, 0) 80%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 80%);
}
/* Facebook */
.fl_fb1{
background:#3b5998;
}
/* Feedly */
.fl_fd1{
background:#6cc655;
}
/* Pocket */
.fl_pk1{
background:#ef3f56;
}
/* はてブ */
.fl_hb1{
background:#1ba5dc;
}
/* YouTube */
.fl_yu1{
background:#fc0d1c;
}
/* LINE */
.fl_li1{
background:#00c300;
}
/* お問い合わせメール */
.fl_ma1{
background:#f3981d;
}
/* プロフィール */
.fl_pf11{
background:#555;
}
/* アイコンボタンホバー時 */
.flowbtn11:hover span{
-webkit-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
transform: rotateX(360deg);
text-decoration:none;
}
/* ボタン内テキスト調整 */
.flowbtn11 span{
font-size:14px;	
position:relative;
left:8px;
bottom:2px;
transition:.6s;	
display:inline-block;	
}
/* ulタグの内側余白を０にする */
ul.snsbtniti2{
padding:0!important;
}
/* アイコンボタンの位置調整 */
.snsbtniti2{
display:flex;
flex-flow:row wrap;
}
/* アイコンボタン同士の余白調整 */
.snsbtniti2 li{
flex:0 0 48%;
text-align:center!important;
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-instagram:before {
    content: "\f16d";
}
dl.sns_ooubo{
	width: 44%;
	float: left;
	color: #FFFFFF;
	padding: 15px;
	margin: 0 10px 20px 10px ;
	border-radius:10px;
}
.twitter{
	background-color: #81cfff;
}
.instagram{
	background-color: #c1cdff;
}
dl.sns_ooubo dt{
	font-size: 22px;
	text-align: center;
	margin: 0 0 35px 0;
	font-weight: bold;
}
dl.sns_ooubo dd.follow,
dl.sns_ooubo dd.re{
	background-color: #FFFFFF;
	padding: 20px;
	color: #000000;
	margin: 0 0 20px 0;
	text-align: center;
}
.follow_bt{
	margin: 0 0 55px 0;
}
.re_bt{
	
	margin: 0 0 20px 0;
}
.follow_bt a,
.re_bt a{
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}
dl.sns_ooubo dd.re{
	position: relative;
}
.fa-angle-down::before{
	content: "\f107";
	color:#FFFFFF;
	position: absolute;
	top: -45px;
	left:205px;
}
ul.syouhin li{
	width: 30%;
	float: left;
	margin: 0 10px 0 10px;
}
ul.syouhin li img{
	width: 100%;
	vertical-align: top;
}
.step1,
.step2{
	position: relative;
	width: 30%;
	padding: 10px 0;
	background-color: #30217e;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	border-radius:10px;
}
.step1{
	margin: -40px auto 20px;
}
.step2{
	margin: -45px auto 20px;
}
.rei{
	display: block;
	background-color: #FFEDB2;
	padding: 10px;
	margin: 20px 0 0px 0;
	font-size: 14px !important;
	font-weight: bold;
}
.bt_area{
	max-width: 232px;
	margin: 0 auto;
}
.bt_area img{
	width: 100%;
	height: 72px;
}
	
.bt_area2{
	max-width: 640px;
	margin: 50px auto 0px;
}
.bt_area2 img{
	width: 100%;
	height: 120px;
}
.bt_area3{
	max-width: 600px;
	margin: 20px auto;
}
.bt_area3 img{
	width: 100%;
	height: 72px;
}

}