@charset "UTF-8";

/* ----------------------------------------------------------------
    ディオっちゃお
----------------------------------------------------------------- */
.pc_none {
	display:block;
}
.sp_none {
	display:none;
}
.contents {
	display:block;
}
#breadcrumb {
	margin-bottom:0!important;
}
#in_diociao {
	margin:0 10px;
}
h2.main {
	display:block;
	margin: 0px auto 30px auto;
	background-color:#b9e3f9;
	text-align:center;
}
h2.main img {
	width:100%;
	height:auto;
}
#in_diociao h3.headcopy {
	display:block;
	color:#004A7C;
	font-weight:bold;
	font-size:17px;
	line-height:24px;
	padding: 0px 0px 0px 0px;
	margin: 40px auto 20px auto;
	text-align:center;
}
#in_diociao h3.headcopy span {
	text-decoration-line: underline;
	text-decoration-color: #FFFF00;
	text-decoration-thickness: 3px;
}

#in_diociao .item {
	margin: 0px auto 0px auto;
	text-align:center;
	overflow: hidden;
}
#in_diociao .switch_content {
	text-align:center;
	overflow: hidden;
}
#switch {
	display: none; /* チェックボックスを除去 */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.button {
	display: block;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px;
}
.open,.close {
	display:inline-block;
	width:100%;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	line-height:17px;
	padding: 15px 0px 15px;
	margin: 0px auto 40px auto;
	text-align:center;
	background-image: linear-gradient(#f6b148, #ed7700);
	border:solid 2px #fff;
	box-shadow: 2px 2px 3px gray;
	border-radius:20px;
	cursor: pointer;
}
.open:hover,.close:hover {
	opacity:.7;
}
.open {
	display: inline-block;
}
.close {
	display: none;
}
.sw_contents {
	display: none;
}
#switch:checked + .button > .open{ /* 表示ボタンを非表示 */
	display: none;
}
#switch:checked + .button > .close{ /* 閉じるボタンを表示 */
	display: inline-block;
}
#switch:checked ~ .sw_contents { /* コンテンツを表示 */
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size:15px;
	line-height:26px;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 30px auto;
}

#in_diociao .item {
	text-align:center;
}
#in_diociao .item2 {
	text-align:center;
}
#in_diociao .item_image {
	display:block;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 20px auto;
	text-align:center;
}
#in_diociao .item_image img {
	width:70%;
	height:auto;
}
#in_diociao .item2 .thanks {
	display:block;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 10px auto;
	text-align:center;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
}


#in_diociao .switch_content .sw_contents .red {
	color:#e60012;
}
#in_diociao .switch_content .sw_contents .bigred {
	color:#e60012;
	font-size:26px;
}



#in_diociao h4.headcopy {
	display:block;
	color:#004A7C;
	font-weight:bold;
	font-size:17px;
	line-height:26px;
	border-bottom:solid 2px #004A7C;
	padding: 0px 0px 0px 0px;
	margin: 40px auto 20px auto;
}
#in_diociao .text {
	display:block;
	font-size:15px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 20px auto;
}
#in_diociao .text a {
	color:#0074be;
	text-decoration: underline;
}
#in_diociao .text a:hover {
	opacity:.7;
}
#in_diociao ul.ullist {
	display:block;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 40px auto;
}
#in_diociao ul.ullist li {
	display:block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
#in_diociao ul.ullist li p.title {
	display:block;
	background-color:#004A7C;
	color:#fff;
	font-weight:bold;
	font-size:17px;
	line-height:1.4em;
	padding: 6px 0px 6px 0px;
	margin: 0px auto 15px auto;
	text-align:center;
}
#in_diociao ul.ullist li p.image {
	display:block;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 10px auto;
}
#in_diociao ul.ullist li p.image img {
	width:100%;
	height:auto;
}
#in_diociao ul.ullist li p.text {
	display:block;
	font-size:15px;
	line-height:1.4em;
}

#in_diociao .imgright {
	width:100%;
	height:auto;
	padding-top:20px;
}
#in_diociao .redbold {
	font-size:18px;
	font-weight:bold;
	color:#e60012;
}

#in_diociao .kome {
	display:block;
	padding-left: 1em;
	text-indent: -1em;
	font-size:14px;
}
#in_diociao .instaWidget {
	display:block;
	margin-top:30px;
	border:solid 1px #ddd;
	padding:20px;
}
a img:hover {
	opacity:.7;
}