@charset "UTF-8";

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

CSSの名前：haiku_taishou.css ジャングル俳句大賞

/ext/haiku_taishou.xhtml

--------------------------------------------------------------------------*/
#jstore {clear:both;}
#jstore #HaikuTaishou{padding:0 0 ;margin:0 auto;}
#jstore #HaikuTaishouTtl{width:100%;background: url("../images/detail/haiku_taishou/bg_flower_yel.png");padding:0 0;}
#jstore #HaikuTaishouTop{width:100%;background: url("../images/detail/haiku_taishou/bg_washi.jpg");padding-bottom: 50px;}
#jstore #HaikuTaishouContents{width:1200px;margin:0 auto ;background:#fff url("../images/detail/haiku_taishou/bg_contents.png")bottom no-repeat;padding: 50px 0;}

#jstore #HaikuTaishou .inner{width:1095px;margin:0 auto;font-side:62.5%;}

#jstore .red {color: #c80010;}
#jstore .underLine {text-decoration: underline;}
#jstore .big{font-size:150%;}
#jstore .small{font-size:14px;}
#jstore .flex{display: flex;}
#jstore #HaikuTaishou img{vertical-align: bottom;}
#jstore .mark{color: #FFEF00;font-size:80%;}


#jstore #HaikuTaishou h1{width:1200px;margin:0 auto;}
#jstore #HaikuTaishouContents h2{font-size:1.8em;text-align: center;}
#jstore #HaikuTaishou h3.bar{width:1095px;height: 60px;background: url("../images/detail/haiku_taishou/bar.png") no-repeat;margin:100px auto 20px;padding:5px 0 0;font-size:2.8em;color:#fff;font-weight: bold;text-align: center;margin-bottom:50px;letter-spacing: 0.5em;}

#jstore #HaikuTaishou p{font-size: 1.8em;line-height: 1.7em;color:#333;margin: 0 20px;}
#jstore #HaikuTaishou p+p{margin-top:8px;}

#jstore #prfBox{background: url("../images/detail/haiku_taishou/profile2026.png")no-repeat;margin:30px auto;width:1080px;height:295px;padding:110px 50px 0 250px;}
#jstore #prfBox p{font-size:16px;}
#jstore #youtubeBox {text-align: center;width:560px;margin:50px auto;}

#jstore #HaikuTaishou ul.prizeUl{display: flex; width:1020px;margin:50px auto;}
#jstore #HaikuTaishou ul.prizeUl li{width:300px;text-align: center;margin: 0 20px;font-size: 1.8em;line-height: 1.4em!important;}
#jstore #HaikuTaishou ul.prizeUl li img{margin-bottom: 15px;}
#jstore #HaikuTaishou ul.prizeUl li span{font-size: 130%;font-weight: bold;}

#jstore #HaikuTaishou .ouboTbl{width:1065px;margin:0 auto 100px;}
#jstore #HaikuTaishou .ouboTbl th,.ouboTbl td{border-top: 1px solid #999;border-bottom: 1px solid #999;padding:20px 20px;}
#jstore #HaikuTaishou .ouboTbl th{width:250px;background: #f7f7f7;font-size: 18px;}
#jstore #HaikuTaishou .ouboTbl td{font-size: 16px;}

#jstore #HaikuTaishou .toukuBtn,
#jstore #HaikuTaishou a.toukuBtn{ font-size: 3.8em; font-weight: 700; line-height: 1.5; position: relative; display: inline-block; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; letter-spacing: 0.1em;}
#jstore #HaikuTaishou a.btn-flat {width:950px;margin:0 70px 120px!important; overflow: hidden; padding: 3.0rem 6rem; color: #fff; box-sizing: border-box;	background: url("../images/detail/haiku_taishou/bg_redbtn.png");}
#jstore #HaikuTaishou a.btn-flat span { position: relative; z-index: 1;}
#jstore #HaikuTaishou a.btn-flat:before { position: absolute; top: 0; left: calc(-100% + 67px); width: 155%; height: 500%; content: ''; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: rotate(45deg) translateX(0) translateY(0); transform: rotate(45deg) translateX(0) translateY(0); background: #bdbb00;}
#jstore #HaikuTaishou a.btn-flat:after { position: absolute; top: -400%; right: calc(-100% + 67px); width: 155%; height: 500%; content: ''; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: rotate(45deg) translateX(0) translateY(0); transform: rotate(45deg) translateX(0) translateY(0); background: #bdbb00;}
#jstore #HaikuTaishou a.btn-flat:hover:before{-webkit-transform: rotate(45deg) translateX(0) translateY(-50%); transform: rotate(45deg) translateX(0) translateY(-50%);}
#jstore #HaikuTaishou a.btn-flat:hover:after{ -webkit-transform: rotate(45deg) translateX(0) translateY(50%); transform: rotate(45deg) translateX(0) translateY(50%);}


#jstore #HaikuTaishouBtm{width:100%;background: #e3e3e3;text-align: center;padding: 100px 0;}
#jstore #HaikuTaishouBtm img.bnr{border:1px solid #CC0000;}