@charset "utf-8";
/* CSS Document */
*
	================================================================================================
		 css popup
	================================================================================================
*/
/*
	====================================
		layout
	====================================
*/
body {
	min-width:auto;
}
#main_area {
	width: 700px;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
#main_area {
	width: auto;
}
}


/*===========================================
	js-enqueteArea 
=============================================*/
.js-enqueteArea {
	clear: both;
	margin: 0 auto;
	width: 700px;
}
html>body #enqueteArea {
	float: none;
	width: 700px;
	margin-right: 0;
}
@media screen and (max-width: 640px) {
.js-enqueteArea {
	width: auto;
}
html>body #enqueteArea {
	width: auto;
}
}


/*===========================================
	movie
=============================================*/
#i_frame {
	width: 640px;
	margin: 25px auto 30px auto;
}


#contents div.comment p {
	width: 640px;
	margin: 10px auto;
}

#contents div.comment> p > img{
	vertical-align:text-bottom;
}

@media screen and (max-width: 640px) {
	#i_frame {
		width: auto;
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
	}
	#i_frame iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#contents div.comment p {
		width: auto;
		margin:10px auto;	
	}
}


#contents div.movie h1 {
	margin: 2em 0 0 2em;
}

#contents div.movie h1.title {
	margin-left: 1em;
}

@media screen and (max-width: 640px) {
	    #contents div.movie h1 {
		margin-left:0;
	}
    	#contents div.movie h1.title {
		margin-left:0;
	}
}


@media screen and (max-width: 639px) {
	.s5-container {
		padding: 0;
	}
}

#contents p.annotation {
    margin: 0 0 1em 3em;
    padding: 0.5em 0;
    text-indent: -0.7em;
    font-size: 0.9em;
}

#contents .list{
    margin-left: 3em;
}

#contents .list li{
    list-style: none;
}

#contents a{
    color: inherit;
    text-decoration: none;
}

#contents a:hover, a:active {
    color: #2f353d;
    text-decoration: underline;
}

#contents a.textLink {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 10px;
    background: url(/share/images/arrow_black.gif) no-repeat left 0.4em;
}

#contents span.link_out {
    background: url(/support/share/images/icon_blank.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 9px 0 0;
    vertical-align: baseline;
    width: 11px;
    margin-left: 3px;
}

#closeBtn {
    display: none;
}

#contents .popup_Title {
    clear: both;
    color: #000;
    margin-bottom: 15px;
    border-bottom: 1px solid #D0D0D0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 13px;
    font-size: 18px;
    font-weight: 700;
}

#contents  h1.popup_Title {
    border-bottom: 2px solid #000;
    padding-left: 5px;
	margin-top: 25px;
}



@media (max-width: 640px) {
	#contents .pregBox dl {
		width: auto;
	}
	
	#contents .pregBox img {
		max-width: 100%;
	}
}


div.border_box.bk {
    border-color: #000;
    padding: 1em;
}

#contents p {
    margin: 0 0 1em 0;
}



h2.normal{
	font-size: 1.077em;
	font-weight: normal;
	margin-top: 0;
}

div.border_box{
	margin-bottom: 3em;
}
div.border_box > dl{
	margin: 0;

}
div.border_box > dl dt{
	font-weight: bold;
}

div.border_box > dl dd{
	margin-left: 0;
	margin-top: 0.5em;
}

ul.typeList{
	list-style: none;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 1em;
	margin-bottom: 2em;
}

ul.typeList li{
	width: 46%;
    overflow: hidden;
    text-align: center;
}
span.link_out, #contents span.link_out {
    background: url(/support/share/images/icon_blank.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 9px 0 0;
    vertical-align: baseline;
    width: 11px;
    margin-left: 3px;
}
ul.typeList li > p{
	background: url(/support/ichigan/share3/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	display: block;
	padding: 3px 9px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

p.annotation{
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1em;
}

@media (max-width: 480px){
	ul.typeList{
		flex-direction: column;
	}

	ul.typeList li{
		width: auto;
		margin-bottom: 2em;
	}
}