@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	index用のCSSです
----------------------------------*/

.contents * { box-sizing: border-box; font-size: 13px; font-size: 1.3rem; letter-spacing: .3rem; line-height: 2.3rem; -webkit-text-size-adjust: 100%;}
.contents { clear: both; width: 960px; height: auto; margin: 20px auto;}
.wrap_header { position: relative;}
.wrap_header:after { content: url(/attending/kokunai/takarazuka_gift/images/img_gift.png); position: absolute; top: 230px; left: 20px;}
.wrap_header p { position: absolute; top: 330px; left: 40px; width: 880px; padding: 25px 100px; background: #49b7f6; color: white; opacity: .8; border-radius: 5px;}

.section01 { width: 880px; margin: 120px auto 0 auto; overflow: hidden;}
.section01 div { float: left; border-radius: 5px; padding: 9px; text-align: center; border: 1px solid #49b7f6;}
.section01 div dt { font-size: 16px; margin-bottom: 10px; color: #49b7f6;}
.section01 div:first-child { margin-right: 10px; border: 1px solid #f4a0b7;}
.section01 div:first-child dt { color: #ea4170;}
.section01 div a:hover { text-decoration: none;}
.section01 p { font-size: 12px; font-size: 1.2rem; letter-spacing: .1rem; border-bottom: double 3px #999; display: inline-block; position: relative; top: -28px;}

/*211124追加ここから*/
.section01 div.btn { float: right; border: none; width: 435px;/*border-radius: 5px; padding: 9px; text-align: center; solid #49b7f6;*/}
.btn ul li a {
	padding: 5px;
	text-align: center;
	/*margin-right: 6px;*/
	margin-top: 10px;
	margin-bottom: 5px;
	/*width: calc(99%/2 - 15px);*/
    width: calc(99%/2 - 2px);
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	border-radius: 5px;
	background-color: #ffffff;
    float: left;
    /*position: relative;
    top: -18px;*/
    box-shadow: 2px 2px 3px gray;
}
.btn ul li.hatu a {
	border: 1px solid #00a0e9;
    margin-right: 5px;
}
.btn ul li a.clamp {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #00a0e9;
}
.btn ul li a.clamp:hover {
	color: #ff9933;
}
.btn ul li.tc a {
	border: 1px solid #fb9f00;
}
.btn ul li.tc a {
	color: #00a0e9;
}
/*211124追加ここまで*/


.section02 { width: 920px; margin: 40px auto;}
.section02 dl dd { border: 1px solid #ea4170; border-top: none; border-radius: 0 0 7px 7px; padding: 20px; margin-top: -6px;}
.section02 dl dd.dd_a { border-top: none; border-bottom: none; border-radius: 0; text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 2.8rem;}
.section02 dl dd.dd_b ul { background: #f4f4f4; padding: 10px 50px 10px 50px;}
.section02 dl dd.dd_b ul li { font-size: 11px; font-size:1.1rem; line-height: 2rem; letter-spacing: .1rem; text-indent: -1rem; padding-left: 1rem;}

.section03 { width: 920px; margin: 40px auto;}
.section03 dl dd { border: 1px solid #179634; border-top: none; border-radius: 0 0 7px 7px; padding: 20px;}
.section03 dl dd.dd_a { border-top: none; border-bottom: none; border-radius: 0; padding: 20px 120px 0 120px; text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 2.8rem; margin-top: -6px;}
.section03 dl dd.dd_b { text-align: center; color: #179634;}
.section03 dl dd.dd_b span { display: inline-block; background: #179634; padding: 4px 15px; border-radius: 50px;}
.section03 dl dd.dd_b span a { color: white; letter-spacing: .2rem;}
.section03 dl dd.dd_b span a:hover { text-decoration: underline;}

.note {
    text-align: center;
    color: #333;
    margin-top: 15px;
}