/*
Theme Name: ナツメアタリ
*/

.c_prompt_report {
	background-color: #43CC2B!important;
}

.c_kenri {
	height: 48px; position: absolute;bottom: 6px;font-size: .5rem!important;color: #ffffff
}
@media only screen and (min-width:768px){
	.link_p{bottom: 60px!important;}
	.information-container figure img{width: 288px; height: 162px;}
	
	.sns-header{
	    position: absolute;
	    //right: 150px;
	    //top: 25px;
	    right: 140px;
	    top: 25px;
	}
	.sns-header .twitter > a{
	    width: 40px;
	    height: 40px;
	    padding: 7px 0 9px;
	    border-radius: 20px;
	    font-size: 1.5rem;
	    transition: .3s;
	}
	.sns-header .twitter > a:hover {
	    background-color: #000;
	    text-decoration: none;
	}
	.sns-header ul li:nth-child(n+2) {
	    margin-left: 8px;
	}
	

	.attention-button {	
		position: absolute;
		top: 25px;
		left: 25px;
		z-index: 90;
		background-size: contain;
		width: 350px;
		height: 123px;
	}
	.btn-sm {display: none;}
	
}
@media only screen and (max-width:767px){
	.link_p{bottom: 20px!important;}

	.sns-header {display: none;}
	.tweet {display: none;}
	.btn-pc {display: none;}
	.attention-button {	
		position: absolute;
		top: 20px;
		left: 15px;
		z-index: 90;
		background-size: contain;
		width: 100px;
		height: 100px;
	}
}
.section_p{
	padding-bottom: 45px!important;
}

.sns-header .twitter > a {
    display: inline-block;
    box-sizing: border-box;
    background-color: #2a93cc;
    color: #fff;
    text-align: center;
}

.sns-header ul {
    display: flex;
}

#tweet_window {
    width: 180px;
    overflow: hidden;
    text-align: center;
    line-height: 1.5em;
    font-size: 0.75em;
}


.baloon {
	background-color:#fff;
	border:1px solid #2a93cc;
	border-radius:5px;
	position:relative;
	padding: 9px;
	margin-left: 5px;
}

.baloon:before {
	border:10px solid transparent;
	border-right-color:#fff;
	border-left-width:0;
	left:-9px;
	content:"";
	display:block;
	top:10px;
	position:absolute;
	width: 0;
	z-index:1;
}

.baloon:after {
	border:10px solid transparent;
	border-right-color:#2a93cc;
	border-left-width:0;
	left:-10px;
	content:"";
	display:block;
	top:10px;
	position:absolute;
	width: 0;
}

.baloon_text {
    white-space: nowrap;
    margin: 0 0 0 180px !important;
    width: 700px;
    text-align: left;
}


.attention-button a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
	z-index: 99;
	cursor: pointer;
}

.attention-button:hover{
	opacity: 0.4;
	transition: all 0.3s ease;
}