@charset "utf-8";
/* CSS Document */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body {
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
}
#tohotowa a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* ie 6 7 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
}
#tohotowa {
	color: #333;
	background-color: #fff;
}
/* ↑この上は編集しないでください。内容を修正したいときは、新たにこの下に↓指定しなおしてください */

/* OPオリジナルココカラ */
#tohotowa {
	width: 100%;
	margin: 0 auto;
}
#tohotowa img {
	width: 100%;
}
#tohotowa p {
	text-align: center;
}
#tohotowa h2 {
	width: 90%;
	margin: 3vw auto;
}
#tohotowa .text {
	text-align: left;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.6;
	color: #5a5a58;
	margin: 0 auto;
}
#tohotowa .pc {
	display: none;
}
#tohotowa .sp {
	display: block;
}
/* header & mv
----------------------------*/
header {
	margin: 0;
	width: 100%;
}
/* mv */
#tohotowa .mv img.sp {
	margin-bottom: 0;
}
#tohotowa .mv h1.mv_img {
	line-height: 0;
}
#tohotowa .mv .text {
	width: 95%;
	margin-top: 3vw;
}
/* btn_con
----------------------------*/

#tohotowa .btn_con {
	width: 90%;
	margin: 5vw auto;
}
/* move_con
----------------------------*/

#tohotowa .move_con {
	width: 100%;
	margin: 12vw auto 5vw;
	padding-bottom: 5vw;
	background: url(../images/dog/move_bg.png) repeat-y top;
	background-size: 100%;
}
#tohotowa .move_con p.move {
	width: 80%;
	height: 100%;
	margin: 0 auto 3vw;
	background-color: #000;
}
#tohotowa .move_con p.move iframe {
	height: 200px;
}
#tohotowa .move_con img.move_cmt {
	width: 90%;
	margin: -10vw auto 0;
}
#tohotowa .move_con .text {
	width: 80%;
}
/* campaign_con
----------------------------*/
#tohotowa #campaign_con_1, #tohotowa #campaign_con_2 {
	width: 95%;
	margin: 10vw auto 5vw;
	border-radius: 20px;
	background-color: #fff;
}
#tohotowa #campaign_con_1 {
	border: solid 5px #ef4332;
}
#tohotowa #campaign_con_2 {
	border: solid 5px #f8a70a;
}
#tohotowa #campaign_con_1 .ribon, #tohotowa #campaign_con_2 .ribon {
	width: 50%;
	margin: -5vw 0 0 5vw;
}
#tohotowa #campaign_con_1 p, #tohotowa #campaign_con_2 p {
	width: 90%;
	margin: 0 auto;
}
#tohotowa #campaign_con_1 .cam_text, #tohotowa #campaign_con_2 .cam_text {
	width: 85%;
	padding: 3%;
	background: url(../images/dog/dot_bg.jpg) repeat;
	border-radius: 20px;
}
/* btn
----------------------------*/

#tohotowa #campaign_con_1 p.btn, #tohotowa #campaign_con_2 p.btn {
	width: 90%;
	margin: 5vw auto;
}
/* campaign_con_1 box
----------------------------*/

#tohotowa #campaign_con_2 .box {
	width: 90%;
	margin: 5vw auto 0;
}
#tohotowa #campaign_con_2 .box p {
	text-align: left;
}
#tohotowa #campaign_con_2 .box p a.link_text {
	color: #0970c9;
	text-decoration: underline;
}
#tohotowa #campaign_con_2 h2.sns_ttl {
	margin-top: 3vw;
}
#tohotowa #campaign_con_2 .method, #tohotowa #campaign_con_2 .contract {
	border: 1px solid #d4d4d4;
	background: #fff;
	margin-bottom: 1.5em;
}
#tohotowa #campaign_con_2 .box h3 {
	background-color: #f8a70a;
	padding: 0.5em;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.4;
	cursor: pointer;
	display: block;
}
#tohotowa #campaign_con_2 .box h3 img {
	width: 40%;
	margin: 1vw auto 0;
	padding-left: 5vw;
}
#tohotowa #campaign_con_2 .method h4 {
	border-left: 6px #d7000f solid;
	padding: 0.2em 0.5em;
}
#tohotowa #campaign_con_2 .box h4 {
	margin: 0 1em 0.2em;
	color: #d7000f;
	font-weight: bold;
}
#tohotowa #acMenu01 .in, #tohotowa #acMenu02 .in {
	display: none;
	padding: 1.5em 0;
}
#tohotowa #campaign_con_2 .box p.tx {
	margin: 0 0 1em;
	padding: 0;
}
#tohotowa #campaign_con_2 .box p {
	margin: 0 1em 1em;
}
#tohotowa #campaign_con_2 .box p span {
	color: #d7000f;
}
#tohotowa #campaign_con_2 .box p strong {
	font-weight: bold;
}
#tohotowa #campaign_con_2 .box img.img {
	max-width: 302px;
	margin: 0 2em 1em;
	width: 80%;
}
#tohotowa #campaign_con_2 .sns_box {
	width: 90%;
	margin: 0 auto;
}
#tohotowa #campaign_con_2 .sns_box p.sns_img {
	width: 80%;
	margin: 0 auto;
}
#tohotowa .con_btn {
	width: 90%;
	margin: 0 auto 5vw;
}

/*PC版の修正設定------------------------------------------*/
@media only screen and (min-width: 767px) {
#tohotowa .pc {
	display: block;
}
#tohotowa .sp {
	display: none;
}
#tohotowa h2 {
	width: 55%;
	margin: 1.5vw auto;
}
/* header & mv 
----------------------------*/
/* mv */
#tohotowa .mv img {
	margin: 0;
}
#tohotowa .mv {
	width: 90%;
	margin: 0 auto;
}
#tohotowa .mv .text {
	width: 95%;
	margin-top: 2vw;
}
/* btn_con
----------------------------*/

#tohotowa .btn_con {
	width: 100%;
	margin: 2vw auto;
}
#tohotowa .btn_con p {
	float: left;
	width: 45%;
	margin: 1.2vw;
}
/* move_con
----------------------------*/

#tohotowa .move_con {
	width: 90%;
	margin: 5vw auto 5vw;
	padding-bottom: 3vw;
	background: url(../images/dog/move_bg_pc.png) repeat-y top;
	background-size: 100%;
}
#tohotowa .move_con p.move {
	width: 80%;
	height: 100%;
	margin: 0 auto 2vw;
	background-color: #000;
}
#tohotowa .move_con p.move iframe {
	height: 350px;
}
#tohotowa .move_con img.move_cmt {
	width: 55%;
	margin: -5vw auto 0;
}
#tohotowa .move_con .text {
	width: 80%;
}
/* campaign_con
----------------------------*/
#tohotowa #campaign_con_1, #tohotowa #campaign_con_2 {
	width: 90%;
	margin: 3vw auto 5vw;
	border-radius: 20px;
	background-color: #fff;
}
#tohotowa #campaign_con_1 {
	border: solid 5px #ef4332;
}
#tohotowa #campaign_con_2 {
	border: solid 5px #f8a70a;
}
#tohotowa #campaign_con_1 .ribon, #tohotowa #campaign_con_2 .ribon {
	width: 30%;
	margin: -2vw 0 0 5vw;
}
#tohotowa #campaign_con_1 p, #tohotowa #campaign_con_2 p {
	width: 90%;
	margin: 0 auto;
}
#tohotowa #campaign_con_1 .cam_text, #tohotowa #campaign_con_2 .cam_text {
	width: 85%;
	padding: 3%;
	background: url(../images/dog/dot_bg.jpg) repeat;
	border-radius: 20px;
}
#tohotowa #campaign_con_2 h2.sns_ttl {
	margin-top: 3vw;
}
#tohotowa #campaign_con_2 h3.sab_ttl {
	width: 60%;
	margin: 2vw auto 1.5vw;
}
#tohotowa #campaign_con_1 p.move_card {
	width: 60%;
}
/* btn
----------------------------*/

#tohotowa #campaign_con_1 p.btn, #tohotowa #campaign_con_2 p.btn {
	width: 57%;
	margin: 2vw auto;
}
/* campaign_con box
----------------------------*/

#tohotowa #campaign_con_2 .box {
	width: 70%;
	margin: 3vw auto 0;
}
#tohotowa #campaign_con_2 .box h3 {
	background-color: #f8a70a;
	padding: 0.5em;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.4;
	cursor: pointer;
	display: block;
}
#tohotowa #campaign_con_2 .box h3 img {
	width: 30%;
	margin: 1vw auto 0;
	padding-left: 2vw;
}
#tohotowa .con_btn {
	width: 70%;
	margin: 0 auto 5vw;
}
#tohotowa #campaign_con_2 .sns_box p.sns_img {
	width: 50%;
	margin: 0 auto;
}
}

@media only screen and (min-width: 949px) {
#tohotowa {
	margin: 1em auto;
	width: 950px;
}
}

/* 更なる上書きの設定 */
@media screen and (max-width:620px) {
#tohotowa .count .box dl {
	flex-flow: column nowrap;
}
}

@media screen and (min-width:620px) {
#tohotowa .move_con p.move iframe {
	height: 350px;
}
}

/* OPオリジナルココマデ */