@charset "utf-8";

/*!

　CSS　sub.css

*/

/* # =================================================================
   #
   # サブページ コンテンツ枠
   #
   # ================================================================= */

#sub_content_wrapper {
	min-height:100vh;
}

.sub_content {
	width:100%;
}

.sub_content_box {
	min-height:800px;
}



/* # =================================================================
   #
   # メインコンテンツ部
   #
   # ================================================================= */





/* # =================================================================
   #
   # サブページ タイトル 
   #
   # ================================================================= */


.sub_title {
	align-items:center;
	text-align:left;
	width:100%;
	background-color:#999;
}


.sub_title h4 {
	color:#333;
	font-size:1.5rem;
	padding:0 1.0rem;
	max-width:1280px;
	margin:auto auto;
}

.sub_title h4 img {
	width:40px;
	height:auto;
	vertical-align:middle;
	margin:0 5px 0 0;
}

.sub_title h4 i {
	font-size:2.4rem;
	vertical-align:middle;
	padding:0 1.0rem 1.0rem 0;
	color:#FFF;
}












.sub_title h5 {
	font-size:1.6rem;
	vertical-align:middle;
	padding:0.75rem 0.5rem;
	background-color:#399;
}

.sub_title h5.bid {
	/*background-color:#CCEB48;*/
	/*background-color:#A3DE07;*/
	background-color:#E1F20B;
}

.sub_title h5.new {
	background-color:#06D7BD;
}

.sub_title h5.parts {
	background-color:#FC0;
}

.sub_title h5 img {
	vertical-align:middle;
	width:35px;
	height:auto;
	margin:0 5px 0 0;
	-webkit-backface-visibility: hidden;	
}


.sub_title p {
	font-size:3.0rem;
	min-width:36.0rem;
	color:#FFF;
	text-align:center;
	margin:auto auto;
	padding:1.0rem 3.0rem;
	border:2px solid #FFF;
}




/* 件数表示 */
.list_counter {
	font-weight:bold;
	margin:0.25rem;
	text-align:left;
}

.list_counter span {
	font-size:1.6rem;
	color:#F00;
	letter-spacing:0.025rem;
}





/* # =================================================================
   #
   # 検索ページ（階層【1】）
   #
   # ================================================================= */
.sub_content_box .bg_white {
	background-color: #FFF;
}

.sub_content_box .bg_dark_gray {
	background-color: #DDD;
}

.sub_content_box .bg_gray {
	background-color: #E8E8E8;
}
.sub_content_box .bg_dark_blue {
	background-color: #154B97;
}
.sub_content_box .bg_aqua_blue {
	background-color: #D5F9FF;
}
.sub_content_box .bg_water_blue {
	background-color: #C4D9F7;
}


.sub_content_box .bg_pink {
	background-color: #FFF0F0;
}
.sub_content_box_bg {
	padding:0.5rem 0;
}










/***** 資料ダウンロード *****/


.download {
	border:2px solid #3C6;
	padding:1.0rem;
	margin:3.0rem;
}

.download dl {
	/*display:flex;
	justify-content: center;
    align-items: center;
	flex-wrap:wrap;*/
	width:95%;
	margin:auto auto;
}

.download dl dt {
	font-size:1.6rem;
	font-weight:bold;
	color:#3C6;
	width:100%;
	margin:0 0 1.0rem 0;
}

.download dl dd {
	text-align:left;
	padding:0.5rem 0.5rem 0.5rem 0;
	margin-bottom:1.0rem;
}

.download dl dd a {
	display:inline-block;
	position:relative;
	padding:1.0rem 0 1.0rem 3.5rem;
	color:#333!important;
	line-height:1.0;
}



.download dl dd a:before {
	position:absolute;
	font-family: FontAwesome;
	font-size:3.0rem;
	top:0;
	left:0;
}






.download dl dd a.DL_pdf:before {
	content:"\f1c1";
	color:#F00;
}
.download dl dd a.DL_word:before {
	content:"\f1c2";
	color:#06C;
}
.download dl dd a.DL_excel:before {
	content:"\f1c3";
	color:#090;
}







/* シンプルボタン <a>タグ */

.product_detail_box .btn {
	display: block;
	width: 100%;
	max-width:500px;
	margin:0 auto 0 auto;
	padding:1.0rem;
}

.product_detail_box .btn a {
    font-size: 1.8rem;
    min-width: 3.0rem;
    padding: 1.5rem;
    border: 2px solid #FFF;
	border-radius:10px;
}

.product_detail_box .btn a i {
    font-size:2.4rem;
	margin:0 5px 0 0;
}


.product_detail_box .btn a:hover {
	border:2px solid #096;
	background-color:#FFF;
	color:#096!important;
}



/* シンプルボタン <input>タグ*/


.product_detail_box .btn input {
    font-size: 1.8rem;
    min-width: 3.0rem;
	width:100%;
    padding: 1.5rem;
    border: 2px solid #FFF;
	position:relative;
}

.product_detail_box .btn input {
    font-size:2.4rem;
	margin:0 5px 0 0;
	background-color:#096;
}


.product_detail_box .btn input:hover {
	border:2px solid #096;
	background-color:#FFF;
	color:#096!important;
}

.product_detail_box .btn input {
	font-family: FontAwesome!important;
}




/* ご利用規約など小さめのメッセージ */


.mini_msg {
	text-align:right;
	padding:1.0rem 1.0rem;
	background-color:#ECECEC;
}

.mini_msg a {
	color:#FFF!important;
	text-decoration:none;
	background-color:#666;
	padding:0.25rem 0.5rem;
	border-radius:7px;
}

.mini_msg a:hover {
	background-color:#333;
}




/*購入時数量変更*/
/*
.order_counter {
	margin:0 3.0rem;
	padding:1.0rem 0 1.0rem 0;
	text-align:center;
}
.order_counter dl {
	padding:1.0rem;
	display:flex;
}
.order_counter dl dt {
	display:block;
	font-weight:bold;
	vertical-align:middle;
	font-size:1.8rem;
}
.order_counter dl dt input[type="text"] {
	text-align:right;
	border:3px solid #999;
	font-size:1.8rem;
	padding:0.5rem;
	background-color:#F4F4F4;
}
.order_counter dl dd.plus_minus {
	padding:0.5rem 0.5rem 0.5rem 1.0rem;
}
.order_counter dl dd.plus_minus a {
	display:inline-block;
	padding:0.5rem;
	background-color:#666;
	color:#FFF!important;
	font-weight:bold;
	width:3.0rem;
	text-align:center;
	text-decoration:none;
}
.order_counter dl dd.plus_minus a:hover {
	background-color:#9C0;
}

*/





/* 
==================================================================================================================================
==================================================================================================================================
　
 News ニュースリリース

==================================================================================================================================
================================================================================================================================== */


/* # =================================================================
   #  
   # News 入り口 
   #
   # ================================================================= */

.news {
	margin:3.0rem 0;
	padding:3.0rem;
}

.news ul {
	font-size:1.6rem;
	max-width:1400px;
	margin:auto auto;
}

.news ul li {
	width:90%;
	border-bottom:1px solid #333;
	margin:0 auto 0 auto;
}

.news ul li a {
	text-decoration:none;
	display:block;
	padding:2.0rem 0;
}

.news ul li a:hover {
	background-color:#DAF4FE;
}

.news ul li dl {
	display:flex;
}

.news ul li dl dt {
	width:15%;
	white-space:nowrap;
	font-weight:bold;
}

.news ul li a dt {
	color:#333;
}


.news ul li dl dd:nth-of-type(1) {
	width:20%;
	white-space:nowrap;
}

.news ul li dl dd span {
	font-size:1.4rem;
	width:150px;
	background-color:#006699;
	color:#FFF;
	display:block;
	text-align:center;
	padding:0.25rem;
}

.news ul li dl dd:nth-of-type(2) {
	width:auto;
	white-space:nowrap;
}








@media screen and (max-width : 1025px) {
.news ul li {
	width:98%;
}

.news ul li a {
	text-decoration:none;
	display:block;
	padding:1.0rem 0;
}

.news ul li dl {
	display:flex;
	flex-wrap:wrap;
}	
	
.news ul li dl dt {
	width:20%;
	white-space:normal;
	font-weight:bold;
}

.news ul li dl dd:nth-of-type(1) {
	width:20%;
	white-space:normal;
}

.news ul li dl dd:nth-of-type(2) {
	width:auto;
	white-space:normal;
	margin:0.5rem 0 0 0;
}
	
}

@media screen and (max-width : 767px) {
	
.news {
	padding:0.5rem;
}
	
.news ul li {
	width:98%;
}

.news ul li dl dt {
	width:100%;
}


.news ul li dl dd:nth-of-type(2) {
	width:100%!important;
}



}




/* # =================================================================
   #
   # 最新情報 詳細
   #
   # ================================================================= */


#news_detail {
	margin:auto auto 10.0rem auto;
	padding:5.0rem 10.0rem;
	position:relative;
	max-width:1280px;
	text-align:left;
	font-size:1.6rem;
}

#news_detail h3:first-child {
	margin: 1rem 0 2rem 0;
    font-size: 2.0rem;
	color:#111;
	text-align:center;
}/*ページのタイトル（UMNET ブログ 記事詳細という箇所）*/

#news_detail h3 img {
	vertical-align:middle;
	width:36px;
	height:auto;
}

#news_detail h2 {
	margin: 1.5rem 0 1.0rem 0;
    font-size: 2.4rem;
	color:#111;
	text-align:center;
	font-weight:bold;
}



#news_detail h3 {
	margin: 1.5rem 0 1.0rem 0;
    font-size: 2.0rem;
	color:#111;
	text-align:center;
	font-weight:bold;
}




#news_detail .article_info {
	margin:0 0 1.0rem 0;
}

#news_detail .article_info dl {
	text-align:left;
}

#news_detail .article_info dl dt {
	font-size:2.0rem;
	font-weight:bold;
	margin:0.25rem 0;
	color:#003366;
}


#news_detail dl dd:nth-of-type(1) {
	width:20%;
	white-space:nowrap;
	margin:0 0 1.0rem 0;
}

#news_detail dl dd span {
	font-size:1.4rem;
	width:150px;
	background-color:#09C;
	color:#FFF;
	display:block;
	text-align:center;
	padding:0.25rem;
}

#news_detail dl dd:nth-of-type(2) {
	width:auto;
}





#news_detail .article_info + h1 {
	font-size:2.0rem;
	color:#18A2D0;
	margin:0 0 2.0rem 0;
}

#news_detail p {
	font-size:1.6rem;
	text-align:left;
	padding:1.0rem;
}

#news_detail h2 {
}






#news_detail .images {
	display:block;
	width:60%;
	margin:1.0rem auto;
	text-align:center;
}

#news_detail .common_btn a {
    font-size: 1.8rem;
    min-width: 6.0rem;
    color: #19A3D1!important;
    text-decoration: none;
    display: block;
    padding: 0.25rem;
    border: 2px solid #19A3D1;
    -webkit-transition: all .3s;
    transition: all .3s;
}


#news_detail .common_btn a:hover {
	border:2px solid #19A3D1;
	background-color:#19A3D1;
	color:#FFF!important;
}





/*SNS*/

.common_control_sns {
	width:100%;
	margin:0 0 1.0rem 0;
	padding:0 0 0 0.5rem;
}


.common_control_sns ul {
	width:100%;
	display:flex;

}

.common_control_sns ul li {
	width:auto;
	margin:0.5rem;
	height:28px;
}

.common_control_sns ul li iframe {
	width:90px;
}/*Facebook*/


.common_control_sns ul li a {
	width:100%;
	text-align:center;
}

/*
.common_control_sns ul li span {
	display:block;
	text-align:center;
	width:100px;
	padding:0.5rem;
	background-color:#999;
}
*/


/**/

.common_control_sns ul li div.line a {
	background-color:#00B900;
	display:block;
	height:28px;
	line-height:28px;
	padding:0 0.5rem;
	box-sizing:border-box;
	color:#FFF!important;
	font-weight:bold;
	text-decoration:none;
	border-radius:4px;
	margin:auto auto;
}


.common_control_sns ul li div.line a img {
	vertical-align:middle!important;
	width:auto!important;
	height:24px!important;	
}

.common_control_sns ul li div.twitter a {
    background-color: #09F;
    display: block;
	width:90px;
    height: 28px;
    line-height: 28px;
    padding: 0 0.5rem;
    box-sizing: border-box;
	color:#FFF!important;
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    white-space: nowrap;
	margin:auto auto;
}









@media screen and (max-width : 767px) {
	
#news_detail {
	margin:auto auto 10.0rem auto;
	padding:3.0rem 1.0rem;
	position:relative;
	max-width:1280px;
}

#news_detail h4 {
	margin:0 0 2.0rem 0;
}

#news_detail h4 dl {
	text-align:left;
}

#news_detail h4 dl dt {
	font-size:1.4rem;
	margin:0.25rem 0;
	color:#003366;
}


#news_detail h4 dl dd {
	font-size:2.0rem;
	color:#18A2D0;
}

#news_detail h4 dl dd:nth-of-type(1) {
	width:100%;
	white-space:normal;
}



#news_detail p {
	font-size:1.6rem;
	text-align:left;
	padding:1.0rem 0;
}

#news_detail .images {
	display:block;
	width:90%;
	margin:1.0rem auto;
	text-align:center;
}

	
}





/************ 資料・ダウンロード ************/

#pickup_detail .download {
	border:2px solid #0C3;
	background-color:#F2FEE0;
	width:75%;
	margin:2.0rem auto;
}

#pickup_detail .download dl dt {
	font-size:1.8rem;
}


#pickup_detail .download dl dd {
	font-size:1.6rem;
}





/* # =================================================================
   #
   # 特定商取引に関する法律に基づく表記
   #
   # ================================================================= */


article#law {
	max-width:1280px;
	margin:auto auto;
}

article#law table {
	max-width:1000px;
	margin:auto auto;
	border-collapse:collapse;
	border-top:1px solid #9C0;
	border-left:1px solid #9C0;
}

article#law table th {
	padding:0.5rem;
	white-space:nowrap;
	text-align:left;
	border-right:1px solid #9C0;
	border-bottom:1px solid #9C0;
	background-color:#EAFDD2;
	color:#093;
}

article#law table td {
	padding:1.0rem;
	text-align:left;
	border-right:1px solid #9C0;
	border-bottom:1px solid #9C0;
}




/* # =================================================================
   #
   # 個人情報保護方針 Privacy Policy と Q＆A
   #
   # ================================================================= */
   
.itemization_list {
	padding:2.0rem;
	margin:0 0 5.0rem 0;
}
.itemization_list dl {
	width:100%;
	text-align:left;
	font-size:1.6rem;
	margin:3.0rem auto;
}
.itemization_list dl dt {
	font-weight:bold;
	padding:0.25rem;
	color:#BF0000;
}
.itemization_list dl dd {
	padding:0.5rem 0.25rem;
	margin:0.5rem 0 4.0rem 2.0rem;
}

.itemization_list p {
	font-size:1.6rem;
	text-align:left;
}



/* # =================================================================
   #
   # 一般的な Form
   #
   # ================================================================= */

.common_form_box {
	width:100%;
	padding:0 0.5rem;
}

.common_form_box h6 {
	font-size:1.6rem;
	color:#144B97;
	margin:0 0 1.0rem 0;
	padding:0 0 0 0.75rem;
	border-left:3px solid #09C;
}

.common_form_box p {
	font-weight:bold;
	margin:1.0rem 0!important;
}

.common_form {
	text-align:left;
	margin:4.0rem auto 4.0rem auto;
	padding:0 0 5.0rem 0;
	width:100%;
	max-width:1200px;
}

.common_form .red {
	color:#F00;
}

.common_form h3 {
	color:#E60000;
}

.common_form dl {
	margin:0 0 1.0rem 0;
	padding:1.0rem;
}

.common_form dl dt {
	font-weight:bold;
	padding:0.5rem 0;
	font-size:1.5rem;
}

.common_form dl dd div.ex {
	margin:0.5rem 0;
}

.common_form dl dd div.ex ul li {
	font-size:1.2rem;
	margin:0 0 0.75rem 0;
	line-height:1.5;
}

.common_form dl dd div.ex ul li strong {
	display:block;
}



.entry_form dl dd div.ex ul li span.campaign {
	text-decoration:line-through;
	text-decoration-color:#F00;
	color:#F33;
}
	
.entry_form dl dd div.ex ul li em {
	color:#000;
	font-style:normal;
	font-size:1.5rem;
}

.entry_form dl dd div.ex ul li em {
}




.common_form form {
	/*border:3px solid #666;*/
	background-color:#F0F0F0;
	margin:0 0 6.0rem 0;
	padding:1.0rem;
}

.common_form form input[type="text"] {
	width:auto;
}

.common_form form textarea {
	border:1px solid #999;
}



.common_form .btn_area {
	width:50%;
}


.common_form .btn_area ul {
	display:flex;
	width:100%;
	margin:auto auto;
}
.common_form .btn_area ul li {
	width:50%;
	padding:0 0.5rem;
}

.common_form .btn_area input[type="submit"] {
	width:100%;
	padding:1.5rem;
}



.common_form .btn_area input[type="submit"] {
	margin:auto auto;
	min-width:10.0rem;
	width:100%;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	display:block;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding:1.5rem;
}

.common_form p {
	margin:0 0 0 0;
	padding:1.0rem 0;
}

.common_form p i {
	color:#F33;
	font-size:1.8rem;
	vertical-align:middle;
}

.common_form dl dd ul {
	margin:0 0 0 0;
}
.common_form dl dd ul li {
	line-height:1.8;
}
















/* # =================================================================
   #
   # Entry
   #
   # ================================================================= */
/*
#mail_magazine {
	background-color:#F0F0F0;
}*/

.entry {
	padding:0 0.5rem;
}

.entry h6 {
	font-size:1.6rem;
	color:#144B97;
	margin:0 0 1.0rem 0;
	padding:0 0 0 0.75rem;
	border-left:3px solid #09C;
}

.entry_form {
	text-align:left;
	margin:1.0rem auto 12.0rem auto;
	padding:0 0 5.0rem 0;
	width:95%;
	max-width:1200px;
}

.entry_form .red {
	color:#F00;
}

.entry_form h3 {
	color:#E60000;
}

.entry_form dl {
	margin:0 0 1.0rem 0;
	padding:1.0rem;
}

.entry_form dl dt {
	font-weight:bold;
	padding:0.5rem 0;
	font-size:1.5rem;
}

.entry_form dl dd div.ex {
	margin:0.5rem 0;
}

.entry_form dl dd div.ex ul li {
	font-size:1.2rem;
	margin:0 0 0.75rem 0;
	line-height:1.5;
}

.entry_form dl dd div.ex ul li strong {
	display:block;
}

.entry_form dl dd div.ex ul li span.campaign {
	text-decoration:line-through;
	text-decoration-color:#F00;
	color:#F33;
}
	

.entry_form form {
	/*border:3px solid #666;*/
	background-color:#F0F0F0;
	margin:0 0 6.0rem 0;
	padding:1.0rem;
}

.entry_form form input[type="text"] {
	width:auto;
}


.entry_form .btn_area {
	width:60%;
}


.entry_form .btn_area ul {
	display:flex;
	width:100%;
	margin:auto auto;
}
.entry_form .btn_area ul li {
	width:50%;
	padding:0 0.5rem;
}

.entry_form .btn_area input[type="submit"] {
	width:100%;
	padding:1.5rem;
}



.entry_form .btn_area input[type="submit"] {
	margin:auto auto;
	min-width:10.0rem;
	width:100%;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	display:block;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding:1.5rem;
}

.entry_form p {
	margin:0 0 0 0;
	padding:1.0rem 0;
}

.entry_form p i {
	color:#F33;
	font-size:1.8rem;
	vertical-align:middle;
}

.entry_form dl dd ul {
	margin:0 0 0 1.5rem;
}
.entry_form dl dd ul li {
	line-height:2.0;
}


.entry_form .config_language ul li {
	border:1px solid #CCC;
	background-color:#CCC;
	border-radius:5px;
	padding:0.25rem 0.5rem;
}

.entry_form .config_language ul li span {
	border:none;
	background-color:#CCC;
}







/* # =================================================================
   #
   # フォームまわり
   #
   # ================================================================= */

label { 
	cursor: pointer;
}

/*エラーメッセージ*/
.error {
	width:100%;
	display:block;
	background-color:#FEE;
	border:3px solid #F00;
	padding:0.5rem 1.0rem;
	margin:0.75rem 0;
	color:#F00;
	font-weight:bold;
}

.error p {
	padding:0.5rem;
}

.error p i {
	color:#F00;
}


/*確認メッセージ*/
.caution {
	background-color:#FFC;
	border:3px solid #FC0;
	padding:0.5rem;
	margin:0.75rem 0;
	color:#F90;
	font-weight:bold;
}

.caution p {
	padding:0.5rem;
}

.caution p i {
	color:#F90;
}

/*作業案内（成功）メッセージ*/
.succeed {
	background-color:#EEFEC2;
	border:3px solid #096;
	padding:0.5rem;
	margin:0.75rem 0;
	color:#096;
	font-weight:bold;
}

.succeed p {
	padding:0.5rem;
}

.succeed p i {
	color:#096;
}



.pre_check_single {
	background-color:#DDD;
	border:1px solid #CCC;
	padding:0.75rem;
	max-width:50%;
}

.pre_check_multi {
	background-color:#DDD;
	border:1px solid #CCC;
	padding:0.75rem;
}






/* # =================================================================
   #
   # 追加バナースタイルなど
   #
   # ================================================================= */

/* 募集コンテンツ */
.entry_box {
	/*background-color:#FFF0F8;*/
	background-color:#DDFFF9;
	margin:2.0rem 0 5.0rem 0;
	padding:2.0rem;
	text-align:center;
}

.entry_box p.ex {
	font-size:1.6rem;
	font-weight:bold;
	margin:0.5rem;
}






/*********************************************************************************************************/
/* 
   #
   # タブレットサイズ
   #
*/
/*********************************************************************************************************/

@media (min-width: 768px) and (max-width:1025px) {







/* # =================================================================
   #
   # 商品詳細 
   #
   # ================================================================= */


article#product_detail {
	max-width:1280px;
	margin:auto auto;
}


.product_detail_box {
	display:flex;
	margin:auto 3.0rem;
}

.product_detail_box .pic {
	width:50%;
	min-width:100px;
	padding:1.0rem;
	min-width:auto;
	position:relative;
}

.product_detail_box .pic div ul li img {
	max-height:100px;
	width:auto;
}




.sub_photo ul li {
	list-style:none;
	margin:0;
	padding:0.25rem;
	width:33%;
}



/************ 資料・ダウンロード ************/

#pickup_detail .download {
	width:100%;
}


}






/*********************************************************************************************************/
/* 
   #
   # スマートフォンサイズ
   #
*/
/*********************************************************************************************************/

@media screen and (max-width : 767px) {


/* # =================================================================
   #
   # サブページ タイトル 
   #
   # ================================================================= */


.sub_title {
	/*height:50px;*/
}

.sub_title h4 {
	color:#333;
	font-size:1.5rem;
	font-weight:normal;
}






/* # =================================================================
   #
   # 検索ページ（階層【1】）
   #
   # ================================================================= */
.sub_content_box_bg {
	padding:1.25rem 0 0 0;
}




/* # =================================================================
   #
   #  ご利用規約など小さめのメッセージ 
   #
   # ================================================================= */




.mini_msg {
	text-align:center;
}

.mini_msg a {
	display:inline-block;
}




/* # =================================================================
   #
   # 商品一覧 
   #
   # ================================================================= */

article#product_list {
	padding:1.0rem 0;
}


article#product_list ul {
	margin:0;
}


article#product_list ul li {
	width:50%;
	margin:0;
	padding:0.25rem;
}

article#product_list ul li > div.box {
	border:2px solid #EEEEEE;
	background-color:#FFF;
	padding:0.25rem;
}




article#product_list ul li div.pic {
	width:90%;
	width: 150;
	height: 150px;
}


article#product_list ul li dl dd p {
	text-align:center;
}


article#product_list ul li dl dt {
	font-weight:bold;
	font-size:1.4rem;
}

article#product_list ul li dl dd p.price {
	font-size:1.5rem;
}

article#product_list ul li dl dd p.price span {
	font-size:1.1rem;
}











/* # =================================================================
   #
   # 商品詳細 
   #
   # ================================================================= */


article#product_detail {
	max-width:1280px;
	margin:auto auto;
}


.product_detail_box {
	display:block;
	margin:auto auto;
}



/*商品画像（左側エリア=スマホ版では上側エリア）*/
.product_detail_box .pic {
	width:100%;
	padding:0;
	position:relative;
}

.product_detail_box .pic img {
	max-width:100%;
	height:auto;
}

.product_detail_box .pic .sub_photo {
}

.product_detail_box .pic .sub_photo ul li {
	width:33.3%;
}

.product_detail_box .pic .sub_photo ul li a {
}




.product_detail_box .status {
	width:100%;
}

.product_detail_box .status dl.main_info {
	margin:0;
	padding:1.0rem;
}

.product_detail_box .status dl.main_info dt {
	font-size:3.0rem;
}

.product_detail_box .status .ex {
    margin:0 0;
    padding:1.0rem 0 1.0rem 0;
    border-top: 1px solid #333;
}





/*購入時数量変更*/

.order_counter {
	margin:0 0 0 25%;
	padding:1.0rem 0 1.0rem 0;
}



/***** 資料ダウンロード *****/


.download {
	padding:0.5rem;
	margin:3.0rem 0;
}

.download dl {
	/*display:flex;
	justify-content: center;
    align-items: center;
	flex-wrap:wrap;*/
	width:100%;
	margin:auto auto;
}

.download dl dt {
	font-size:1.6rem;
	font-weight:bold;
	color:#3C6;
	width:100%
}

.download dl dd {
	text-align:left;
	padding:0.5rem 0.5rem 0.5rem 0;
	margin-bottom:1.0rem;
}

.download dl dd a {
	display:block;
	padding:1.5rem 1.5rem 1.5rem 4.0rem;
	line-height:1.0;
	background-color:#F0F0F0;
	border-radius:10px;
}



.download dl dd a:before {
	position:absolute;
	font-family: FontAwesome;
	font-size:3.0rem;
	top:0.75rem;
	left:0.5rem;
}





/* シンプルボタン（緑色） */

.btn {
	padding:0!important;
}

.btn a {
    font-size: 1.4rem;
    min-width: 100%;
    display: block;
    padding: 0.25rem;
    border: 1px solid #FFF;
	border-radius:20px;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.btn a:hover {
	border:1px solid #096;
	background-color:#FFF;
	color:#096!important;
}




/* # =================================================================
   #
   # 最新情報 詳細
   #
   # ================================================================= */


#pickup_detail {
	background-color:#FFF;
	margin:auto auto 10.0rem auto;
	padding:5.0rem 0 10.0rem 0;
	position:relative;
	max-width:1280px;
}

#pickup_detail {
	background-color:#FFF;
	margin:auto auto 10.0rem auto;
	padding:5.0rem 1.0rem;
	position:relative;
	max-width:1280px;
}

#pickup_detail h3 {
	margin:0 0 2.0rem 0;
}

#pickup_detail h3 dl {
	text-align:left;
}

#pickup_detail h3 dl dt {
	font-size:1.4rem;
	margin:0.25rem 0;
}


#pickup_detail h3 dl dd {
	font-size:2.4rem;
}

#pickup_detail p {
	font-size:1.6rem;
	text-align:left;
}


#pickup_detail .images {
	display:block;
	width:100%;
	margin:1.0rem auto;
}



/*
#pickup_detail .picture {
	margin:2.0rem auto;
	width:100%;
	
}

#pickup_detail .picture ul {
	display:flex;
	flex-wrap:wrap;
}

#pickup_detail .picture ul li  {
	width:50%;
	padding:0 0.25rem 0 0.25rem;
}
*/



/* # =================================================================
   #
   # 買い物カゴ 
   #
   # ================================================================= */

.shopping_msg {
	padding:1.5rem;
}


form .shopping_msg {
	width:100%;
}

form .shopping_msg p:nth-of-type(2) {
	width:90%;
}


/* # =================================================================
   #
   # 特定商取引に関する法律に基づく表記
   #
   # ================================================================= */


article#law {
	width:100%;
	margin:auto auto;
}

article#law h2 {
	font-size:1.6rem;
	text-align:left;
}


article#law table {
	width:100%;
	margin:auto auto;
}

article#law table th {
	display:block;
	width:100%;
}

article#law table td {
	display:block;
	width:100%;
}




/* # =================================================================
   #
   # Entry
   #
   # ================================================================= */

.common_form_box {
	padding:0;
	margin:0;
	min-height:100vh;
}

.common_form_box h6 {
	font-size:1.6rem;
	color:#144B97;
	margin:0 0.5rem 1.0rem 0.5rem;
	padding:0 0 0 0.75rem;
	border-left:3px solid #09C;
}


.common_form {
	width: 100%;
    margin: 1.0rem 0;
    padding: 0;
}

.common_form h3 {
	color:#E60000;
}

.common_form dl {
	margin:0;
	padding:1.0rem 0;
}

.common_form dl dt {
	font-weight:bold;
	padding:0.5rem 0;
}



.common_form form input[type="text"] {
	width:100%;
}

.common_form .btn {
	padding:0 0 1.0rem;
}

.common_form p {
	margin:0 0 0 0;
	padding:1.0rem 0;
}

.common_form p i {
	color:#F33;
	font-size:1.8rem;
	vertical-align:middle;
}


.common_form .btn_area {
	width:100%;
	padding:0;
}


.common_form .btn_area ul {
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.common_form .btn_area ul li {
	width:100%;
}

.common_form .btn_area input[type="submit"] {
	width:100%;
}

.common_form .btn_area ul li .common_btn {
	width: 100%;
    padding: 0.5rem;
}




/* # =================================================================
   #
   # Entry
   #
   # ================================================================= */

.entry {
	padding:0 0.5rem;
}


.entry_form {
	width: 100%;
    margin: 1.0rem 0;
    padding: 0 0.5rem;
}

.entry_form h3 {
	color:#E60000;
}

.entry_form dl {
	margin:0;
	padding:1.0rem 0;
}

.entry_form dl dt {
	font-weight:bold;
	padding:0.5rem 0;
}



.entry_form form input[type="text"] {
	width:100%;
}

.entry_form .btn {
	padding:0 0 1.0rem;
}

.entry_form p {
	margin:0 0 0 0;
	padding:1.0rem 0;
}

.entry_form p i {
	color:#F33;
	font-size:1.8rem;
	vertical-align:middle;
}


.entry_form .btn_area {
	width:100%;
	padding:0;
}


.entry_form .btn_area ul {
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.entry_form .btn_area ul li {
	width:100%;
}

.entry_form .btn_area input[type="submit"] {
	width:100%;
}

.entry_form .btn_area ul li .common_btn {
	width: 100%;
    padding: 0.5rem;
}


/* # =================================================================
   #
   # フォームまわり
   #
   # ================================================================= */


.pre_check_single {
	max-width:100%;
}

.pre_check_multi {
	background-color:#DDD;
	border:1px solid #CCC;
	padding:0.75rem;
}




/* # =================================================================
   #
   # 追加バナースタイルなど
   #
   # ================================================================= */

/* 募集コンテンツ */
.entry_box {
	margin:2.0rem 0 5.0rem 0;
	padding:1.0rem 0.5rem;
}

.entry_box p.ex {
	font-size:1.4rem;
	font-weight:bold;
	margin:0 0.5rem;
	text-align:center;
}





}